@leav/ui 0.2.7 → 0.2.8

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/NumberInput.js

@@ -0,0 +1,43 @@
+import {jsx as _jsx} from 'react/jsx-runtime';
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import {Input} from 'antd';
+import styled from 'styled-components';
+const StyledInput = styled(Input)`
+    // Remove arrows on number input
+    && {
+        input {
+            -moz-appearance: textfield;
+            ::-webkit-inner-spin-button {
+                -webkit-appearance: none;
+                margin: 0;
+            }
+        }
+    }
+`;
+function NumberInput({state, fieldValue, onFocus, onPressEnter, onChange, inputRef}) {
+    const {editingValue} = fieldValue;
+    const _handleNumberChange = e => {
+        onChange(String(e.target.value));
+    };
+    const _handlePressEnter = () => {
+        onPressEnter();
+    };
+    const editingValueNumber = Number(editingValue);
+    const inputValue = editingValue !== '' ? editingValueNumber : '';
+    return _jsx(StyledInput, {
+        type: 'number',
+        ref: inputRef,
+        className: 'nested-input',
+        value: inputValue,
+        onFocus: onFocus,
+        onChange: _handleNumberChange,
+        onPressEnter: _handlePressEnter,
+        disabled: state.isReadOnly,
+        allowClear: true,
+        autoFocus: true
+    });
+}
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/NumberInput.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAW,MAAM,MAAM,CAAC;AAErC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,SAAS,WAAW,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAsB;IACpG,MAAM,EAAC,YAAY,EAAC,GAAG,UAAU,CAAC;IAElC,MAAM,mBAAmB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,YAAY,KAAK,EAAE,CAAC,CAAC,CAAE,kBAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7E,OAAO,CACH,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,QAAsC,EAC3C,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,mBAAmB,EAC7B,YAAY,EAAE,iBAAiB,EAC/B,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,UAAU,QACV,SAAS,SACX,CACL,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/RichTextEditorInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function RichTextEditorInput({state, fieldValue, onFocus, onChange}: IStandardInputProps): JSX.Element;
+export default RichTextEditorInput;

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/RichTextEditorInput.js

@@ -0,0 +1,65 @@
+import {jsx as _jsx} from 'react/jsx-runtime';
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import InlineEditor from '@ckeditor/ckeditor5-build-inline';
+import {CKEditor} from '@ckeditor/ckeditor5-react';
+import styled from 'styled-components';
+const CkeditorComponent = styled.div`
+    border-width: 1px;
+    border-style: solid;
+    border-color: #d9d9d9;
+    background: ${props => (props.$isEditing ? 'white' : '')};
+    border-radius: 5px;
+    height: 100%;
+    position: relative;
+    z-index: 1;
+`;
+function RichTextEditorInput({state, fieldValue, onFocus, onChange}) {
+    const {isEditing, editingValue} = fieldValue;
+    const _handleOnChange = (event, editor) => {
+        onChange(editor.getData());
+    };
+    const _handleOnFocus = (event, editor) => {
+        onFocus();
+    };
+    const configToolBar = {
+        toolbar: {
+            items: [
+                'undo',
+                'redo',
+                '|',
+                'heading',
+                '|',
+                'bold',
+                'italic',
+                '|',
+                'link',
+                'blockQuote',
+                'insertTable',
+                '|',
+                'bulletedList',
+                'numberedList',
+                'outdent',
+                'indent'
+            ]
+        }
+    };
+    return _jsx(
+        CkeditorComponent,
+        Object.assign(
+            {'data-testid': 'ckeditor', $isEditing: isEditing},
+            {
+                children: _jsx(CKEditor, {
+                    editor: InlineEditor,
+                    config: configToolBar,
+                    data: editingValue.toString(),
+                    onChange: _handleOnChange,
+                    onFocus: _handleOnFocus
+                })
+            }
+        )
+    );
+}
+export default RichTextEditorInput;
+//# sourceMappingURL=RichTextEditorInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/RichTextEditorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/RichTextEditorInput.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;kBAIzC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;;;;;CAK3D,CAAC;AAEF,SAAS,mBAAmB,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAsB;IACpF,MAAM,EAAC,SAAS,EAAE,YAAY,EAAC,GAAG,UAAU,CAAC;IAE7C,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QACtC,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QACrC,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QAClB,OAAO,EAAE;YACL,KAAK,EAAE;gBACH,MAAM;gBACN,MAAM;gBACN,GAAG;gBACH,SAAS;gBACT,GAAG;gBACH,MAAM;gBACN,QAAQ;gBACR,GAAG;gBACH,MAAM;gBACN,YAAY;gBACZ,aAAa;gBACb,GAAG;gBACH,cAAc;gBACd,cAAc;gBACd,SAAS;gBACT,QAAQ;aACX;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,KAAC,iBAAiB,iCAAa,UAAU,gBAAa,SAAS,gBAC3D,KAAC,QAAQ,IACL,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,EAC7B,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,GACzB,IACc,CACvB,CAAC;AACN,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/TextInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function TextInput({
+    state,
+    fieldValue,
+    onFocus,
+    onChange,
+    onPressEnter,
+    inputRef
+}: IStandardInputProps): JSX.Element;
+export default TextInput;

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/TextInput.js

