polythene-core-textfield - npm Package Compare versions

Comparing version 1.5.4 to 1.6.0

dist/polythene-core-textfield.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("polythene-core")):"function"==typeof define&&define.amd?define(["exports","polythene-core"],t):t((e=e||self).polythene={},e["polythene-core"])}(this,function(e,t){"use strict";function l(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.forEach(function(t){l(e,t,n[t])})}return e}var a={component:"pe-textfield",counter:"pe-textfield__counter",error:"pe-textfield__error",errorPlaceholder:"pe-textfield__error-placeholder",focusHelp:"pe-textfield__help-focus",help:"pe-textfield__help",input:"pe-textfield__input",inputArea:"pe-textfield__input-area",label:"pe-textfield__label",optionalIndicator:"pe-textfield__optional-indicator",requiredIndicator:"pe-textfield__required-indicator",hasCounter:"pe-textfield--counter",hasFloatingLabel:"pe-textfield--floating-label",hasFullWidth:"pe-textfield--full-width",hideClear:"pe-textfield--hide-clear",hideSpinner:"pe-textfield--hide-spinner",hideValidation:"pe-textfield--hide-validation",isDense:"pe-textfield--dense",isRequired:"pe-textfield--required",stateDirty:"pe-textfield--dirty",stateDisabled:"pe-textfield--disabled",stateFocused:"pe-textfield--focused",stateInvalid:"pe-textfield--invalid",stateReadonly:"pe-textfield--readonly"},r={invalid:!1,message:void 0},u=function(e,t){var l=r;return e.isTouched()&&e.isInvalid()&&0===e.inputEl().value.length&&t.validateResetOnClear&&(e.isTouched(!1),e.isInvalid(!1),e.error(void 0)),!l.invalid&&t.counter&&(l=function(e,t){return{invalid:e.inputEl().value.length>t.counter,message:t.error}}(e,t)),!l.invalid&&e.inputEl()&&e.inputEl().checkValidity&&(l=function(e,t){return{invalid:!e.inputEl().checkValidity(),message:t.error}}(e,t)),!l.invalid&&t.validate&&(l=function(e,t){if(!e.inputEl())return r;var l=t.validate(e.inputEl().value);return{invalid:l&&!l.valid,message:l&&l.error}}(e,t)),l},o=function(e){var t=e.state,l=e.attrs,n=void 0!==l.valid?{invalid:!l.valid,message:l.error}:t.isTouched()||l.validateAtStart?u(t,l):r,i=t.isInvalid();t.error(n.message),n.invalid!==i&&t.isInvalid(n.invalid),n.invalid||t.error(void 0)},d=function(e){var t=e.state,l=e.attrs;if(l.onChange){var i=u(t,l);l.onChange({focus:t.hasFocus(),dirty:t.isDirty(),el:t.inputEl(),invalid:i.invalid,error:i.error,value:t.inputEl().value,setInputState:function(l){var i=void 0!==l.value&&l.value!==t.inputEl().value,a=void 0!==l.focus&&l.focus!==t.hasFocus();(i||a)&&t.setInputState(n({},l,{vnode:e}))}})}},s=function(e,t){return e.ignoreEvents&&-1!==e.ignoreEvents.indexOf(t)},p=Object.freeze({getElement:function(e){return e.attrs.element||"div"},getInitialState:function(e,t,l){var n=l.keys,i=e.attrs,a=void 0!==i.defaultValue&&null!==i.defaultValue?i.defaultValue.toString():void 0!==i.value&&null!==i.value?i.value.toString():"",r=t(null),u=t(null),o=t({}),d=t(i.error),s=t(!1),p=t(!1),c=t(""!==a),v=t(!1);return{defaultValue:a,didSetFocusTime:0,el:r,error:d,hasFocus:s,inputEl:u,isDirty:c,isInvalid:v,isTouched:p,previousValue:t(void 0),setInputState:o,showErrorPlaceholder:!!(void 0!==i.valid||i.validate||i.min||i.max||i[n.minlength]||i[n.maxlength]||i.required||i.pattern),redrawOnUpdate:t.merge([u,v,c])}},onMount:function(e){if(e.dom){var t=e.dom,l=e.state,n=e.attrs;l.el(t);var i=n.multiLine?"textarea":"input",a=t.querySelector(i);e.state.inputEl(a),l.inputEl().value=l.defaultValue,l.setInputState.map(function(e){var t=e.vnode,i=e.type,a=e.focus,r=e.value;t&&(void 0!==r&&(l.inputEl().value=r),void 0!==a&&(l.hasFocus(a),a?l.inputEl().focus():l.inputEl().blur()),"input"===i&&(n.validateOnInput||n.counter)&&l.isTouched(l.inputEl().value!==l.defaultValue),"input"!==i&&l.isTouched(l.inputEl().value!==l.defaultValue),"onblur"===i&&l.isTouched(!0),l.isDirty(""!==l.inputEl().value),o(t),d(t),l.previousValue(l.inputEl().value))}),d(e)}},onUpdate:function(e){var t=e.state,l=e.attrs;o(e);var n=t.inputEl(),i=void 0!==l.value&&null!==l.value?l.value:n?n.value:t.previousValue(),a=null==i?"":i.toString();n&&t.previousValue()!==a&&(n.value=a,t.previousValue(a),t.setInputState({vnode:e,type:"input"}))},createProps:function(e,l){var i=l.keys,r=e.state,u=e.attrs,o=r.isInvalid();return n({},t.filterSupportedAttributes(u),{className:[a.component,o?a.stateInvalid:"",r.hasFocus()?a.stateFocused:"",r.isDirty()?a.stateDirty:"",u.floatingLabel?a.hasFloatingLabel:"",u.disabled?a.stateDisabled:"",u.readonly?a.stateReadonly:"",u.dense?a.isDense:"",u.required?a.isRequired:"",u.fullWidth?a.hasFullWidth:"",u.counter?a.hasCounter:"",!1!==u.hideSpinner&&void 0!==u.hideSpinner?a.hideSpinner:"",!1!==u.hideClear&&void 0!==u.hideClear?a.hideClear:"",u.hideValidation?a.hideValidation:"","dark"===u.tone?"pe-dark-tone":null,"light"===u.tone?"pe-light-tone":null,u.className||u[i.class]].join(" ")})},createContent:function(e,t){var r=t.renderer,u=t.keys,o=e.state,p=i({},e.attrs,e.attrs.domAttributes),c=o.inputEl(),v=p.error||o.error(),f=o.isInvalid(),h=p.multiLine?"textarea":"input",y=p.multiLine?null:p.type&&"submit"!==p.type&&"search"!==p.type?p.type:"text",m=f&&void 0!==v,b=p.disabled||p[u.readonly],x=p.required&&""!==p.requiredIndicator?r("span",{key:"required",className:a.requiredIndicator},p.requiredIndicator||"*"):null,g=!p.required&&p.optionalIndicator?r("span",{key:"optional",className:a.optionalIndicator},p.optionalIndicator):null,E=p.label?[p.label,x,g]:null;return[r("div",{className:a.inputArea,key:"input-area"},[E?r("label",{key:"label",className:a.label},E):null,r(h,n({},{key:"input",className:a.input,disabled:p.disabled},y?{type:y}:null,p.name?{name:p.name}:null,s(p,u.onclick)?null:l({},u.onclick,function(){b||(o.setInputState({vnode:e,focus:!0}),d(e))}),s(p,u.onfocus)?null:l({},u.onfocus,function(){b||(o.setInputState({vnode:e,focus:!0}),o.el()&&o.el().classList.add(a.stateFocused),d(e))}),s(p,u.onblur)?null:l({},u.onblur,function(){o.setInputState({vnode:e,type:"onblur",focus:!1}),o.el().classList.remove(a.stateFocused)}),s(p,u.oninput)?null:l({},u.oninput,function(){o.setInputState({vnode:e,type:"input"})}),s(p,u.onkeydown)?null:l({},u.onkeydown,function(t){"Enter"===t.key?o.isTouched(!0):"Escape"!==t.key&&"Esc"!==t.key||o.setInputState({vnode:e,focus:!1})}),p.events?p.events:null,void 0!==p.required&&p.required?{required:!0}:null,void 0!==p[u.readonly]&&p[u.readonly]?l({},u.readonly,!0):null,void 0!==p.pattern?{pattern:p.pattern}:null,void 0!==p[u.maxlength]?l({},u.maxlength,p[u.maxlength]):null,void 0!==p[u.minlength]?l({},u.minlength,p[u.minlength]):null,void 0!==p.max?{max:p.max}:null,void 0!==p.min?{min:p.min}:null,void 0!==p[u.autofocus]?l({},u.autofocus,p[u.autofocus]):null,void 0!==p[u.tabindex]?l({},u.tabindex,p[u.tabindex]):null,void 0!==p.rows?{rows:p.rows}:null,void 0!==p.placeholder?{placeholder:p.placeholder}:null,void 0!==p.domAttributes?i({},p.domAttributes):null))]),p.counter?r("div",{key:"counter",className:a.counter},(c&&c.value.length||0)+" / "+p.counter):null,p.help&&!m?r("div",{key:"help",className:[a.help,p.focusHelp?a.focusHelp:null].join(" ")},p.help):null,m?r("div",{key:"error",className:a.error},v):o.showErrorPlaceholder&&!p.help?r("div",{key:"error-placeholder",className:a.errorPlaceholder}):null]}});e.coreTextField=p,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("polythene-core")):"function"==typeof define&&define.amd?define(["exports","polythene-core"],t):t((e=e||self).polythene={},e["polythene-core"])}(this,function(e,t){"use strict";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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}).apply(this,arguments)}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},l=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),l.forEach(function(t){r(e,t,n[t])})}return e}function i(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,l=!1,i=void 0;try{for(var u,a=e[Symbol.iterator]();!(n=(u=a.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){l=!0,i=e}finally{try{n||null==a.return||a.return()}finally{if(l)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var a={component:"pe-textfield",counter:"pe-textfield__counter",error:"pe-textfield__error",errorPlaceholder:"pe-textfield__error-placeholder",focusHelp:"pe-textfield__help-focus",help:"pe-textfield__help",input:"pe-textfield__input",inputArea:"pe-textfield__input-area",label:"pe-textfield__label",optionalIndicator:"pe-textfield__optional-indicator",requiredIndicator:"pe-textfield__required-indicator",hasCounter:"pe-textfield--counter",hasFloatingLabel:"pe-textfield--floating-label",hasFullWidth:"pe-textfield--full-width",hideClear:"pe-textfield--hide-clear",hideSpinner:"pe-textfield--hide-spinner",hideValidation:"pe-textfield--hide-validation",isDense:"pe-textfield--dense",isRequired:"pe-textfield--required",stateDirty:"pe-textfield--dirty",stateDisabled:"pe-textfield--disabled",stateFocused:"pe-textfield--focused",stateInvalid:"pe-textfield--invalid",stateReadonly:"pe-textfield--readonly"},o={invalid:!1,message:void 0},d=function(e,t){return e.ignoreEvents&&-1!==e.ignoreEvents.indexOf(t)};e._TextField=function(e){var c=e.h,s=e.a,f=e.useState,p=e.useEffect,v=e.useRef,h=e.getRef,y=i(e,["h","a","useState","useEffect","useRef","getRef"]),m=void 0!==y.defaultValue&&null!==y.defaultValue?y.defaultValue.toString():void 0!==y.value&&null!==y.value?y.value.toString():"",b=u(f(),2),g=b[0],x=b[1],O=u(f(!1),2),_=O[0],k=O[1],S=u(f(m),2),q=S[0],w=S[1],I=v(),j=v(),N=v(),E=v(""!==m),P=v(!1),A=v(!1),C=v(y.error),F=y.multiLine?"textarea":"input",R=!!(void 0!==y.valid||y.validate||y.min||y.max||y[s.minlength]||y[s.maxlength]||y.required||y.pattern),V=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.type,r=e.focus,n=e.value;I.current&&(void 0!==n&&(I.current.value=n),void 0!==r&&(P.current=r,r?I.current.focus():I.current.blur()),"input"===t&&(y.validateOnInput||y.counter)&&(A.current=I.current.value!==m),"input"!==t&&(A.current=I.current.value!==m),"onblur"===t&&(A.current=!0),E.current=""!==I.current.value,L(),H(),j.current!==I.current.value&&w(I.current.value))},D=function(){var e=o;return A.current&&_&&0===I.current.value.length&&y.validateResetOnClear&&(A.current=!1,k(!1),C.current=void 0),y.counter&&(e={invalid:I.current.value.length>y.counter,message:y.error}),!e.invalid&&I.current.checkValidity&&(e={invalid:!I.current.checkValidity(),message:y.error}),!e.invalid&&y.validate&&(e=function(){if(!I.current)return o;var e=y.validate(I.current.value);return{invalid:e&&!e.valid,message:e&&e.error}}()),e},L=function(){var e=void 0!==y.valid?{invalid:!y.valid,message:y.error}:A.current||y.validateAtStart?D():o,t=_;C.current=e.message,e.invalid!==t&&k(e.invalid),e.invalid||(C.current=void 0)},H=function(){if(y.onChange){var e=D(),t={focus:P.current,dirty:E.current,invalid:e.invalid,error:e.error,value:I.current.value};JSON.stringify(t)!==JSON.stringify(N.current)&&(y.onChange(l({},t,{el:I.current,setInputState:function(e){var t=void 0!==e.value&&e.value!==I.current.value,r=void 0!==e.focus&&e.focus!==P.current;(t||r)&&V(e)}})),N.current=t)}};p(function(){g&&(I.current=g.querySelector(F),I.current.value=m,V(),L(),H())},[g]),p(function(){if(I.current){var e=void 0!==y.value&&null!==y.value?y.value:I.current?I.current.value:j.current,t=null==e?"":e.toString();I.current&&j.current!==t&&(I.current.value=t,j.current=t,V({type:"input"}))}},[I.current,y.value]),p(function(){I.current&&(L(),H())},[y,I.current&&I.current.value]);var W=n({},t.filterSupportedAttributes(y),y.testId&&{"data-test-id":y.testId},h(function(e){return e&&!g&&(x(e),y.ref&&y.ref(e))}),{className:[a.component,_?a.stateInvalid:"",P.current?a.stateFocused:"",E.current?a.stateDirty:"",y.floatingLabel?a.hasFloatingLabel:"",y.disabled?a.stateDisabled:"",y.readonly?a.stateReadonly:"",y.dense?a.isDense:"",y.required?a.isRequired:"",y.fullWidth?a.hasFullWidth:"",y.counter?a.hasCounter:"",!1!==y.hideSpinner&&void 0!==y.hideSpinner?a.hideSpinner:"",!1!==y.hideClear&&void 0!==y.hideClear?a.hideClear:"",y.hideValidation?a.hideValidation:"","dark"===y.tone?"pe-dark-tone":null,"light"===y.tone?"pe-light-tone":null,y.className||y[s.class]].join(" ")}),J=l({},y,y.domAttributes),T=y.error||C.current,M=J.multiLine?null:J.type&&"submit"!==J.type&&"search"!==J.type?J.type:"text",z=_&&void 0!==T,B=J.disabled||J[s.readonly],G=J.required&&""!==J.requiredIndicator?c("span",{key:"required",className:a.requiredIndicator},J.requiredIndicator||"*"):null,K=!J.required&&J.optionalIndicator?c("span",{key:"optional",className:a.optionalIndicator},J.optionalIndicator):null,Q=J.label?[J.label,G,K]:null,U=[c("div",{className:a.inputArea,key:"input-area"},[Q?c("label",{key:"label",className:a.label},Q):null,c(F,n({},{key:"input",className:a.input,disabled:J.disabled},M?{type:M}:null,J.name?{name:J.name}:null,d(J,s.onclick)?null:r({},s.onclick,function(){B||V({focus:!0})}),d(J,s.onfocus)?null:r({},s.onfocus,function(){B||(V({focus:!0}),g&&g.classList.add(a.stateFocused))}),d(J,s.onblur)?null:r({},s.onblur,function(){V({type:"onblur",focus:!1}),g.classList.remove(a.stateFocused)}),d(J,s.oninput)?null:r({},s.oninput,function(e){V({type:"input"})}),d(J,s.onkeydown)?null:r({},s.onkeydown,function(e){"Enter"===e.key?A.current=!0:"Escape"!==e.key&&"Esc"!==e.key||V({focus:!1})}),J.events?J.events:null,void 0!==J.required&&J.required?{required:!0}:null,void 0!==J[s.readonly]&&J[s.readonly]?r({},s.readonly,!0):null,void 0!==J.pattern?{pattern:J.pattern}:null,void 0!==J[s.maxlength]?r({},s.maxlength,J[s.maxlength]):null,void 0!==J[s.minlength]?r({},s.minlength,J[s.minlength]):null,void 0!==J.max?{max:J.max}:null,void 0!==J.min?{min:J.min}:null,void 0!==J[s.autofocus]?r({},s.autofocus,J[s.autofocus]):null,void 0!==J[s.tabindex]?r({},s.tabindex,J[s.tabindex]):null,void 0!==J.rows?{rows:J.rows}:null,void 0!==J.placeholder?{placeholder:J.placeholder}:null,void 0!==J.domAttributes?l({},J.domAttributes):null))]),J.counter?c("div",{key:"counter",className:a.counter},(q.length||0)+" / "+J.counter):null,J.help&&!z?c("div",{key:"help",className:[a.help,J.focusHelp?a.focusHelp:null].join(" ")},J.help):null,z?c("div",{key:"error",className:a.error},T):R&&!J.help?c("div",{key:"error-placeholder",className:a.errorPlaceholder}):null],X=[y.before,U,y.after];return c(y.element||"div",W,X)},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=polythene-core-textfield.js.map

index.d.ts

@@ -1,2 +0,2 @@
-import { CommonOptions, CoreComponentCreatorOptions } from "polythene-core";
+import { CommonOptions, CyanoComponentOptions } from "polythene-core";
 
@@ -275,2 +275,2 @@ export type onChangeTextFieldState = { focus: boolean, setInputState: setInputStateFn, dirty: boolean, value: string, el: HTMLElement, invalid: boolean, error: string };
 
-export const coreTextField: CoreComponentCreatorOptions;
+export const _TextField: (options: CyanoComponentOptions & Options) => any;

package.json

 {
   "name": "polythene-core-textfield",
-  "version": "1.5.4",
+  "version": "1.6.0",
   "description": "",
@@ -19,5 +19,5 @@ "main": "dist/polythene-core-textfield",
   "dependencies": {
-    "polythene-core": "^1.5.4",
-    "polythene-css-classes": "^1.5.4",
-    "polythene-theme": "^1.5.4"
+    "polythene-core": "^1.6.0",
+    "polythene-css-classes": "^1.6.0",
+    "polythene-theme": "^1.6.0"
   },
@@ -24,0 +24,0 @@ "author": "Arthur Clemens <[e-mail]> (http://arthurclemens.com)",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

55178

increased by3.73%

Lines of code

669

increased by8.08%

Dependency changes

• Updatedpolythene-core@^1.6.0

• Updatedpolythene-css-classes@^1.6.0

• Updatedpolythene-theme@^1.6.0