npm - guestbell-forms - Versions diffs - 2.0.294 → 2.0.297 - Mend

guestbell-forms 2.0.294 → 2.0.297

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/build/components/form/Form.d.ts +3 -0
package/build/components/form/Form.js +3 -2
package/build/components/form/Form.js.map +1 -1
package/build/components/select/Select.js +4 -2
package/build/components/select/Select.js.map +1 -1
package/build/dist/report.html +1 -1
package/package.json +1 -1

package/build/components/form/Form.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export declare type FormProps = React.PropsWithChildren<ThemeContextProps & {
     noValidate?: boolean;
     onSubmit?: () => void;
     extraComponents?: ComponentsDict;
+    component?: keyof JSX.IntrinsicElements;
 }>;
 export interface FormState {
     contextState: FormContextState;
@@ -15,6 +16,7 @@ export declare class Form extends React.PureComponent<FormProps, FormState> {
     static defaultProps: {
         noValidate: boolean;
         showExpandAll: boolean;
+        component: keyof JSX.IntrinsicElements;
     };
     constructor(props: FormProps);
     disableComponents(): void;
@@ -35,6 +37,7 @@ declare const _default: React.ForwardRefExoticComponent<ThemeContextProps & {
     noValidate?: boolean;
     onSubmit?: () => void;
     extraComponents?: ComponentsDict;
+    component?: keyof JSX.IntrinsicElements;
 } & {
     children?: React.ReactNode;
 } & React.RefAttributes<Form>>;

package/build/components/form/Form.js CHANGED Viewed

@@ -124,7 +124,7 @@ var Form = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("form", _extends({}, this.props.id && {
+      return /*#__PURE__*/React.createElement(this.props.component, _extends({}, this.props.id && {
         id: this.props.id
       }, {
         noValidate: true,
@@ -242,7 +242,8 @@ exports.Form = Form;
 _defineProperty(Form, "defaultProps", {
   noValidate: false,
-  showExpandAll: true
+  showExpandAll: true,
+  component: 'form'
 });
 var _default = (0, _withThemeContext.withThemeContext)(Form, 'form');

package/build/components/form/Form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/components/form/Form.tsx"],"names":["Form","props","e","preventDefault","onSubmit","subscribe","bind","unSubscribe","updateCallback","disableComponents","enableComponents","state","contextState","isFormValid","components","extraComponents","Object","keys","forEach","key","component","componentApi","disableComponent","enableComponent","touch","unTouch","id","className","mergeContext","children","getIsFormValid","componentId","componentState","setState","previousState","assign","initialValid","validation","isValid","previousComponent","React","PureComponent","noValidate","showExpandAll"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport {\r\n FormContextState,\r\n FormComponentContextState,\r\n FormContextProvider,\r\n ComponentsDict,\r\n} from './FormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\n\r\nexport type FormProps = React.PropsWithChildren<\r\n ThemeContextProps & {\r\n id?: string;\r\n className?: string;\r\n noValidate?: boolean;\r\n onSubmit?: () => void;\r\n extraComponents?: ComponentsDict;\r\n }\r\n>;\r\n\r\nexport interface FormState {\r\n contextState: FormContextState;\r\n}\r\n\r\nexport class Form extends React.PureComponent<FormProps, FormState> {\r\n public static defaultProps = {\r\n noValidate: false,\r\n showExpandAll: true,\r\n };\r\n\r\n constructor(props: FormProps) {\r\n super(props);\r\n this.subscribe = this.subscribe.bind(this);\r\n this.unSubscribe = this.unSubscribe.bind(this);\r\n this.updateCallback = this.updateCallback.bind(this);\r\n this.disableComponents = this.disableComponents.bind(this);\r\n this.enableComponents = this.enableComponents.bind(this);\r\n this.state = {\r\n contextState: {\r\n subscribe: this.subscribe,\r\n unSubscribe: this.unSubscribe,\r\n isFormValid: true,\r\n updateCallback: this.updateCallback,\r\n disableComponents: this.disableComponents,\r\n enableComponents: this.enableComponents,\r\n components: {},\r\n },\r\n };\r\n }\r\n\r\n public disableComponents() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.disableComponent &&\r\n component.componentApi.disableComponent();\r\n });\r\n }\r\n\r\n public enableComponents() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.enableComponent &&\r\n component.componentApi.enableComponent();\r\n });\r\n }\r\n\r\n public touchAll() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.touch &&\r\n component.componentApi.touch();\r\n });\r\n }\r\n\r\n public unTouchAll() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.unTouch &&\r\n component.componentApi.unTouch();\r\n });\r\n }\r\n\r\n public render() {\r\n return (\r\n <form\r\n {...(this.props.id && { id: this.props.id })}\r\n noValidate={true}\r\n role=\"form\"\r\n className={`input__form validation-form ${\r\n this.props.className ? this.props.className : ''\r\n }`}\r\n onSubmit={this.onSubmit}\r\n >\r\n <FormContextProvider value={this.mergeContext()}>\r\n {this.props.children}\r\n </FormContextProvider>\r\n </form>\r\n );\r\n }\r\n\r\n private mergeContext(): FormContextState {\r\n if (!this.props.extraComponents) {\r\n return this.state.contextState;\r\n }\r\n const isFormValid =\r\n this.state.contextState.isFormValid &&\r\n this.getIsFormValid(this.props.extraComponents);\r\n return {\r\n ...this.state.contextState,\r\n components: {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n },\r\n isFormValid,\r\n };\r\n }\r\n\r\n private onSubmit = (e: React.FormEvent) => {\r\n e.preventDefault();\r\n this.props.onSubmit && this.props.onSubmit();\r\n };\r\n\r\n private subscribe(\r\n componentId: string,\r\n componentState: FormComponentContextState\r\n ) {\r\n if (componentId) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.contextState.components\r\n );\r\n if (componentState) {\r\n components[componentId] = componentState;\r\n }\r\n let isFormValid = this.getIsFormValid(components);\r\n return {\r\n contextState: {\r\n ...previousState.contextState,\r\n components,\r\n isFormValid,\r\n },\r\n };\r\n });\r\n }\r\n }\r\n\r\n private unSubscribe(componentId: string) {\r\n if (componentId) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.contextState.components\r\n );\r\n delete components[componentId];\r\n let isFormValid = this.getIsFormValid(components);\r\n return {\r\n contextState: {\r\n ...previousState.contextState,\r\n components,\r\n isFormValid,\r\n },\r\n };\r\n });\r\n }\r\n }\r\n\r\n private getIsFormValid(\r\n components: ComponentsDict = this.state.contextState.components,\r\n initialValid: boolean = true\r\n ): boolean {\r\n let isFormValid = initialValid;\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n if (component && component.validation && !component.validation.isValid) {\r\n isFormValid = false;\r\n }\r\n });\r\n return isFormValid;\r\n }\r\n\r\n private updateCallback(\r\n componentId: string,\r\n componentState: FormComponentContextState\r\n ) {\r\n this.setState(previousState => {\r\n let components = Object.assign({}, previousState.contextState.components);\r\n const previousComponent = components[componentId];\r\n if (componentState && previousComponent) {\r\n components[componentId] = {\r\n ...previousComponent,\r\n ...componentState,\r\n validation: {\r\n ...previousComponent.validation,\r\n ...componentState.validation,\r\n },\r\n };\r\n }\r\n let isFormValid = this.getIsFormValid(components);\r\n return {\r\n contextState: {\r\n ...this.state.contextState,\r\n components,\r\n isFormValid,\r\n },\r\n };\r\n });\r\n }\r\n}\r\n\r\nexport default withThemeContext<FormProps, InstanceType<typeof Form>>(\r\n Form,\r\n 'form'\r\n);\r\n"],"file":"Form.js"}
1	+ {"version":3,"sources":["../../../src/lib/components/form/Form.tsx"],"names":["Form","props","e","preventDefault","onSubmit","subscribe","bind","unSubscribe","updateCallback","disableComponents","enableComponents","state","contextState","isFormValid","components","extraComponents","Object","keys","forEach","key","component","componentApi","disableComponent","enableComponent","touch","unTouch","id","className","mergeContext","children","getIsFormValid","componentId","componentState","setState","previousState","assign","initialValid","validation","isValid","previousComponent","React","PureComponent","noValidate","showExpandAll"],"mappings":";;;;;;;;;AACA;;AAGA;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBaA,I;;;;;AAOX,gBAAYC,KAAZ,EAA8B;AAAA;;AAAA;;AAC5B,8BAAMA,KAAN;;AAD4B,+DA+GX,UAACC,CAAD,EAAwB;AACzCA,MAAAA,CAAC,CAACC,cAAF;AACA,YAAKF,KAAL,CAAWG,QAAX,IAAuB,MAAKH,KAAL,CAAWG,QAAX,EAAvB;AACD,KAlH6B;;AAE5B,UAAKC,SAAL,GAAiB,MAAKA,SAAL,CAAeC,IAAf,+BAAjB;AACA,UAAKC,WAAL,GAAmB,MAAKA,WAAL,CAAiBD,IAAjB,+BAAnB;AACA,UAAKE,cAAL,GAAsB,MAAKA,cAAL,CAAoBF,IAApB,+BAAtB;AACA,UAAKG,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBH,IAAvB,+BAAzB;AACA,UAAKI,gBAAL,GAAwB,MAAKA,gBAAL,CAAsBJ,IAAtB,+BAAxB;AACA,UAAKK,KAAL,GAAa;AACXC,MAAAA,YAAY,EAAE;AACZP,QAAAA,SAAS,EAAE,MAAKA,SADJ;AAEZE,QAAAA,WAAW,EAAE,MAAKA,WAFN;AAGZM,QAAAA,WAAW,EAAE,IAHD;AAIZL,QAAAA,cAAc,EAAE,MAAKA,cAJT;AAKZC,QAAAA,iBAAiB,EAAE,MAAKA,iBALZ;AAMZC,QAAAA,gBAAgB,EAAE,MAAKA,gBANX;AAOZI,QAAAA,UAAU,EAAE;AAPA;AADH,KAAb;AAP4B;AAkB7B;;;;WAED,6BAA2B;AACzB,UAAMA,UAAU,mCACX,KAAKH,KAAL,CAAWC,YAAX,CAAwBE,UADb,GAEX,KAAKb,KAAL,CAAWc,eAFA,CAAhB;;AAIAC,MAAAA,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,OAAxB,CAAgC,UAAAC,GAAG,EAAI;AACrC,YAAMC,SAAS,GAAGN,UAAU,CAACK,GAAD,CAA5B;AACAC,QAAAA,SAAS,IACPA,SAAS,CAACC,YADZ,IAEED,SAAS,CAACC,YAAV,CAAuBC,gBAFzB,IAGEF,SAAS,CAACC,YAAV,CAAuBC,gBAAvB,EAHF;AAID,OAND;AAOD;;;WAED,4BAA0B;AACxB,UAAMR,UAAU,mCACX,KAAKH,KAAL,CAAWC,YAAX,CAAwBE,UADb,GAEX,KAAKb,KAAL,CAAWc,eAFA,CAAhB;;AAIAC,MAAAA,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,OAAxB,CAAgC,UAAAC,GAAG,EAAI;AACrC,YAAMC,SAAS,GAAGN,UAAU,CAACK,GAAD,CAA5B;AACAC,QAAAA,SAAS,IACPA,SAAS,CAACC,YADZ,IAEED,SAAS,CAACC,YAAV,CAAuBE,eAFzB,IAGEH,SAAS,CAACC,YAAV,CAAuBE,eAAvB,EAHF;AAID,OAND;AAOD;;;WAED,oBAAkB;AAChB,UAAMT,UAAU,mCACX,KAAKH,KAAL,CAAWC,YAAX,CAAwBE,UADb,GAEX,KAAKb,KAAL,CAAWc,eAFA,CAAhB;;AAIAC,MAAAA,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,OAAxB,CAAgC,UAAAC,GAAG,EAAI;AACrC,YAAMC,SAAS,GAAGN,UAAU,CAACK,GAAD,CAA5B;AACAC,QAAAA,SAAS,IACPA,SAAS,CAACC,YADZ,IAEED,SAAS,CAACC,YAAV,CAAuBG,KAFzB,IAGEJ,SAAS,CAACC,YAAV,CAAuBG,KAAvB,EAHF;AAID,OAND;AAOD;;;WAED,sBAAoB;AAClB,UAAMV,UAAU,mCACX,KAAKH,KAAL,CAAWC,YAAX,CAAwBE,UADb,GAEX,KAAKb,KAAL,CAAWc,eAFA,CAAhB;;AAIAC,MAAAA,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,OAAxB,CAAgC,UAAAC,GAAG,EAAI;AACrC,YAAMC,SAAS,GAAGN,UAAU,CAACK,GAAD,CAA5B;AACAC,QAAAA,SAAS,IACPA,SAAS,CAACC,YADZ,IAEED,SAAS,CAACC,YAAV,CAAuBI,OAFzB,IAGEL,SAAS,CAACC,YAAV,CAAuBI,OAAvB,EAHF;AAID,OAND;AAOD;;;WAED,kBAAgB;AACd,0BACE,yBAAM,KAAN,CAAY,SAAZ,eACO,KAAKxB,KAAL,CAAWyB,EAAX,IAAiB;AAAEA,QAAAA,EAAE,EAAE,KAAKzB,KAAL,CAAWyB;AAAjB,OADxB;AAEE,QAAA,UAAU,EAAE,IAFd;AAGE,QAAA,IAAI,EAAC,MAHP;AAIE,QAAA,SAAS,wCACP,KAAKzB,KAAL,CAAW0B,SAAX,GAAuB,KAAK1B,KAAL,CAAW0B,SAAlC,GAA8C,EADvC,CAJX;AAOE,QAAA,QAAQ,EAAE,KAAKvB;AAPjB,uBASE,oBAAC,gCAAD;AAAqB,QAAA,KAAK,EAAE,KAAKwB,YAAL;AAA5B,SACG,KAAK3B,KAAL,CAAW4B,QADd,CATF,CADF;AAeD;;;WAED,wBAAyC;AACvC,UAAI,CAAC,KAAK5B,KAAL,CAAWc,eAAhB,EAAiC;AAC/B,eAAO,KAAKJ,KAAL,CAAWC,YAAlB;AACD;;AACD,UAAMC,WAAW,GACf,KAAKF,KAAL,CAAWC,YAAX,CAAwBC,WAAxB,IACA,KAAKiB,cAAL,CAAoB,KAAK7B,KAAL,CAAWc,eAA/B,CAFF;AAGA,6CACK,KAAKJ,KAAL,CAAWC,YADhB;AAEEE,QAAAA,UAAU,kCACL,KAAKH,KAAL,CAAWC,YAAX,CAAwBE,UADnB,GAEL,KAAKb,KAAL,CAAWc,eAFN,CAFZ;AAMEF,QAAAA,WAAW,EAAXA;AANF;AAQD;;;WAOD,mBACEkB,WADF,EAEEC,cAFF,EAGE;AAAA;;AACA,UAAID,WAAJ,EAAiB;AACf,aAAKE,QAAL,CAAc,UAAAC,aAAa,EAAI;AAC7B,cAAIpB,UAAU,GAAGE,MAAM,CAACmB,MAAP,CACf,EADe,EAEfD,aAAa,CAACtB,YAAd,CAA2BE,UAFZ,CAAjB;;AAIA,cAAIkB,cAAJ,EAAoB;AAClBlB,YAAAA,UAAU,CAACiB,WAAD,CAAV,GAA0BC,cAA1B;AACD;;AACD,cAAInB,WAAW,GAAG,MAAI,CAACiB,cAAL,CAAoBhB,UAApB,CAAlB;;AACA,iBAAO;AACLF,YAAAA,YAAY,kCACPsB,aAAa,CAACtB,YADP;AAEVE,cAAAA,UAAU,EAAVA,UAFU;AAGVD,cAAAA,WAAW,EAAXA;AAHU;AADP,WAAP;AAOD,SAhBD;AAiBD;AACF;;;WAED,qBAAoBkB,WAApB,EAAyC;AAAA;;AACvC,UAAIA,WAAJ,EAAiB;AACf,aAAKE,QAAL,CAAc,UAAAC,aAAa,EAAI;AAC7B,cAAIpB,UAAU,GAAGE,MAAM,CAACmB,MAAP,CACf,EADe,EAEfD,aAAa,CAACtB,YAAd,CAA2BE,UAFZ,CAAjB;AAIA,iBAAOA,UAAU,CAACiB,WAAD,CAAjB;;AACA,cAAIlB,WAAW,GAAG,MAAI,CAACiB,cAAL,CAAoBhB,UAApB,CAAlB;;AACA,iBAAO;AACLF,YAAAA,YAAY,kCACPsB,aAAa,CAACtB,YADP;AAEVE,cAAAA,UAAU,EAAVA,UAFU;AAGVD,cAAAA,WAAW,EAAXA;AAHU;AADP,WAAP;AAOD,SAdD;AAeD;AACF;;;WAED,0BAGW;AAAA,UAFTC,UAES,uEAFoB,KAAKH,KAAL,CAAWC,YAAX,CAAwBE,UAE5C;AAAA,UADTsB,YACS,uEADe,IACf;AACT,UAAIvB,WAAW,GAAGuB,YAAlB;AACApB,MAAAA,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,OAAxB,CAAgC,UAAAC,GAAG,EAAI;AACrC,YAAMC,SAAS,GAAGN,UAAU,CAACK,GAAD,CAA5B;;AACA,YAAIC,SAAS,IAAIA,SAAS,CAACiB,UAAvB,IAAqC,CAACjB,SAAS,CAACiB,UAAV,CAAqBC,OAA/D,EAAwE;AACtEzB,UAAAA,WAAW,GAAG,KAAd;AACD;AACF,OALD;AAMA,aAAOA,WAAP;AACD;;;WAED,wBACEkB,WADF,EAEEC,cAFF,EAGE;AAAA;;AACA,WAAKC,QAAL,CAAc,UAAAC,aAAa,EAAI;AAC7B,YAAIpB,UAAU,GAAGE,MAAM,CAACmB,MAAP,CAAc,EAAd,EAAkBD,aAAa,CAACtB,YAAd,CAA2BE,UAA7C,CAAjB;AACA,YAAMyB,iBAAiB,GAAGzB,UAAU,CAACiB,WAAD,CAApC;;AACA,YAAIC,cAAc,IAAIO,iBAAtB,EAAyC;AACvCzB,UAAAA,UAAU,CAACiB,WAAD,CAAV,iDACKQ,iBADL,GAEKP,cAFL;AAGEK,YAAAA,UAAU,kCACLE,iBAAiB,CAACF,UADb,GAELL,cAAc,CAACK,UAFV;AAHZ;AAQD;;AACD,YAAIxB,WAAW,GAAG,MAAI,CAACiB,cAAL,CAAoBhB,UAApB,CAAlB;;AACA,eAAO;AACLF,UAAAA,YAAY,kCACP,MAAI,CAACD,KAAL,CAAWC,YADJ;AAEVE,YAAAA,UAAU,EAAVA,UAFU;AAGVD,YAAAA,WAAW,EAAXA;AAHU;AADP,SAAP;AAOD,OArBD;AAsBD;;;;EAhNuB2B,KAAK,CAACC,a;;;;gBAAnBzC,I,kBACkB;AAC3B0C,EAAAA,UAAU,EAAE,KADe;AAE3BC,EAAAA,aAAa,EAAE,IAFY;AAG3BvB,EAAAA,SAAS,EAAE;AAHgB,C;;eAkNhB,wCACbpB,IADa,EAEb,MAFa,C","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport {\r\n FormContextState,\r\n FormComponentContextState,\r\n FormContextProvider,\r\n ComponentsDict,\r\n} from './FormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\n\r\nexport type FormProps = React.PropsWithChildren<\r\n ThemeContextProps & {\r\n id?: string;\r\n className?: string;\r\n noValidate?: boolean;\r\n onSubmit?: () => void;\r\n extraComponents?: ComponentsDict;\r\n component?: keyof JSX.IntrinsicElements;\r\n }\r\n>;\r\n\r\nexport interface FormState {\r\n contextState: FormContextState;\r\n}\r\n\r\nexport class Form extends React.PureComponent<FormProps, FormState> {\r\n public static defaultProps = {\r\n noValidate: false,\r\n showExpandAll: true,\r\n component: 'form' as keyof JSX.IntrinsicElements,\r\n };\r\n\r\n constructor(props: FormProps) {\r\n super(props);\r\n this.subscribe = this.subscribe.bind(this);\r\n this.unSubscribe = this.unSubscribe.bind(this);\r\n this.updateCallback = this.updateCallback.bind(this);\r\n this.disableComponents = this.disableComponents.bind(this);\r\n this.enableComponents = this.enableComponents.bind(this);\r\n this.state = {\r\n contextState: {\r\n subscribe: this.subscribe,\r\n unSubscribe: this.unSubscribe,\r\n isFormValid: true,\r\n updateCallback: this.updateCallback,\r\n disableComponents: this.disableComponents,\r\n enableComponents: this.enableComponents,\r\n components: {},\r\n },\r\n };\r\n }\r\n\r\n public disableComponents() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.disableComponent &&\r\n component.componentApi.disableComponent();\r\n });\r\n }\r\n\r\n public enableComponents() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.enableComponent &&\r\n component.componentApi.enableComponent();\r\n });\r\n }\r\n\r\n public touchAll() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.touch &&\r\n component.componentApi.touch();\r\n });\r\n }\r\n\r\n public unTouchAll() {\r\n const components = {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n };\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n component &&\r\n component.componentApi &&\r\n component.componentApi.unTouch &&\r\n component.componentApi.unTouch();\r\n });\r\n }\r\n\r\n public render() {\r\n return (\r\n <this.props.component\r\n {...(this.props.id && { id: this.props.id })}\r\n noValidate={true}\r\n role=\"form\"\r\n className={`input__form validation-form ${\r\n this.props.className ? this.props.className : ''\r\n }`}\r\n onSubmit={this.onSubmit}\r\n >\r\n <FormContextProvider value={this.mergeContext()}>\r\n {this.props.children}\r\n </FormContextProvider>\r\n </this.props.component>\r\n );\r\n }\r\n\r\n private mergeContext(): FormContextState {\r\n if (!this.props.extraComponents) {\r\n return this.state.contextState;\r\n }\r\n const isFormValid =\r\n this.state.contextState.isFormValid &&\r\n this.getIsFormValid(this.props.extraComponents);\r\n return {\r\n ...this.state.contextState,\r\n components: {\r\n ...this.state.contextState.components,\r\n ...this.props.extraComponents,\r\n },\r\n isFormValid,\r\n };\r\n }\r\n\r\n private onSubmit = (e: React.FormEvent) => {\r\n e.preventDefault();\r\n this.props.onSubmit && this.props.onSubmit();\r\n };\r\n\r\n private subscribe(\r\n componentId: string,\r\n componentState: FormComponentContextState\r\n ) {\r\n if (componentId) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.contextState.components\r\n );\r\n if (componentState) {\r\n components[componentId] = componentState;\r\n }\r\n let isFormValid = this.getIsFormValid(components);\r\n return {\r\n contextState: {\r\n ...previousState.contextState,\r\n components,\r\n isFormValid,\r\n },\r\n };\r\n });\r\n }\r\n }\r\n\r\n private unSubscribe(componentId: string) {\r\n if (componentId) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.contextState.components\r\n );\r\n delete components[componentId];\r\n let isFormValid = this.getIsFormValid(components);\r\n return {\r\n contextState: {\r\n ...previousState.contextState,\r\n components,\r\n isFormValid,\r\n },\r\n };\r\n });\r\n }\r\n }\r\n\r\n private getIsFormValid(\r\n components: ComponentsDict = this.state.contextState.components,\r\n initialValid: boolean = true\r\n ): boolean {\r\n let isFormValid = initialValid;\r\n Object.keys(components).forEach(key => {\r\n const component = components[key];\r\n if (component && component.validation && !component.validation.isValid) {\r\n isFormValid = false;\r\n }\r\n });\r\n return isFormValid;\r\n }\r\n\r\n private updateCallback(\r\n componentId: string,\r\n componentState: FormComponentContextState\r\n ) {\r\n this.setState(previousState => {\r\n let components = Object.assign({}, previousState.contextState.components);\r\n const previousComponent = components[componentId];\r\n if (componentState && previousComponent) {\r\n components[componentId] = {\r\n ...previousComponent,\r\n ...componentState,\r\n validation: {\r\n ...previousComponent.validation,\r\n ...componentState.validation,\r\n },\r\n };\r\n }\r\n let isFormValid = this.getIsFormValid(components);\r\n return {\r\n contextState: {\r\n ...this.state.contextState,\r\n components,\r\n isFormValid,\r\n },\r\n };\r\n });\r\n }\r\n}\r\n\r\nexport default withThemeContext<FormProps, InstanceType<typeof Form>>(\r\n Form,\r\n 'form'\r\n);\r\n"],"file":"Form.js"}

package/build/components/select/Select.js CHANGED Viewed

@@ -174,7 +174,7 @@ var SelectRaw = /*#__PURE__*/function (_BaseInput) {
       if (!this.props.multiple) {
         return _get(_getPrototypeOf(SelectRaw.prototype), "handleValueChange", this).call(this, value, isValid, errors, props, initializing);
-      } else {
+      } else if (!initializing) {
         this.handleValid(this.props.selectedValues);
       }
@@ -275,8 +275,10 @@ var SelectRaw = /*#__PURE__*/function (_BaseInput) {
       if (this.props.customValidators) {
         this.props.customValidators.forEach(function (customValidator) {
+          var _this3$state;
           var validInner = false;
-          validInner = customValidator.Validate(_this3.state.value, _this3.props.required, function (error) {
+          validInner = customValidator.Validate((_this3$state = _this3.state) === null || _this3$state === void 0 ? void 0 : _this3$state.value, _this3.props.required, function (error) {
             return errors.push(error);
           });

package/build/components/select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/components/select/Select.tsx"],"names":["PlusIcon","SelectRaw","props","item","newValues","selectedValues","filter","sv","value","handleValid","onSelectedValuesChange","val","defaultEmpty","values","length","state","Object","assign","handleChangeCustom","bind","multiple","oldProps","validators","customValidators","required","handleValueChange","finalValues","findIndex","t","title","tooltip","getValidationClass","className","readOnly","containerRef","renderSelectedValues","id","inputRef","getDisabled","handleBlur","handleFocus","display","map","index","label","renderReadonly","renderDefaultValidation","renderLabel","isValid","errors","initializing","e","onBlur","focused","touched","touchOn","setState","onFocus","event","target","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","validInner","Validate","error","setValid","setInvalid","toString","forceSelected","removeItemClick","readonlyEmptyPlaceholder","BaseInput","defaultProps","Select"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_24px.svg';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n ValidationError,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface SelectValue {\r\n value: number \| string;\r\n label?: string;\r\n forceSelected?: boolean;\r\n}\r\n\r\nexport interface SelectProps extends BaseInputProps<HTMLSelectElement> {\r\n values?: SelectValue[];\r\n defaultEmpty?: boolean;\r\n multiple?: boolean;\r\n selectedValues?: SelectValue[];\r\n onSelectedValuesChange?: (newValues: SelectValue[]) => void;\r\n inputRef?: (input: HTMLSelectElement) => void;\r\n readOnly?: boolean;\r\n readonlyEmptyPlaceholder?: string;\r\n}\r\n\r\nexport interface SelectState extends BaseInputState {}\r\n\r\nexport class SelectRaw extends BaseInput<\r\n SelectProps,\r\n SelectState,\r\n HTMLSelectElement\r\n> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n defaultEmpty: true,\r\n multiple: false,\r\n readOnly: false,\r\n readonlyEmptyPlaceholder: 'N/A',\r\n });\r\n\r\n constructor(props: SelectProps) {\r\n super(props);\r\n const val = !props.value\r\n ? props.defaultEmpty\r\n ? ''\r\n : props.values && props.values.length > 0\r\n ? props.values[0]\r\n : ''\r\n : props.value;\r\n this.state = Object.assign(this.state, { value: val });\r\n this.handleChangeCustom = this.handleChangeCustom.bind(this);\r\n }\r\n\r\n public componentDidMount() {\r\n this.props.multiple && this.handleValid(this.props.selectedValues);\r\n }\r\n\r\n public componentDidUpdate(oldProps: SelectProps) {\r\n if (\r\n oldProps.value !== this.props.value \|\|\r\n oldProps.validators !== this.props.validators \|\|\r\n oldProps.customValidators !== this.props.customValidators \|\|\r\n oldProps.required !== this.props.required \|\|\r\n oldProps.selectedValues !== this.props.selectedValues\r\n ) {\r\n if (this.props.multiple) {\r\n this.handleValid(this.props.selectedValues);\r\n } else {\r\n this.handleValueChange(this.props.value, true, [], this.props);\r\n }\r\n }\r\n }\r\n\r\n public render() {\r\n const finalValues = this.props.multiple\r\n ? this.props.values.filter(\r\n item =>\r\n this.props.selectedValues.findIndex(t => t.value === item.value) < 0\r\n )\r\n : this.props.values;\r\n return (\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div\r\n className={\r\n 'input__base select-input ' +\r\n this.getValidationClass() +\r\n ' ' +\r\n (this.props.className ? this.props.className : '') +\r\n ' ' +\r\n (this.props.readOnly ? 'readonly' : '') +\r\n ' ' +\r\n (this.props.multiple ? 'multiple' : '')\r\n }\r\n ref={this.containerRef}\r\n >\r\n {this.renderSelectedValues()}\r\n {finalValues.length > 0 &&\r\n ((this.props.multiple && !this.props.readOnly) \|\|\r\n !this.props.multiple) && (\r\n <div className=\"select-input__select__wrapper\">\r\n {(!this.props.multiple && !this.props.readOnly) \|\|\r\n this.props.multiple ? (\r\n <select\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n ref={this.inputRef}\r\n disabled={this.getDisabled()}\r\n required={this.props.required}\r\n onChange={this.handleChangeCustom}\r\n value={this.state.value}\r\n className={\r\n 'select-input__select ' +\r\n (this.state.value !== '' \|\|\r\n (this.props.selectedValues &&\r\n this.props.selectedValues.length > 0)\r\n ? 'filled'\r\n : '')\r\n }\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n tabIndex={0}\r\n >\r\n {this.props.defaultEmpty && (\r\n <option\r\n key={-1}\r\n disabled={true}\r\n value=\"\"\r\n style={{ display: 'none' }}\r\n />\r\n )}\r\n {finalValues.map((value, index) => (\r\n <option key={index} value={value.value}>\r\n {value.label ? value.label : value.value}\r\n </option>\r\n ))}\r\n </select>\r\n ) : (\r\n <span\r\n className={\r\n 'select-input__select ' +\r\n (this.state.value !== '' \|\|\r\n (this.props.selectedValues &&\r\n this.props.selectedValues.length > 0)\r\n ? 'filled'\r\n : '')\r\n }\r\n >\r\n {this.renderReadonly()}\r\n </span>\r\n )}\r\n <span className=\"highlight\" />\r\n <span className=\"bar\" />\r\n {this.renderDefaultValidation()}\r\n {this.props.label && finalValues.length > 0 && (\r\n <label>{this.renderLabel()}</label>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n protected handleValueChange(\r\n value: string,\r\n isValid: boolean = true,\r\n errors: ValidationError[] = [],\r\n props: SelectProps = this.props,\r\n initializing: boolean = false\r\n ) {\r\n if (!this.props.multiple) {\r\n return super.handleValueChange(\r\n value,\r\n isValid,\r\n errors,\r\n props,\r\n initializing\r\n );\r\n } else {\r\n this.handleValid(this.props.selectedValues);\r\n }\r\n return {\r\n isValid: true,\r\n errors: [],\r\n };\r\n }\r\n\r\n protected handleBlur(e: React.FocusEvent<HTMLSelectElement>) {\r\n this.props.onBlur && this.props.onBlur();\r\n let state = { focused: false };\r\n if (!this.state.touched && this.props.touchOn === 'blur') {\r\n state = Object.assign(state, { touched: true });\r\n if (!this.props.multiple) {\r\n this.handleValueChange(this.state.value);\r\n } else {\r\n this.handleValid(this.props.selectedValues);\r\n }\r\n }\r\n this.setState(state);\r\n }\r\n\r\n protected handleFocus(e: React.FocusEvent<HTMLSelectElement>) {\r\n this.props.onFocus && this.props.onFocus(e);\r\n let state = { focused: true };\r\n if (!this.state.touched && this.props.touchOn === 'focus') {\r\n state = Object.assign(state, { touched: true });\r\n if (!this.props.multiple) {\r\n this.handleValueChange(this.state.value);\r\n } else {\r\n this.handleValid(this.props.selectedValues);\r\n }\r\n }\r\n this.setState(state);\r\n }\r\n\r\n private handleChangeCustom(event: React.ChangeEvent<HTMLSelectElement>) {\r\n if (this.props.multiple) {\r\n let value = event.target.value;\r\n let val = this.props.values.filter(item => item.value === value)[0];\r\n if (!val) {\r\n if (!isNaN(Number(value))) {\r\n let valNumber = Number(value);\r\n val = this.props.values.filter(item => item.value === valNumber)[0];\r\n }\r\n }\r\n let newValues = this.props.selectedValues.concat(val);\r\n if (val) {\r\n this.props.onSelectedValuesChange &&\r\n this.props.onSelectedValuesChange(newValues);\r\n this.handleValid(newValues);\r\n this.setState({ value: '' });\r\n }\r\n } else {\r\n this.handleChange(event);\r\n }\r\n }\r\n\r\n private handleValid(newValues: SelectValue[]) {\r\n let isValid = true;\r\n let errors: ValidationError[] = [];\r\n if (this.props.required) {\r\n if (newValues.length === 0) {\r\n isValid = false;\r\n errors.push(this.getTranslations(defaultBaseTranslations).required);\r\n }\r\n }\r\n if (this.props.customValidators) {\r\n this.props.customValidators.forEach(customValidator => {\r\n let validInner = false;\r\n validInner = customValidator.Validate(\r\n this.state.value,\r\n this.props.required,\r\n error => errors.push(error)\r\n );\r\n if (isValid && !validInner) {\r\n isValid = validInner;\r\n }\r\n });\r\n }\r\n if (isValid) {\r\n this.setValid();\r\n } else {\r\n this.setInvalid(errors);\r\n }\r\n }\r\n\r\n private renderReadonly() {\r\n const value = this.props.values.filter(\r\n item => item.value.toString() === this.state.value\r\n )[0];\r\n return value ? (value.label ? value.label : value.value) : '';\r\n }\r\n\r\n private renderSelectedValues() {\r\n return this.props.multiple ? (\r\n this.props.selectedValues.length > 0 ? (\r\n <div className=\"select-input__selectedValue__wrapper\">\r\n {this.props.selectedValues.map((item, index) => (\r\n <div className=\"select-input__selectedValue\" key={index}>\r\n {item.label ? item.label : item.value}\r\n {!this.props.readOnly && (\r\n <Button\r\n disabled={item.forceSelected}\r\n circular={true}\r\n blank={true}\r\n onClick={this.removeItemClick(item)}\r\n className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n ) : (\r\n this.props.readOnly && (\r\n <div className=\"select-input__selectedValue__wrapper\">\r\n <div className=\"select-input__selectedValue\">\r\n {this.props.readonlyEmptyPlaceholder}\r\n </div>\r\n </div>\r\n )\r\n )\r\n ) : null;\r\n }\r\n\r\n private removeItemClick = (item: SelectValue) => () => {\r\n const newValues = this.props.selectedValues.filter(\r\n sv => sv.value !== item.value\r\n );\r\n this.handleValid(newValues);\r\n this.props.onSelectedValuesChange &&\r\n this.props.onSelectedValuesChange(newValues);\r\n };\r\n}\r\n\r\nexport const Select = withThemeContext<\r\n SelectProps,\r\n InstanceType<typeof SelectRaw>\r\n>(withFormContext<SelectProps>(SelectRaw), 'select');\r\n\r\nexport default Select;\r\n"],"file":"Select.js"}
1	+ {"version":3,"sources":["../../../src/lib/components/select/Select.tsx"],"names":["PlusIcon","SelectRaw","props","item","newValues","selectedValues","filter","sv","value","handleValid","onSelectedValuesChange","val","defaultEmpty","values","length","state","Object","assign","handleChangeCustom","bind","multiple","oldProps","validators","customValidators","required","handleValueChange","finalValues","findIndex","t","title","tooltip","getValidationClass","className","readOnly","containerRef","renderSelectedValues","id","inputRef","getDisabled","handleBlur","handleFocus","display","map","index","label","renderReadonly","renderDefaultValidation","renderLabel","isValid","errors","initializing","e","onBlur","focused","touched","touchOn","setState","onFocus","event","target","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","validInner","Validate","error","setValid","setInvalid","toString","forceSelected","removeItemClick","readonlyEmptyPlaceholder","BaseInput","defaultProps","Select"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_24px.svg';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n ValidationError,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface SelectValue {\r\n value: number \| string;\r\n label?: string;\r\n forceSelected?: boolean;\r\n}\r\n\r\nexport interface SelectProps extends BaseInputProps<HTMLSelectElement> {\r\n values?: SelectValue[];\r\n defaultEmpty?: boolean;\r\n multiple?: boolean;\r\n selectedValues?: SelectValue[];\r\n onSelectedValuesChange?: (newValues: SelectValue[]) => void;\r\n inputRef?: (input: HTMLSelectElement) => void;\r\n readOnly?: boolean;\r\n readonlyEmptyPlaceholder?: string;\r\n}\r\n\r\nexport interface SelectState extends BaseInputState {}\r\n\r\nexport class SelectRaw extends BaseInput<\r\n SelectProps,\r\n SelectState,\r\n HTMLSelectElement\r\n> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n defaultEmpty: true,\r\n multiple: false,\r\n readOnly: false,\r\n readonlyEmptyPlaceholder: 'N/A',\r\n });\r\n\r\n constructor(props: SelectProps) {\r\n super(props);\r\n const val = !props.value\r\n ? props.defaultEmpty\r\n ? ''\r\n : props.values && props.values.length > 0\r\n ? props.values[0]\r\n : ''\r\n : props.value;\r\n this.state = Object.assign(this.state, { value: val });\r\n this.handleChangeCustom = this.handleChangeCustom.bind(this);\r\n }\r\n\r\n public componentDidMount() {\r\n this.props.multiple && this.handleValid(this.props.selectedValues);\r\n }\r\n\r\n public componentDidUpdate(oldProps: SelectProps) {\r\n if (\r\n oldProps.value !== this.props.value \|\|\r\n oldProps.validators !== this.props.validators \|\|\r\n oldProps.customValidators !== this.props.customValidators \|\|\r\n oldProps.required !== this.props.required \|\|\r\n oldProps.selectedValues !== this.props.selectedValues\r\n ) {\r\n if (this.props.multiple) {\r\n this.handleValid(this.props.selectedValues);\r\n } else {\r\n this.handleValueChange(this.props.value, true, [], this.props);\r\n }\r\n }\r\n }\r\n\r\n public render() {\r\n const finalValues = this.props.multiple\r\n ? this.props.values.filter(\r\n item =>\r\n this.props.selectedValues.findIndex(t => t.value === item.value) < 0\r\n )\r\n : this.props.values;\r\n return (\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div\r\n className={\r\n 'input__base select-input ' +\r\n this.getValidationClass() +\r\n ' ' +\r\n (this.props.className ? this.props.className : '') +\r\n ' ' +\r\n (this.props.readOnly ? 'readonly' : '') +\r\n ' ' +\r\n (this.props.multiple ? 'multiple' : '')\r\n }\r\n ref={this.containerRef}\r\n >\r\n {this.renderSelectedValues()}\r\n {finalValues.length > 0 &&\r\n ((this.props.multiple && !this.props.readOnly) \|\|\r\n !this.props.multiple) && (\r\n <div className=\"select-input__select__wrapper\">\r\n {(!this.props.multiple && !this.props.readOnly) \|\|\r\n this.props.multiple ? (\r\n <select\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n ref={this.inputRef}\r\n disabled={this.getDisabled()}\r\n required={this.props.required}\r\n onChange={this.handleChangeCustom}\r\n value={this.state.value}\r\n className={\r\n 'select-input__select ' +\r\n (this.state.value !== '' \|\|\r\n (this.props.selectedValues &&\r\n this.props.selectedValues.length > 0)\r\n ? 'filled'\r\n : '')\r\n }\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n tabIndex={0}\r\n >\r\n {this.props.defaultEmpty && (\r\n <option\r\n key={-1}\r\n disabled={true}\r\n value=\"\"\r\n style={{ display: 'none' }}\r\n />\r\n )}\r\n {finalValues.map((value, index) => (\r\n <option key={index} value={value.value}>\r\n {value.label ? value.label : value.value}\r\n </option>\r\n ))}\r\n </select>\r\n ) : (\r\n <span\r\n className={\r\n 'select-input__select ' +\r\n (this.state.value !== '' \|\|\r\n (this.props.selectedValues &&\r\n this.props.selectedValues.length > 0)\r\n ? 'filled'\r\n : '')\r\n }\r\n >\r\n {this.renderReadonly()}\r\n </span>\r\n )}\r\n <span className=\"highlight\" />\r\n <span className=\"bar\" />\r\n {this.renderDefaultValidation()}\r\n {this.props.label && finalValues.length > 0 && (\r\n <label>{this.renderLabel()}</label>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n protected handleValueChange(\r\n value: string,\r\n isValid: boolean = true,\r\n errors: ValidationError[] = [],\r\n props: SelectProps = this.props,\r\n initializing: boolean = false\r\n ) {\r\n if (!this.props.multiple) {\r\n return super.handleValueChange(\r\n value,\r\n isValid,\r\n errors,\r\n props,\r\n initializing\r\n );\r\n } else if (!initializing) {\r\n this.handleValid(this.props.selectedValues);\r\n }\r\n return {\r\n isValid: true,\r\n errors: [],\r\n };\r\n }\r\n\r\n protected handleBlur(e: React.FocusEvent<HTMLSelectElement>) {\r\n this.props.onBlur && this.props.onBlur();\r\n let state = { focused: false };\r\n if (!this.state.touched && this.props.touchOn === 'blur') {\r\n state = Object.assign(state, { touched: true });\r\n if (!this.props.multiple) {\r\n this.handleValueChange(this.state.value);\r\n } else {\r\n this.handleValid(this.props.selectedValues);\r\n }\r\n }\r\n this.setState(state);\r\n }\r\n\r\n protected handleFocus(e: React.FocusEvent<HTMLSelectElement>) {\r\n this.props.onFocus && this.props.onFocus(e);\r\n let state = { focused: true };\r\n if (!this.state.touched && this.props.touchOn === 'focus') {\r\n state = Object.assign(state, { touched: true });\r\n if (!this.props.multiple) {\r\n this.handleValueChange(this.state.value);\r\n } else {\r\n this.handleValid(this.props.selectedValues);\r\n }\r\n }\r\n this.setState(state);\r\n }\r\n\r\n private handleChangeCustom(event: React.ChangeEvent<HTMLSelectElement>) {\r\n if (this.props.multiple) {\r\n let value = event.target.value;\r\n let val = this.props.values.filter(item => item.value === value)[0];\r\n if (!val) {\r\n if (!isNaN(Number(value))) {\r\n let valNumber = Number(value);\r\n val = this.props.values.filter(item => item.value === valNumber)[0];\r\n }\r\n }\r\n let newValues = this.props.selectedValues.concat(val);\r\n if (val) {\r\n this.props.onSelectedValuesChange &&\r\n this.props.onSelectedValuesChange(newValues);\r\n this.handleValid(newValues);\r\n this.setState({ value: '' });\r\n }\r\n } else {\r\n this.handleChange(event);\r\n }\r\n }\r\n\r\n private handleValid(newValues: SelectValue[]) {\r\n let isValid = true;\r\n let errors: ValidationError[] = [];\r\n if (this.props.required) {\r\n if (newValues.length === 0) {\r\n isValid = false;\r\n errors.push(this.getTranslations(defaultBaseTranslations).required);\r\n }\r\n }\r\n if (this.props.customValidators) {\r\n this.props.customValidators.forEach(customValidator => {\r\n let validInner = false;\r\n validInner = customValidator.Validate(\r\n this.state?.value,\r\n this.props.required,\r\n error => errors.push(error)\r\n );\r\n if (isValid && !validInner) {\r\n isValid = validInner;\r\n }\r\n });\r\n }\r\n if (isValid) {\r\n this.setValid();\r\n } else {\r\n this.setInvalid(errors);\r\n }\r\n }\r\n\r\n private renderReadonly() {\r\n const value = this.props.values.filter(\r\n item => item.value.toString() === this.state.value\r\n )[0];\r\n return value ? (value.label ? value.label : value.value) : '';\r\n }\r\n\r\n private renderSelectedValues() {\r\n return this.props.multiple ? (\r\n this.props.selectedValues.length > 0 ? (\r\n <div className=\"select-input__selectedValue__wrapper\">\r\n {this.props.selectedValues.map((item, index) => (\r\n <div className=\"select-input__selectedValue\" key={index}>\r\n {item.label ? item.label : item.value}\r\n {!this.props.readOnly && (\r\n <Button\r\n disabled={item.forceSelected}\r\n circular={true}\r\n blank={true}\r\n onClick={this.removeItemClick(item)}\r\n className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n ) : (\r\n this.props.readOnly && (\r\n <div className=\"select-input__selectedValue__wrapper\">\r\n <div className=\"select-input__selectedValue\">\r\n {this.props.readonlyEmptyPlaceholder}\r\n </div>\r\n </div>\r\n )\r\n )\r\n ) : null;\r\n }\r\n\r\n private removeItemClick = (item: SelectValue) => () => {\r\n const newValues = this.props.selectedValues.filter(\r\n sv => sv.value !== item.value\r\n );\r\n this.handleValid(newValues);\r\n this.props.onSelectedValuesChange &&\r\n this.props.onSelectedValuesChange(newValues);\r\n };\r\n}\r\n\r\nexport const Select = withThemeContext<\r\n SelectProps,\r\n InstanceType<typeof SelectRaw>\r\n>(withFormContext<SelectProps>(SelectRaw), 'select');\r\n\r\nexport default Select;\r\n"],"file":"Select.js"}

package/build/dist/report.html CHANGED Viewed

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>guestbell-forms [30 Jul 2022 at 12:4]</title>
+    <title>guestbell-forms [12 Sep 2022 at 15:42]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
     <script>

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.294",
+  "version": "2.0.297",
   "description": "React forms with validation as used in GuestBell",
   "keywords": [
     "react",