react-input-material 0.0.767 → 0.0.769
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/dist/components/Checkbox/harness.d.ts +37 -0
- package/dist/components/Checkbox/index.d.ts +43 -0
- package/dist/components/Checkbox/type.d.ts +26 -0
- package/dist/components/FileInput/harness.d.ts +21 -0
- package/dist/components/FileInput/harness.js +1 -1
- package/dist/components/FileInput/helper.d.ts +51 -0
- package/dist/components/FileInput/index.css +1 -1
- package/dist/components/FileInput/index.d.ts +40 -0
- package/dist/components/FileInput/index.js +1 -1
- package/dist/components/FileInput/type.d.ts +115 -0
- package/dist/components/Inputs/harness.d.ts +10 -0
- package/dist/components/Inputs/index.css +1 -1
- package/dist/components/Inputs/index.d.ts +29 -0
- package/dist/components/Inputs/index.js +1 -1
- package/dist/components/Inputs/type.d.ts +79 -0
- package/dist/components/Interval/harness.d.ts +29 -0
- package/dist/components/Interval/harness.js +1 -1
- package/dist/components/Interval/index.css +1 -1
- package/dist/components/Interval/index.d.ts +25 -0
- package/dist/components/Interval/index.js +1 -1
- package/dist/components/Interval/type.d.ts +85 -0
- package/dist/components/TextInput/harness.d.ts +12 -0
- package/dist/components/TextInput/harness.js +1 -1
- package/dist/components/TextInput/helper.d.ts +38 -0
- package/dist/components/TextInput/index.css +1 -1
- package/dist/components/TextInput/index.d.ts +44 -0
- package/dist/components/TextInput/index.js +1 -1
- package/dist/components/TextInput/type.d.ts +201 -0
- package/dist/components/Wrapper/WrapConfigurations.d.ts +37 -0
- package/dist/components/Wrapper/WrapStrict.d.ts +14 -0
- package/dist/components/Wrapper/WrapThemeProvider.d.ts +18 -0
- package/dist/components/Wrapper/WrapTooltip.d.ts +16 -0
- package/dist/helper.d.ts +164 -0
- package/dist/helper.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +16 -0
- package/dist/index.js +1 -1
- package/dist/type.d.ts +143 -0
- package/package.json +2 -2
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Locator } from 'playwright-core';
|
|
2
|
+
export declare const checkboxInput: (parent: Locator) => {
|
|
3
|
+
main: Locator;
|
|
4
|
+
inputNode: Locator;
|
|
5
|
+
check: (options?: {
|
|
6
|
+
force?: boolean;
|
|
7
|
+
noWaitAfter?: boolean;
|
|
8
|
+
position?: {
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
};
|
|
12
|
+
timeout?: number;
|
|
13
|
+
trial?: boolean;
|
|
14
|
+
}) => Promise<void>;
|
|
15
|
+
uncheck: (options?: {
|
|
16
|
+
force?: boolean;
|
|
17
|
+
noWaitAfter?: boolean;
|
|
18
|
+
position?: {
|
|
19
|
+
x: number;
|
|
20
|
+
y: number;
|
|
21
|
+
};
|
|
22
|
+
timeout?: number;
|
|
23
|
+
trial?: boolean;
|
|
24
|
+
}) => Promise<void>;
|
|
25
|
+
setChecked: (checked: boolean, options?: {
|
|
26
|
+
force?: boolean;
|
|
27
|
+
noWaitAfter?: boolean;
|
|
28
|
+
position?: {
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
|
+
};
|
|
32
|
+
timeout?: number;
|
|
33
|
+
trial?: boolean;
|
|
34
|
+
}) => Promise<void>;
|
|
35
|
+
isChecked: () => Promise<boolean>;
|
|
36
|
+
};
|
|
37
|
+
export default checkboxInput;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ForwardRefRenderFunction } from 'react';
|
|
2
|
+
import { Adapter, Component, DefaultProperties, ModelState, Props } from './type';
|
|
3
|
+
/**
|
|
4
|
+
* Derives validation state from provided properties and state.
|
|
5
|
+
* @param properties - Current component properties.
|
|
6
|
+
* @param currentState - Current component state.
|
|
7
|
+
* @returns Whether component is in an aggregated valid or invalid state.
|
|
8
|
+
*/
|
|
9
|
+
export declare function determineValidationState(properties: DefaultProperties, currentState: Partial<ModelState>): boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Wrapper component for checkboxes to validate.
|
|
12
|
+
* @property displayName - Descriptive name for component to show in web
|
|
13
|
+
* developer tools.
|
|
14
|
+
* Dataflow:
|
|
15
|
+
* 1. On-Render all states are merged with given properties into a normalized
|
|
16
|
+
* property object.
|
|
17
|
+
* 2. Properties, corresponding state values and sub node instances are saved
|
|
18
|
+
* into a "ref" object (to make them accessible from the outside for example
|
|
19
|
+
* for wrapper like web-components).
|
|
20
|
+
* 3. Event handler saves corresponding data modifications into state and
|
|
21
|
+
* normalized properties object.
|
|
22
|
+
* 4. All state changes except selection changes trigger an "onChange" event
|
|
23
|
+
* which delivers the consolidated properties object (with latest
|
|
24
|
+
* modifications included).
|
|
25
|
+
* @param props - Given components properties.
|
|
26
|
+
* @param reference - Reference object to forward internal state.
|
|
27
|
+
* @returns React elements.
|
|
28
|
+
*/
|
|
29
|
+
export declare const CheckboxInner: ForwardRefRenderFunction<Adapter, Props>;
|
|
30
|
+
/**
|
|
31
|
+
* Wrapping web component compatible react component.
|
|
32
|
+
* @property defaultModelState - Initial model state.
|
|
33
|
+
* @property defaultProperties - Initial property configuration.
|
|
34
|
+
* @property propTypes - Triggers reacts runtime property value checks.
|
|
35
|
+
* @property strict - Indicates whether we should wrap render output in reacts
|
|
36
|
+
* strict component.
|
|
37
|
+
* @property wrapped - Wrapped component.
|
|
38
|
+
* @param props - Given components properties.
|
|
39
|
+
* @param reference - Reference object to forward internal state.
|
|
40
|
+
* @returns React elements.
|
|
41
|
+
*/
|
|
42
|
+
export declare const Checkbox: Component<typeof CheckboxInner>;
|
|
43
|
+
export default Checkbox;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ComponentAdapter, ValidationMapping } from 'web-component-wrapper/type';
|
|
2
|
+
import { BaseModel, Component as BaseComponent, ModelState as BaseModelState, Properties as BaseProperties, State as BaseState, ValueState as BaseValueState } from '../../type';
|
|
3
|
+
export interface Properties extends BaseProperties<boolean | null> {
|
|
4
|
+
default?: boolean;
|
|
5
|
+
checked: boolean;
|
|
6
|
+
id: string;
|
|
7
|
+
}
|
|
8
|
+
export interface Model extends BaseModel<boolean | null> {
|
|
9
|
+
default?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export type ModelState = BaseModelState;
|
|
12
|
+
export type ValueState = BaseValueState<boolean>;
|
|
13
|
+
export type Props = Partial<Omit<Properties, 'model'>> & {
|
|
14
|
+
model?: (Partial<Omit<Model, 'state'>> & {
|
|
15
|
+
state?: Partial<ModelState>;
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
export type DefaultProperties = Omit<Props, 'model'> & {
|
|
19
|
+
model: Model;
|
|
20
|
+
};
|
|
21
|
+
export type State = BaseState<boolean>;
|
|
22
|
+
export type Adapter = ComponentAdapter<Properties, Omit<State, 'value'>>;
|
|
23
|
+
export type Component<ComponentType> = BaseComponent<boolean, ComponentType, Props, ModelState, DefaultProperties, Adapter>;
|
|
24
|
+
export declare const propertyTypes: ValidationMapping;
|
|
25
|
+
export declare const defaultModel: Model;
|
|
26
|
+
export declare const defaultProperties: DefaultProperties;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FirstParameter } from 'clientnode';
|
|
2
|
+
import { FileChooser, Locator, Page } from 'playwright-core';
|
|
3
|
+
export declare const fileInput: (parent: Locator) => {
|
|
4
|
+
main: Locator;
|
|
5
|
+
inputNode: Locator;
|
|
6
|
+
nameInput: {
|
|
7
|
+
main: Locator;
|
|
8
|
+
inputNode: Locator;
|
|
9
|
+
richInputNode: Locator;
|
|
10
|
+
activateCodeEditor: () => Promise<void>;
|
|
11
|
+
activateRichtextEditor: () => Promise<void>;
|
|
12
|
+
getOptions: () => Promise<string[]>;
|
|
13
|
+
fill: (valueRepresentation: string) => Promise<void>;
|
|
14
|
+
inputValue: () => Promise<string | null>;
|
|
15
|
+
};
|
|
16
|
+
openFileChooser: () => Promise<void>;
|
|
17
|
+
getFileChooser: (page: Page) => Promise<FileChooser>;
|
|
18
|
+
fillFiles: (page: Page, files: FirstParameter<FileChooser["setFiles"]>) => Promise<void>;
|
|
19
|
+
getFiles: () => Promise<string>;
|
|
20
|
+
};
|
|
21
|
+
export default fileInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter(function(path){return eval("require.main.paths").includes(path)})))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/asyncToGenerator","@babel/runtime/regenerator"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator")):t(e["@babel/runtime/helpers/asyncToGenerator"],e["@babel/runtime/regenerator"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,function(e,t){return function(){var n={43:function(t){t.exports=e},44:function(e){e.exports=t},50:function(e,t,n){var r=n(43),a=n.n(r),o=n(44),u=n.n(o);function i(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}t.default=function(e){var t,n,r,o=e.locator("input"),
|
|
1
|
+
"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter(function(path){return eval("require.main.paths").includes(path)})))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/asyncToGenerator","@babel/runtime/regenerator"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator")):t(e["@babel/runtime/helpers/asyncToGenerator"],e["@babel/runtime/regenerator"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,function(e,t){return function(){var n={43:function(t){t.exports=e},44:function(e){e.exports=t},50:function(e,t,n){var r=n(43),a=n.n(r),o=n(44),u=n.n(o);function i(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}t.default=function(e){var t,n,r,o,c,s=e.locator("input, textarea"),l=e.locator("[contenteditable]"),f=e.locator("ul li"),p=e.locator(".mdc-select__selected-text"),d=e.locator(".text-input__code-editor-button"),b=e.locator(".text-input__richtext-editor-button");return{main:e,inputNode:s,richInputNode:l,activateCodeEditor:(c=a()(u().mark(function e(){return u().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,l.count();case 1:if(0!==e.sent){e.next=2;break}return e.next=2,d.click();case 2:case"end":return e.stop()}},e)})),function(){return c.apply(this,arguments)}),activateRichtextEditor:(o=a()(u().mark(function e(){return u().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,l.count();case 1:if(0!==e.sent){e.next=2;break}return e.next=2,b.click();case 2:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)}),getOptions:(r=a()(u().mark(function e(){var t,n,r,a,o,c,s,l,p,d;return u().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=[],c=i,e.next=1,f.elementHandles();case 1:n=c(e.sent);case 2:if((r=n()).done){e.next=8;break}return o=r.value,s=t,e.next=3,o.textContent();case 3:if(p=a=e.sent,!(l=null!==p)){e.next=4;break}l=void 0!==a;case 4:if(!l){e.next=5;break}d=a,e.next=6;break;case 5:d="";case 6:s.push.call(s,d);case 7:e.next=2;break;case 8:return e.abrupt("return",t);case 9:case"end":return e.stop()}},e)})),function(){return r.apply(this,arguments)}),fill:(n=a()(u().mark(function e(t){var n,r,a,o;return u().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,l.count();case 1:if(!(e.sent>0)){e.next=3;break}return e.next=2,l.fill(t);case 2:return e.abrupt("return");case 3:return e.next=4,s.count();case 4:if(!(e.sent>0)){e.next=6;break}return e.next=5,s.fill(t);case 5:return e.abrupt("return");case 6:return e.next=7,p.click();case 7:return o=i,e.next=8,f.elementHandles();case 8:n=o(e.sent);case 9:if((r=n()).done){e.next=13;break}return a=r.value,e.next=10,a.textContent();case 10:if(e.sent!==t){e.next=12;break}return e.next=11,a.click();case 11:return e.abrupt("continue",13);case 12:e.next=9;break;case 13:case"end":return e.stop()}},e)})),function(e){return n.apply(this,arguments)}),inputValue:(t=a()(u().mark(function e(){return u().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,s.count();case 1:if(!(e.sent>0)){e.next=3;break}return e.next=2,s.inputValue();case 2:case 4:return e.abrupt("return",e.sent);case 3:return e.next=4,p.textContent();case 5:case"end":return e.stop()}},e)})),function(){return t.apply(this,arguments)})}}}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,a),o.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 n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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 o={};a.r(o),a.d(o,{fileInput:function(){return f}});var u=a(43),i=a.n(u),c=a(44),s=a.n(c),l=a(50),f=function(e){var t,n,r,a=e.locator("input[type=file]"),o=(0,l.default)(e.locator(".text-input")),u={main:e,inputNode:a,nameInput:o,openFileChooser:function(){return u.main.locator("button").click()},getFileChooser:(r=i()(s().mark(function e(t){var n;return s().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.waitForEvent("filechooser"),u.openFileChooser(),e.abrupt("return",n);case 1:case"end":return e.stop()}},e)})),function(e){return r.apply(this,arguments)}),fillFiles:(n=i()(s().mark(function e(t,n){var r;return s().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,u.getFileChooser(t);case 1:return r=e.sent,e.next=2,r.setFiles(n);case 2:case"end":return e.stop()}},e)})),function(e,t){return n.apply(this,arguments)}),getFiles:(t=i()(s().mark(function e(){return s().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",a.inputValue());case 1:case"end":return e.stop()}},e)})),function(){return t.apply(this,arguments)})};return u};return o.default=f,o}()});
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Props } from '../TextInput/type';
|
|
3
|
+
import { DefaultProperties as DefaultProperties, ModelState as ModelState, Value, RepresentationType as RepresentationType, Properties } from './type';
|
|
4
|
+
export declare const CSS_CLASS_NAMES: Record<string, string>;
|
|
5
|
+
export declare const IMAGE_CONTENT_TYPE_REGULAR_EXPRESSION: RegExp;
|
|
6
|
+
export declare const TEXT_CONTENT_TYPE_REGULAR_EXPRESSION: RegExp;
|
|
7
|
+
export declare const EMBEDABLE_TEXT_CONTENT_TYPE_REGULAR_EXPRESSION: RegExp;
|
|
8
|
+
export declare const VIDEO_CONTENT_TYPE_REGULAR_EXPRESSION: RegExp;
|
|
9
|
+
/**
|
|
10
|
+
* Generates properties for nested text input to edit file name.
|
|
11
|
+
* @param prototype - Base properties to extend from.
|
|
12
|
+
* @param properties - Actual properties to derive from.
|
|
13
|
+
* @param properties.name - Name of filename input field.
|
|
14
|
+
* @param properties.value - Current edited file value.
|
|
15
|
+
* @returns Input properties.
|
|
16
|
+
*/
|
|
17
|
+
export declare const preserveStaticFileBaseNameInputGenerator: <Type extends Value = Value, MediaTag extends ElementType = "div">(prototype: Props<string>, { name, value }: Properties<Type, MediaTag>) => Props<string>;
|
|
18
|
+
/**
|
|
19
|
+
* Determines files content type for given file input properties.
|
|
20
|
+
* @param properties - File input properties to analyze.
|
|
21
|
+
* @returns The determined content type.
|
|
22
|
+
*/
|
|
23
|
+
export declare const determineContentType: <Type extends Value = Value>(properties: Properties<Type>) => null | string;
|
|
24
|
+
/**
|
|
25
|
+
* Determines which type of file we have to present.
|
|
26
|
+
* @param contentType - File type to derive representation type from.
|
|
27
|
+
* @returns Representative string for given content type.
|
|
28
|
+
*/
|
|
29
|
+
export declare const determineRepresentationType: (contentType: string) => RepresentationType;
|
|
30
|
+
/**
|
|
31
|
+
* Derives validation state from provided properties and state.
|
|
32
|
+
* @param properties - Current component properties.
|
|
33
|
+
* @param invalidName - Determines if edited file name is invalid or not.
|
|
34
|
+
* @param currentState - Current component state.
|
|
35
|
+
* @returns Boolean indicating Whether component is in an aggregated valid or
|
|
36
|
+
* invalid state.
|
|
37
|
+
*/
|
|
38
|
+
export declare const determineValidationState: <Type extends Value = Value, P extends DefaultProperties<Type> = DefaultProperties<Type>>(properties: P, invalidName: boolean, currentState: ModelState) => boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Derive base46 string from given file value.
|
|
41
|
+
* @param value - File to derive string from.
|
|
42
|
+
* @returns A promise holding base64 string.
|
|
43
|
+
*/
|
|
44
|
+
export declare const deriveBase64String: <Type extends Value = Value>(value: Type) => Promise<string>;
|
|
45
|
+
/**
|
|
46
|
+
* Read text from given binary data with given encoding.
|
|
47
|
+
* @param blob - Binary data object.
|
|
48
|
+
* @param encoding - Encoding for reading file correctly.
|
|
49
|
+
* @returns A promise holding parsed text as string.
|
|
50
|
+
*/
|
|
51
|
+
export declare const readBinaryDataIntoText: (blob: Blob, encoding?: string) => Promise<string>;
|
|
@@ -7,6 +7,6 @@
|
|
|
7
7
|
/* !/usr/bin/env css
|
|
8
8
|
-*- coding: utf-8 -*- */.text-input .code-editor.mdc-text-field--disabled .cm-editor{opacity:.3}.text-input .richtext-editor .richtext-editor__bar .richtext-editor-menu-bar .mdc-icon-button--checked{color:var(--mdc-theme-secondary)}.text-input .richtext-editor .richtext-editor__bar .mdc-text-field-character-counter{margin-right:10px}.text-input .richtext-editor.mdc-text-field--disabled .richtext-editor__bar{opacity:.3}.text-input .richtext-editor.mdc-text-field--with-internal-counter .richtext-editor__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
|
|
9
9
|
/* !/usr/bin/env css
|
|
10
|
-
-*- coding: utf-8 -*- */.text-input{display:block}.text-input .code-editor{overflow:visible;z-index:1}.text-input .code-editor .cm-content{opacity:0}.text-input .code-editor .cm-content .cm-activeLine{background-color:rgba(0,0,0,.05)}.text-input .code-editor .cm-gutters{visibility:hidden}.text-input .code-editor .cm-gutters .cm-activeLineGutter{background-color:rgba(0,0,0,.05)}.text-input .code-editor .cm-focused{outline:none}.text-input .code-editor .cm-focused .cm-content{opacity:1}.text-input .code-editor .cm-focused .cm-gutters{visibility:visible}.text-input .code-editor.code-editor--has-content .cm-content{opacity:1}.text-input .code-editor.code-editor--has-content .cm-gutters{visibility:visible}.text-input .code-editor .code-editor__view{overflow:visible}.text-input .richtext-editor{border-bottom:1px solid rgba(0,0,0,.42)}.text-input .richtext-editor .richtext-editor__bar{padding-left:6px;width:calc(100% - 6px)}.text-input .richtext-editor .richtext-editor__bar .richtext-editor-menu-bar{display:contents}.text-input .richtext-editor .richtext-editor__bar .richtext-editor-menu-bar>span{-ms-flex-item-align:start;align-self:flex-start}.text-input .richtext-editor .richtext-editor__view{display:block}.text-input .richtext-editor .tiptap:focus-visible{outline:none}.text-input
|
|
10
|
+
-*- coding: utf-8 -*- */.text-input{display:block}.text-input .text-input__code-editor-button,.text-input .text-input__richtext-editor-button{display:block}.text-input .text-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;bottom:auto!important;top:54px!important;width:100%}.text-input .text-input__suggestions.text-input__suggestions--pending{padding:10px}.text-input .text-input__suggestions .text-input__suggestions__suggestion{visibility:visible;white-space:break-spaces}.text-input .text-input__suggestions .text-input__suggestions__suggestion__mark{display:contents}.text-input .code-editor{overflow:visible;z-index:1}.text-input .code-editor .cm-content{opacity:0}.text-input .code-editor .cm-content .cm-activeLine{background-color:rgba(0,0,0,.05)}.text-input .code-editor .cm-gutters{visibility:hidden}.text-input .code-editor .cm-gutters .cm-activeLineGutter{background-color:rgba(0,0,0,.05)}.text-input .code-editor .cm-focused{outline:none}.text-input .code-editor .cm-focused .cm-content{opacity:1}.text-input .code-editor .cm-focused .cm-gutters{visibility:visible}.text-input .code-editor.code-editor--has-content .cm-content{opacity:1}.text-input .code-editor.code-editor--has-content .cm-gutters{visibility:visible}.text-input .code-editor .code-editor__view{overflow:visible}.text-input .richtext-editor{border-bottom:1px solid rgba(0,0,0,.42)}.text-input .richtext-editor .richtext-editor__bar{padding-left:6px;width:calc(100% - 6px)}.text-input .richtext-editor .richtext-editor__bar .richtext-editor-menu-bar{display:contents}.text-input .richtext-editor .richtext-editor__bar .richtext-editor-menu-bar>span{-ms-flex-item-align:start;align-self:flex-start}.text-input .richtext-editor .richtext-editor__view{display:block}.text-input .richtext-editor .tiptap:focus-visible{outline:none}.text-input input[type=search]::-ms-clear,.text-input input[type=search]::-ms-reveal{display:none;height:0;width:0}.text-input input[type=search]::-webkit-search-cancel-button,.text-input input[type=search]::-webkit-search-decoration,.text-input input[type=search]::-webkit-search-results-button,.text-input input[type=search]::-webkit-search-results-decoration{display:none}
|
|
11
11
|
/* !/usr/bin/env css
|
|
12
12
|
-*- coding: utf-8 -*- */.file-input{visibility:visible}.file-input .file-input__native{display:none}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ForwardedRef, ReactElement } from 'react';
|
|
2
|
+
import { AdapterWithReferences, Component, Props, Value } from './type';
|
|
3
|
+
export { CSS_CLASS_NAMES, IMAGE_CONTENT_TYPE_REGULAR_EXPRESSION, TEXT_CONTENT_TYPE_REGULAR_EXPRESSION, EMBEDABLE_TEXT_CONTENT_TYPE_REGULAR_EXPRESSION, VIDEO_CONTENT_TYPE_REGULAR_EXPRESSION, determineRepresentationType, determineValidationState, deriveBase64String, readBinaryDataIntoText, preserveStaticFileBaseNameInputGenerator } from './helper';
|
|
4
|
+
/**
|
|
5
|
+
* Validatable checkbox wrapper component.
|
|
6
|
+
* @property displayName - Descriptive name for component to show in web
|
|
7
|
+
* developer tools.
|
|
8
|
+
* Dataflow:
|
|
9
|
+
* 1. On-Render all states are merged with given properties into a normalized
|
|
10
|
+
* property object.
|
|
11
|
+
* 2. Properties, corresponding state values and sub node instances are saved
|
|
12
|
+
* into a "ref" object (to make them accessible from the outside for example
|
|
13
|
+
* for wrapper like web-components).
|
|
14
|
+
* 3. Event handler saves corresponding data modifications into state and
|
|
15
|
+
* normalized properties object.
|
|
16
|
+
* 4. All state changes except selection changes trigger an "onChange" event
|
|
17
|
+
* which delivers the consolidated properties object (with latest
|
|
18
|
+
* modifications included).
|
|
19
|
+
* @param props - Given components properties.
|
|
20
|
+
* @param reference - Reference object to forward internal state.
|
|
21
|
+
* @returns React elements.
|
|
22
|
+
*/
|
|
23
|
+
export declare const FileInputInner: {
|
|
24
|
+
<Type extends Value = Value>(props: Props<Type>, reference?: ForwardedRef<AdapterWithReferences<Type>>): ReactElement;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Wrapping web component compatible react component.
|
|
29
|
+
* @property defaultModelState - Initial model state.
|
|
30
|
+
* @property defaultProperties - Initial property configuration.
|
|
31
|
+
* @property propTypes - Triggers reacts runtime property value checks.
|
|
32
|
+
* @property strict - Indicates whether we should wrap render output in reacts
|
|
33
|
+
* strict component.
|
|
34
|
+
* @property wrapped - Wrapped component.
|
|
35
|
+
* @param props - Given components properties.
|
|
36
|
+
* @param reference - Reference object to forward internal state.
|
|
37
|
+
* @returns React elements.
|
|
38
|
+
*/
|
|
39
|
+
export declare const FileInput: Component<typeof FileInputInner>;
|
|
40
|
+
export default FileInput;
|