@@ -0,0 +1,40 @@
+import {jsx as _jsx} from 'react/jsx-runtime';
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import {Input} from 'antd';
+import {useEffect} from 'react';
+function TextInput({state, fieldValue, onFocus, onChange, onPressEnter, inputRef}) {
+    const {isEditing, editingValue} = fieldValue;
+    useEffect(() => {
+        // Handle focusing via click on label (not standard focus via click on input)
+        if (isEditing) {
+            inputRef.current.focus();
+        }
+    }, [isEditing, inputRef]);
+    const _handleChange = e => {
+        onChange(e.target.value);
+    };
+    const _handleKeyPress = e => {
+        if (e.key === 'Enter') {
+            onPressEnter();
+        }
+    };
+    return _jsx(
+        Input,
+        {
+            ref: inputRef,
+            className: `field-wrapper ${editingValue ? 'has-value' : ''}`,
+            value: String(editingValue),
+            onFocus: onFocus,
+            onChange: _handleChange,
+            onKeyPress: _handleKeyPress,
+            disabled: state.isReadOnly,
+            allowClear: true,
+            autoFocus: true
+        },
+        'editing'
+    );
+}
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/TextInput.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAW,MAAM,MAAM,CAAC;AACrC,OAAO,EAAmB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,SAAS,SAAS,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAsB;IAClG,MAAM,EAAC,SAAS,EAAE,YAAY,EAAC,GAAG,UAAU,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACX,6EAA6E;QAC7E,IAAI,SAAS,EAAE;YACV,QAAuC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC5D;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE;QACxB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACnB,YAAY,EAAE,CAAC;SAClB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,IAEF,GAAG,EAAE,QAAsC,EAC3C,SAAS,EAAE,iBAAiB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,UAAU,QACV,SAAS,UATL,SAAS,CAUf,CACL,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/StandardFieldValue.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import {AnyPrimitive} from '@leav/utils';
+import {FieldScope} from '../../../../../../components/RecordEdition/EditRecord/_types';
+import {
+    IdValue,
+    IStandardFieldReducerState,
+    IStandardFieldValue,
+    StandardFieldDispatchFunc
+} from '../../../reducers/standardFieldReducer/standardFieldReducer';
+interface IStandardFieldValueProps {
+    value: IStandardFieldValue;
+    state: IStandardFieldReducerState;
+    dispatch: StandardFieldDispatchFunc;
+    onSubmit: (idValue: IdValue, value: AnyPrimitive) => void;
+    onDelete: (idValue: IdValue) => void;
+    onScopeChange: (scope: FieldScope) => void;
+}
+declare function StandardFieldValue({
+    value: fieldValue,
+    onSubmit,
+    onDelete,
+    onScopeChange,
+    state,
+    dispatch
+}: IStandardFieldValueProps): JSX.Element;
+export default StandardFieldValue;