nuudel-core 0.2.6 → 0.2.7
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.
|
@@ -8,5 +8,5 @@ declare type ITagsProps = {
|
|
|
8
8
|
variant: 'outlined' | 'standard' | 'filled';
|
|
9
9
|
onChange?(event: any, chips: any, reason?: any): void;
|
|
10
10
|
};
|
|
11
|
-
export declare const TagsInput: React.FC<ITagsProps
|
|
11
|
+
export declare const TagsInput: React.FC<ITagsProps & any>;
|
|
12
12
|
export default TagsInput;
|
|
@@ -10,14 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
}
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
exports.TagsInput = void 0;
|
|
15
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
const react_1 = __importDefault(require("react"));
|
|
16
20
|
const material_1 = require("@mui/material");
|
|
17
|
-
|
|
21
|
+
exports.TagsInput = react_1.default.forwardRef((_a, ref) => {
|
|
22
|
+
var props = __rest(_a, []);
|
|
18
23
|
const { required, label, variant, margin, disabled = false, placeholder, onChange } = props, prop = __rest(props, ["required", "label", "variant", "margin", "disabled", "placeholder", "onChange"]);
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({ options: [], fullWidth: true }, prop, { multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => ((0, jsx_runtime_1.jsx)(material_1.Chip, Object.assign({ variant: 'outlined', label: option, disabled: disabled }, getTagProps({ index })), void 0))), renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }), void 0)) }), void 0));
|
|
20
|
-
};
|
|
21
|
-
exports.TagsInput = TagsInput;
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({ options: [], fullWidth: true }, prop, { ref: ref, multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => ((0, jsx_runtime_1.jsx)(material_1.Chip, Object.assign({ variant: 'outlined', label: option, disabled: disabled }, getTagProps({ index })), void 0))), renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }), void 0)) }), void 0));
|
|
25
|
+
});
|
|
22
26
|
exports.default = exports.TagsInput;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVGFnc0lucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrREFBMEI7QUFDMUIsNENBTXVCO0FBWVYsUUFBQSxTQUFTLEdBQStCLGVBQUssQ0FBQyxVQUFVLENBR25FLENBQUMsRUFBWSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhCLEtBQUssY0FBVixFQUFZLENBQUY7SUFDWCxNQUFNLEVBQ0osUUFBUSxFQUNSLEtBQUssRUFDTCxPQUFPLEVBQ1AsTUFBTSxFQUNOLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFdBQVcsRUFDWCxRQUFRLEtBRU4sS0FBSyxFQURKLElBQUksVUFDTCxLQUFLLEVBVEgsaUZBU0wsQ0FBUSxDQUFDO0lBQ1YsT0FBTyxDQUNMLHVCQUFDLHVCQUFZLGtCQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsU0FBUyxVQUNMLElBQUksSUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsUUFDUixRQUFRLFFBQ1IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFFbEIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsVUFBVSxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQ2pDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUMzQix1QkFBQyxlQUFJLGtCQUNILE9BQU8sRUFBRSxVQUFVLEVBQ25CLEtBQUssRUFBRSxNQUFNLEVBQ2IsUUFBUSxFQUFFLFFBQVEsSUFDZCxXQUFXLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxVQUMxQixDQUNILENBQUMsRUFFSixXQUFXLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQ3ZCLHVCQUFDLG9CQUFTLG9CQUNKLE1BQU0sSUFDVixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLFdBQVcsWUFDeEIsQ0FDSCxZQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDO0FBRUgsa0JBQWUsaUJBQVMsQ0FBQyJ9
|
|
@@ -8,5 +8,5 @@ declare type ITagsProps = {
|
|
|
8
8
|
variant: 'outlined' | 'standard' | 'filled';
|
|
9
9
|
onChange?(event: any, chips: any, reason?: any): void;
|
|
10
10
|
};
|
|
11
|
-
export declare const TagsInput: React.FC<ITagsProps
|
|
11
|
+
export declare const TagsInput: React.FC<ITagsProps & any>;
|
|
12
12
|
export default TagsInput;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { Autocomplete, Chip, TextField, } from '@mui/material';
|
|
3
|
-
export const TagsInput = (props) => {
|
|
4
|
+
export const TagsInput = React.forwardRef(({ ...props }, ref) => {
|
|
4
5
|
const { required, label, variant, margin, disabled = false, placeholder, onChange, ...prop } = props;
|
|
5
|
-
return (_jsx(Autocomplete, { options: [], fullWidth: true, ...prop, multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => (_jsx(Chip, { variant: 'outlined', label: option, disabled: disabled, ...getTagProps({ index }) }, void 0))), renderInput: (params) => (_jsx(TextField, { ...params, required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }, void 0)) }, void 0));
|
|
6
|
-
};
|
|
6
|
+
return (_jsx(Autocomplete, { options: [], fullWidth: true, ...prop, ref: ref, multiple: true, freeSolo: true, onChange: onChange, readOnly: disabled, placeholder: placeholder, renderTags: (value, getTagProps) => value.map((option, index) => (_jsx(Chip, { variant: 'outlined', label: option, disabled: disabled, ...getTagProps({ index }) }, void 0))), renderInput: (params) => (_jsx(TextField, { ...params, required: required, label: label, variant: variant, margin: margin, disabled: disabled, placeholder: placeholder }, void 0)) }, void 0));
|
|
7
|
+
});
|
|
7
8
|
export default TagsInput;
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVGFnc0lucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxZQUFZLEVBQ1osSUFBSSxFQUNKLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQVl2QixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQStCLEtBQUssQ0FBQyxVQUFVLENBR25FLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ3RCLE1BQU0sRUFDSixRQUFRLEVBQ1IsS0FBSyxFQUNMLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxHQUFHLEtBQUssRUFDaEIsV0FBVyxFQUNYLFFBQVEsRUFDUixHQUFHLElBQUksRUFDUixHQUFHLEtBQUssQ0FBQztJQUNWLE9BQU8sQ0FDTCxLQUFDLFlBQVksSUFDWCxPQUFPLEVBQUUsRUFBRSxFQUNYLFNBQVMsV0FDTCxJQUFJLEVBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixRQUFRLFFBQ1IsUUFBUSxRQUNSLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBRWxCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFVBQVUsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUNqQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDM0IsS0FBQyxJQUFJLElBQ0gsT0FBTyxFQUFFLFVBQVUsRUFDbkIsS0FBSyxFQUFFLE1BQU0sRUFDYixRQUFRLEVBQUUsUUFBUSxLQUNkLFdBQVcsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLFdBQzFCLENBQ0gsQ0FBQyxFQUVKLFdBQVcsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FDdkIsS0FBQyxTQUFTLE9BQ0osTUFBTSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsUUFBUSxFQUNsQixXQUFXLEVBQUUsV0FBVyxXQUN4QixDQUNILFdBQ0QsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxlQUFlLFNBQVMsQ0FBQyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuudel-core",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.7",
|
|
4
4
|
"description": "Web components for react with material UI",
|
|
5
5
|
"main": "build/main/index.js",
|
|
6
6
|
"typings": "build/main/index.d.ts",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"graphql-2-json-schema": "0.2.0",
|
|
66
66
|
"i18next": "^21.10.0",
|
|
67
67
|
"next-with-apollo": "^5.3.0",
|
|
68
|
-
"nuudel-utils": "^0.1.
|
|
68
|
+
"nuudel-utils": "^0.1.70",
|
|
69
69
|
"pica": "^9.0.1",
|
|
70
70
|
"react-colorful": "^5.6.1",
|
|
71
71
|
"react-device-detect": "^2.1.2",
|