react-input-material 0.0.375 → 0.0.378
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.
- package/components/Dummy.d.ts +1 -1
- package/components/Dummy.js +1 -1
- package/components/Dummy.tsx +1 -1
- package/components/FileInput.js +1 -1
- package/components/FileInput.styles.css +2 -2
- package/components/FileInput.tsx +33 -21
- package/components/GenericAnimate.js +1 -1
- package/components/GenericAnimate.tsx +11 -5
- package/components/GenericInput.d.ts +3 -3
- package/components/GenericInput.js +1 -1
- package/components/GenericInput.styles.css +2 -2
- package/components/GenericInput.tsx +53 -41
- package/components/Inputs.d.ts +1 -1
- package/components/Inputs.js +1 -1
- package/components/Inputs.styles.css +2 -2
- package/components/Inputs.tsx +14 -8
- package/components/Interval.js +1 -1
- package/components/Interval.styles.css +2 -2
- package/components/Interval.tsx +10 -6
- package/components/RequireableCheckbox.js +1 -1
- package/components/RequireableCheckbox.tsx +6 -2
- package/helper.d.ts +3 -3
- package/helper.js +1 -1
- package/index.js +1 -1
- package/index.styles.css +2 -2
- package/package.json +1 -3
- package/testHelper.d.ts +2 -1
- package/type.d.ts +25 -25
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
*/
|
|
19
19
|
// region imports
|
|
20
20
|
import Tools from 'clientnode'
|
|
21
|
+
import {Mapping} from 'clientnode/type'
|
|
21
22
|
import {
|
|
22
23
|
FocusEvent as ReactFocusEvent,
|
|
23
24
|
forwardRef,
|
|
@@ -40,7 +41,7 @@ import {Theme} from '@rmwc/theme'
|
|
|
40
41
|
|
|
41
42
|
import {requireableCheckboxClassName} from './RequireableCheckbox.module'
|
|
42
43
|
*/
|
|
43
|
-
import
|
|
44
|
+
import cssClassNames from './RequireableCheckbox.module'
|
|
44
45
|
import {WrapConfigurations} from './WrapConfigurations'
|
|
45
46
|
import {
|
|
46
47
|
deriveMissingPropertiesFromState,
|
|
@@ -65,6 +66,7 @@ import {
|
|
|
65
66
|
CheckboxValueState as ValueState
|
|
66
67
|
} from '../type'
|
|
67
68
|
// endregion
|
|
69
|
+
const CSS_CLASS_NAMES:Mapping = cssClassNames as Mapping
|
|
68
70
|
// region helper
|
|
69
71
|
/**
|
|
70
72
|
* Derives validation state from provided properties and state.
|
|
@@ -87,6 +89,7 @@ export function determineValidationState(
|
|
|
87
89
|
)
|
|
88
90
|
}
|
|
89
91
|
// endregion
|
|
92
|
+
/* eslint-disable jsdoc/require-description-complete-sentence */
|
|
90
93
|
/**
|
|
91
94
|
* Validateable checkbox wrapper component.
|
|
92
95
|
* @property static:displayName - Descriptive name for component to show in web
|
|
@@ -115,6 +118,7 @@ export function determineValidationState(
|
|
|
115
118
|
export const RequireableCheckboxInner = function(
|
|
116
119
|
props:Props, reference?:MutableRefObject<Adapter>
|
|
117
120
|
):ReactElement {
|
|
121
|
+
/* eslint-enable jsdoc/require-description-complete-sentence */
|
|
118
122
|
// region property aggregation
|
|
119
123
|
/**
|
|
120
124
|
* Calculate external properties (a set of all configurable properties).
|
|
@@ -424,7 +428,7 @@ export const RequireableCheckboxInner = function(
|
|
|
424
428
|
tooltip={properties.tooltip}
|
|
425
429
|
>
|
|
426
430
|
<div
|
|
427
|
-
className={[
|
|
431
|
+
className={[CSS_CLASS_NAMES['requireable-checkbox']]
|
|
428
432
|
.concat(properties.className ?? [])
|
|
429
433
|
.join(' ')
|
|
430
434
|
}
|
package/helper.d.ts
CHANGED
|
@@ -30,7 +30,7 @@ export declare const deriveMissingPropertiesFromState: <Properties extends BaseP
|
|
|
30
30
|
*
|
|
31
31
|
* @returns Wrapped given method.
|
|
32
32
|
*/
|
|
33
|
-
export declare const wrapStateSetter: <Type =
|
|
33
|
+
export declare const wrapStateSetter: <Type = unknown>(setValueState: (_value: Type | ((_value: Type) => Type)) => void, currentValueState: Type) => ReturnType<typeof useState>[1];
|
|
34
34
|
/**
|
|
35
35
|
* Triggered when a value state changes like validation or focusing.
|
|
36
36
|
* @param properties - Properties to search in.
|
|
@@ -51,7 +51,7 @@ export declare const triggerCallbackIfExists: <P extends Omit<BaseProperties, "m
|
|
|
51
51
|
*
|
|
52
52
|
* @returns Transformed properties.
|
|
53
53
|
*/
|
|
54
|
-
export declare const translateKnownSymbols: <Type =
|
|
54
|
+
export declare const translateKnownSymbols: <Type = unknown>(properties: Mapping<typeof NullSymbol | typeof UndefinedSymbol | Type>) => Mapping<Type>;
|
|
55
55
|
/**
|
|
56
56
|
* Determines initial value depending on given properties.
|
|
57
57
|
* @param properties - Components properties.
|
|
@@ -60,7 +60,7 @@ export declare const translateKnownSymbols: <Type = any>(properties: Mapping<typ
|
|
|
60
60
|
*
|
|
61
61
|
* @returns Determined value.
|
|
62
62
|
*/
|
|
63
|
-
export declare const determineInitialValue: <Type =
|
|
63
|
+
export declare const determineInitialValue: <Type = unknown>(properties: BaseProps, defaultValue?: Type | null | undefined, alternateValue?: Type | null | undefined) => Type | null;
|
|
64
64
|
/**
|
|
65
65
|
* Derives current validation state from given value.
|
|
66
66
|
* @param properties - Input configuration.
|
package/helper.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';if(typeof module!=='undefined'&&module!==null&&eval('typeof require')!=='undefined'&&eval('require')!==null&&'main'in eval('require')&&eval('typeof require.main')!=='undefined'&&eval('require.main')!==null){var ORIGINAL_MAIN_MODULE=module;if(module!==eval('require.main')&&'paths'in module&&'paths'in eval('require.main')&&typeof __dirname!=='undefined'&&__dirname!==null)module.paths=eval('require.main.paths').concat(module.paths.filter(function(path){return eval('require.main.paths').includes(path)}))};if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/extends"),require("clientnode"),require("clientnode/property-types"),require("react"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/extends","clientnode","clientnode/property-types","react"],t);else{var r="object"==typeof exports?t(require("@babel/runtime/helpers/extends"),require("clientnode"),require("clientnode/property-types"),require("react")):t(e["@babel/runtime/helpers/extends"],e.clientnode,e["clientnode/property-types"],e.react);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,(function(e,t,r,n){return function(){"use strict";var o=[,function(t){t.exports=e},function(e){e.exports=n},function(e){e.exports=t},,function(e){e.exports=r}],l={};function a(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return function(){a.r(u),a.d(u,{createDummyStateSetter:function(){return f},deriveMissingPropertiesFromState:function(){return s},
|
|
1
|
+
'use strict';if(typeof module!=='undefined'&&module!==null&&eval('typeof require')!=='undefined'&&eval('require')!==null&&'main'in eval('require')&&eval('typeof require.main')!=='undefined'&&eval('require.main')!==null){var ORIGINAL_MAIN_MODULE=module;if(module!==eval('require.main')&&'paths'in module&&'paths'in eval('require.main')&&typeof __dirname!=='undefined'&&__dirname!==null)module.paths=eval('require.main.paths').concat(module.paths.filter(function(path){return eval('require.main.paths').includes(path)}))};if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/extends"),require("clientnode"),require("clientnode/property-types"),require("react"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/extends","clientnode","clientnode/property-types","react"],t);else{var r="object"==typeof exports?t(require("@babel/runtime/helpers/extends"),require("clientnode"),require("clientnode/property-types"),require("react")):t(e["@babel/runtime/helpers/extends"],e.clientnode,e["clientnode/property-types"],e.react);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,(function(e,t,r,n){return function(){"use strict";var o=[,function(t){t.exports=e},function(e){e.exports=n},function(e){e.exports=t},,function(e){e.exports=r}],l={};function a(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return function(){a.r(u),a.d(u,{createDummyStateSetter:function(){return f},deriveMissingPropertiesFromState:function(){return s},determineInitialRepresentation:function(){return P},determineInitialValue:function(){return y},determineValidationState:function(){return m},formatValue:function(){return O},getConsolidatedProperties:function(){return g},getLabelAndValues:function(){return h},getRepresentationFromValueSelection:function(){return j},getValueFromSelection:function(){return x},mapPropertiesIntoModel:function(){return b},normalizeSelection:function(){return S},parseValue:function(){return A},translateKnownSymbols:function(){return c},triggerCallbackIfExists:function(){return v},useMemorizedValue:function(){return q},wrapStateSetter:function(){return p}});var e=a(1),t=a.n(e),r=a(3),n=a.n(r),o=a(5),l=a(2);function i(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return d(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var f=function(e){return function(t){"function"==typeof t&&t(e)}},s=function(e,r){for(var n in void 0!==e.model.value&&void 0===e.value&&(e.value=e.model.value),void 0===e.value&&(e.value=r.value),e.model.state?e.model.state=t()({},e.model.state):e.model.state={},r.modelState)Object.prototype.hasOwnProperty.call(r.modelState,n)&&void 0===e.model.state[n]&&(e.model.state[n]=r.modelState[n]);return e},p=function(e,t){return function(r){var o="function"==typeof r?r(t):r;n().equals(null==o?void 0:o.modelState,null==t?void 0:t.modelState)||e(o)}},v=function(e,t,r){void 0===r&&(r=!0);for(var o=arguments.length,l=new Array(o>3?o-3:0),a=3;a<o;a++)l[a-3]=arguments[a];t="on"+n().stringCapitalize(t),e[t]&&(r?e[t].apply(e,l):n().timeout((function(){return e[t].apply(e,l)})))},c=function(e){for(var t={},r=0,l=Object.entries(e);r<l.length;r++){var a=l[r],u=a[0],i=a[1];i===o.UndefinedSymbol?t[u]=void 0:i===o.NullSymbol?t[u]=null:t[u]=n().copy(e[u])}return t},y=function(e,t,r){var o,l;return void 0!==r?r:void 0!==e.value?e.value:void 0!==(null==(o=e.model)?void 0:o.value)?e.model.value:void 0!==e.initialValue?n().copy(e.initialValue):void 0!==e.default?n().copy(e.default):void 0!==(null==(l=e.model)?void 0:l.default)?n().copy(e.model.default):void 0!==t?t:null},m=function(e,r,n){void 0===n&&(n={});var o=!1;n=t()({invalidRequired:function(){return!1===e.model.nullable&&"boolean"!==e.model.type&&!e.model.value&&0!==e.model.value||"boolean"===e.model.type&&!("boolean"==typeof e.model.value||["false","true"].includes(e.model.value))}},n),e.model.state=e.model.state||{};for(var l=0,a=Object.entries(n);l<a.length;l++){var u=a[l],i=u[0],d=u[1],f=r[i];e.model.state[i]=d(),o=o||f!==r[i]}return o&&(e.model.state.invalid=Object.keys(n).some((function(t){return e.model.state[t]})),e.model.state.valid=!e.model.state.invalid),o},b=function(e,t){var r=n().extend(!0,{model:n().copy(t)},e);r.disabled&&(r.model.mutable=!1,delete r.disabled),r.invertedPattern&&(r.model.invertedRegularExpressionPattern=r.invertedPattern,delete r.invertedPattern),r.pattern&&(r.model.regularExpressionPattern=r.pattern,delete r.pattern),r.required&&(r.model.nullable=!1,delete r.required),"text"===r.type&&(r.type="string");for(var o,l=i(Object.keys(r.model).concat("value"));!(o=l()).done;){var a=o.value;Object.prototype.hasOwnProperty.call(r,a)&&void 0!==r[a]&&(r.model[a]=r[a])}for(var u in r.model.state)Object.prototype.hasOwnProperty.call(r,u)&&void 0!==r[u]&&(r.model.state[u]=r[u]);return void 0===r.model.value&&(r.model.value=n().copy(r.model.default)),r},g=function(e){var r=t()({},e,e.model||{},(e.model||{}).state||{});return r.disabled=!(r.mutable&&r.writable),delete r.mutable,delete r.writable,delete r.state,r.required=!r.nullable,delete r.nullable,r.invertedRegularExpressionPattern&&(r.invertedPattern=r.invertedRegularExpressionPattern),delete r.invertedRegularExpressionPattern,r.regularExpressionPattern&&(r.pattern=r.regularExpressionPattern),delete r.regularExpressionPattern,r};function h(e){if(Array.isArray(e)){for(var t,r=[],n=[],o=i(e);!(t=o()).done;){var l=t.value;["number","string"].includes(typeof l)?(r.push(""+l),n.push(l)):"string"==typeof(null==l?void 0:l.label)?(r.push(l.label),n.push(l.value)):["number","string"].includes(typeof(null==l?void 0:l.value))&&(r.push(""+l.value),n.push(l.value))}return[r,n]}if(null!==e&&"object"==typeof e){var a=Object.keys(e).sort((function(t,r){return e[t].localeCompare(e[r])}));return[a.map((function(t){return e[t]})),a]}return[[],[]]}function j(e,t){if(t){if(Array.isArray(t))for(var r,o=i(t);!(r=o()).done;){var l=r.value;if(n().equals(l,e))return""+e;if(n().equals(null==l?void 0:l.value,e))return l.label||""+e}if(null!==t&&"object"==typeof t&&"string"==typeof e&&Object.prototype.hasOwnProperty.call(t,e))return t[e]}return null}function x(e,t){if(Array.isArray(t))for(var r,n=i(t);!(r=n()).done;){var o=r.value;if(["number","string"].includes(typeof o)&&""+o===e)return o;if("string"==typeof(null==o?void 0:o.label)&&o.label===e)return o.value;if(["number","string"].includes(typeof(null==o?void 0:o.value))&&""+o.value===e)return o.value}if(null!==t&&"object"==typeof t)for(var l=0,a=Object.entries(t);l<a.length;l++){var u=a[l],d=u[0];if(u[1]===e)return d}return null}function S(e,r){if(e||(e=r,r=void 0),Array.isArray(e)&&e.length){var n=[],o=0;if(Array.isArray(e[0]))for(var l,a=i(e);!(l=a()).done;){var u=l.value,d=u[0],f=u[1];n.push({label:Array.isArray(r)&&o<r.length?r[o]:f,value:d}),o+=1}else if(null!==e[0]&&"object"==typeof e[0])for(var s,p=i(e);!(s=p()).done;){var v=s.value;n.push(t()({},v,{label:Array.isArray(r)&&o<r.length?r[o]:v.label})),o+=1}else for(var c,y=i(e);!(c=y()).done;){var m=c.value;n.push({label:Array.isArray(r)&&o<r.length?r[o]:m,value:m}),o+=1}e=n}if(null!==r&&"object"==typeof r){if(Array.isArray(e)){for(var b,g=[],h=i(e);!(b=h()).done;){var j=b.value;g.push(t()({},j,{label:Object.prototype.hasOwnProperty.call(r,j.value||j.label)?r[j.value||j.label]:!0===j.value&&r.true?r.true:!1===j.value&&r.false?r.false:j.label}))}return g}for(var x=0,S=Object.entries(e);x<S.length;x++){var A=S[x],O=A[0],P=A[1];e[O]=Object.prototype.hasOwnProperty.call(r,O)?r[O]:P}}return e}var A=function(e,t,r){var n;if(e.model.trim&&"string"==typeof t&&(t=t.trim().replace(/ +\n/g,"\\n")),e.model.emptyEqualsNull&&""===t)return null;var o=t;return![null,void 0].includes(t)&&null!=(n=r[e.model.type])&&n.parse&&(o=r[e.model.type].parse(t,e,r)),"number"==typeof o&&isNaN(o)?null:o};function O(e,t,r,n){var o,l;void 0===n&&(n=!0);var a=n?"final":"intermediate";return[null,void 0].includes(t)||"number"==typeof t&&isNaN(t)?"":null!=(o=r[e.type||e.model.type])&&o.format&&null!=(l=r[e.type||e.model.type].format[a])&&l.transform?r[e.type||e.model.type].format[a].transform(t,e,r):String(t)}function P(e,r,n,o,l){if("string"==typeof e.representation)return e.representation;if(null!==n){var a,u=j(n,l);return"string"==typeof u?u:O(t()({},e,{type:e.type||(null==(a=e.model)?void 0:a.type)||r.model.type}),n,o)}return""}var q=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return(0,l.useMemo)((function(){return e}),r)}}(),u}()}));
|