react-input-material 0.0.403 → 0.0.406
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/FileInput.js +1 -1
- package/components/FileInput.styles.css +2 -2
- package/components/GenericInput.js +1 -1
- package/components/GenericInput.module.css +1 -0
- package/components/GenericInput.styles.css +1 -1
- package/components/GenericInput.tsx +142 -143
- package/components/Inputs.js +1 -1
- package/components/Inputs.styles.css +1 -1
- package/components/Interval.js +1 -1
- package/components/Interval.styles.css +1 -1
- package/helper.d.ts +15 -29
- package/helper.js +1 -1
- package/index.js +1 -1
- package/index.styles.css +2 -2
- package/package.json +2 -2
- package/type.d.ts +19 -17
package/helper.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { NullSymbol, UndefinedSymbol } from 'clientnode/property-types';
|
|
2
2
|
import { Mapping } from 'clientnode/type';
|
|
3
|
-
import { useState } from 'react';
|
|
3
|
+
import { ReactNode, useState } from 'react';
|
|
4
4
|
import { SelectProps } from '@rmwc/select';
|
|
5
|
-
import { BaseProperties, BaseProps, DefaultBaseProperties, DefaultInputProperties, InputDataTransformation, ModelState, ValueState } from './type';
|
|
5
|
+
import { BaseProperties, BaseProps, DefaultBaseProperties, DefaultInputProperties, InputDataTransformation, ModelState, NormalizedSelection, ValueState } from './type';
|
|
6
6
|
/**
|
|
7
7
|
* Creates a mocked a state setter. Useful to dynamically convert a component
|
|
8
8
|
* from uncontrolled to controlled.
|
|
@@ -95,10 +95,10 @@ export declare const getConsolidatedProperties: <P extends BaseProps, R extends
|
|
|
95
95
|
*
|
|
96
96
|
* @returns Normalized sorted listed of labels and values.
|
|
97
97
|
*/
|
|
98
|
-
export declare function getLabelAndValues(selection?:
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
98
|
+
export declare function getLabelAndValues(selection?: NormalizedSelection): [
|
|
99
|
+
Array<ReactNode | string>,
|
|
100
|
+
Array<unknown>
|
|
101
|
+
];
|
|
102
102
|
/**
|
|
103
103
|
* Determine representation for given value while respecting existing labels.
|
|
104
104
|
* @param value - To represent.
|
|
@@ -106,10 +106,7 @@ export declare function getLabelAndValues(selection?: SelectProps['options'] | A
|
|
|
106
106
|
*
|
|
107
107
|
* @returns Determined representation.
|
|
108
108
|
*/
|
|
109
|
-
export declare function getRepresentationFromValueSelection(value: unknown, selection?:
|
|
110
|
-
label?: string;
|
|
111
|
-
value: unknown;
|
|
112
|
-
}>): null | string;
|
|
109
|
+
export declare function getRepresentationFromValueSelection(value: unknown, selection?: NormalizedSelection): null | string;
|
|
113
110
|
/**
|
|
114
111
|
* Determine value from provided representation (for example user inputs).
|
|
115
112
|
* @param label - To search a value for.
|
|
@@ -117,25 +114,17 @@ export declare function getRepresentationFromValueSelection(value: unknown, sele
|
|
|
117
114
|
*
|
|
118
115
|
* @returns Determined value.
|
|
119
116
|
*/
|
|
120
|
-
export declare function getValueFromSelection<T>(label: string, selection:
|
|
121
|
-
label?: string;
|
|
122
|
-
value: unknown;
|
|
123
|
-
}>): null | T;
|
|
117
|
+
export declare function getValueFromSelection<T>(label: ReactNode | string, selection: NormalizedSelection): null | T;
|
|
124
118
|
/**
|
|
125
|
-
* Normalize given selection.
|
|
119
|
+
* Normalize given selection. NOTE: It is important to have an ordered list
|
|
120
|
+
* to map values to labels and the other way around in a deterministic way.
|
|
126
121
|
* @param selection - Selection component property configuration.
|
|
127
122
|
* @param labels - Additional labels to take into account (for example provided
|
|
128
123
|
* via a content management system).
|
|
129
124
|
*
|
|
130
|
-
* @returns Determined normalized selection configuration.
|
|
125
|
+
* @returns Determined normalized sorted selection configuration.
|
|
131
126
|
*/
|
|
132
|
-
export declare function normalizeSelection(selection?: (Array<[string, string]> | SelectProps['options']
|
|
133
|
-
label?: string;
|
|
134
|
-
value: unknown;
|
|
135
|
-
}>), labels?: Array<string> | Mapping): SelectProps['options'] | Array<{
|
|
136
|
-
label?: string;
|
|
137
|
-
value: unknown;
|
|
138
|
-
}> | undefined;
|
|
127
|
+
export declare function normalizeSelection(selection?: (Array<[string, string]> | NormalizedSelection | SelectProps['options']), labels?: Array<string> | Mapping): NormalizedSelection | undefined;
|
|
139
128
|
/**
|
|
140
129
|
* Applies configured value transformations.
|
|
141
130
|
* @param configuration - Input configuration.
|
|
@@ -149,12 +138,12 @@ export declare const parseValue: <T = unknown, P extends DefaultInputProperties<
|
|
|
149
138
|
* Represents configured value as string.
|
|
150
139
|
* @param configuration - Input configuration.
|
|
151
140
|
* @param value - To represent.
|
|
152
|
-
* @param
|
|
141
|
+
* @param transformerMapping - To apply to given value.
|
|
153
142
|
* @param final - Specifies whether it is a final representation.
|
|
154
143
|
*
|
|
155
144
|
* @returns Transformed value.
|
|
156
145
|
*/
|
|
157
|
-
export declare function formatValue<T = unknown, P extends DefaultInputProperties<T> = DefaultInputProperties<T>>(configuration: P, value: null | T,
|
|
146
|
+
export declare function formatValue<T = unknown, P extends DefaultInputProperties<T> = DefaultInputProperties<T>>(configuration: P, value: null | T, transformerMapping: InputDataTransformation, final?: boolean): string;
|
|
158
147
|
/**
|
|
159
148
|
* Determines initial value representation as string.
|
|
160
149
|
* @param properties - Components properties.
|
|
@@ -165,10 +154,7 @@ export declare function formatValue<T = unknown, P extends DefaultInputPropertie
|
|
|
165
154
|
*
|
|
166
155
|
* @returns Determined initial representation.
|
|
167
156
|
*/
|
|
168
|
-
export declare function determineInitialRepresentation<T = unknown, P extends DefaultInputProperties<T> = DefaultInputProperties<T>>(properties: P, defaultProperties: P, value: null | T, transformer: InputDataTransformation, selection?:
|
|
169
|
-
label?: string;
|
|
170
|
-
value: unknown;
|
|
171
|
-
}>): string;
|
|
157
|
+
export declare function determineInitialRepresentation<T = unknown, P extends DefaultInputProperties<T> = DefaultInputProperties<T>>(properties: P, defaultProperties: P, value: null | T, transformer: InputDataTransformation, selection?: NormalizedSelection): string;
|
|
172
158
|
/**
|
|
173
159
|
* Custom hook to memorize any values with a default empty array. Useful if
|
|
174
160
|
* using previous constant complex object within a render function.
|
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},determineInitialRepresentation:function(){return
|
|
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 O},determineInitialValue:function(){return m},determineValidationState:function(){return y},formatValue:function(){return P},getConsolidatedProperties:function(){return g},getLabelAndValues:function(){return h},getRepresentationFromValueSelection:function(){return x},getValueFromSelection:function(){return S},mapPropertiesIntoModel:function(){return b},normalizeSelection:function(){return A},parseValue:function(){return j},translateKnownSymbols:function(){return c},triggerCallbackIfExists:function(){return p},useMemorizedValue:function(){return q},wrapStateSetter:function(){return v}});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){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={};for(var n=0,o=Object.entries(r.modelState);n<o.length;n++){var l=o[n],a=l[0],u=l[1];void 0===e.model.state[a]&&(e.model.state[a]=u)}return e},v=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)}},p=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},m=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},y=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;"string"==typeof(null==l?void 0:l.label)&&(r.push(l.label),n.push(l.value))}return[r,n]}return[[],[]]}function x(e,t){if(t)for(var r,o=i(t);!(r=o()).done;){var l=r.value;if(n().equals(null==l?void 0:l.value,e))return l.label||""+e}return null}function S(e,t){if(Array.isArray(t))for(var r,n=i(t);!(r=n()).done;){var o=r.value;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}return null}function A(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=0,a=e;l<a.length;l++){var u=a[l],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,v=i(e);!(s=v()).done;){var p=s.value;n.push(t()({},p,{label:Array.isArray(r)&&o<r.length?r[o]:p.label})),o+=1}else for(var c=0,m=e;c<m.length;c++){var y=m[c];n.push({label:Array.isArray(r)&&o<r.length?r[o]:y,value:y}),o+=1}e=n}var b=null!==r&&"object"==typeof r;if(e){if(!Array.isArray(e)){for(var g,h=[],x=i(Object.keys(e).sort((function(t,r){return e[t].localeCompare(e[r])})));!(g=x()).done;){var S=g.value;h.push({label:b&&Object.prototype.hasOwnProperty.call(r,S)?r[S]:e[S],value:S})}return h}if(b){for(var A,j=[],P=i(e);!(A=P()).done;){var O=A.value;j.push(t()({},O,{label:Object.prototype.hasOwnProperty.call(r,O.value||O.label)?r[O.value||O.label]:!0===O.value&&r.true?r.true:!1===O.value&&r.false?r.false:O.label}))}return j}}return e}var j=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 P(e,t,r,n){var o;void 0===n&&(n=!0);var l=n?"final":"intermediate";if([null,void 0].includes(t)||"number"==typeof t&&isNaN(t))return"";var a=null==(o=r[e.type||e.model.type])?void 0:o.format;if(a){var u,i,d=(null==(u=a[l])?void 0:u.transform)||(null==(i=a.final)?void 0:i.transform);if(d)return d(t,e,r)}return String(t)}function O(e,r,n,o,l){if("string"==typeof e.representation)return e.representation;if(null!==n){var a,u=x(n,l);return"string"==typeof u?u:P(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}()}));
|