@manuscripts/style-guide 2.0.29-LEAN-4077.3 → 2.0.29-LEAN-4077.5

package/dist/cjs/components/MultiValueInput.js

@@ -102,7 +102,7 @@ const Input = styled_components_1.default.input `
 
   &::-moz-appearance: textfield;
 `;
-const MultiValueInput = ({ inputType, initialValues = [], onChange, }) => {
+const MultiValueInput = ({ inputType, placeholder = '', initialValues = [], onChange, }) => {
     const [values, setValues] = (0, react_1.useState)(initialValues);
     const [currentValue, setCurrentValue] = (0, react_1.useState)('');
     const handleAddValue = (e) => {
@@ -130,10 +130,15 @@ const MultiValueInput = ({ inputType, initialValues = [], onChange, }) => {
         setValues(updatedValues);
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedValues);
     };
+    const xplaceholder = placeholder
+        ? placeholder
+        : inputType === 'number'
+            ? 'Enter number and press enter'
+            : 'Enter text and press enter';
     return (react_1.default.createElement(Container, null,
         values.map((value, index) => (react_1.default.createElement(Chip, { key: index },
             value,
             react_1.default.createElement(RemoveButton, { onMouseUp: () => handleRemoveValue(index) }, "\u00D7")))),
-        react_1.default.createElement(Input, { type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleAddValue, placeholder: inputType === 'number' ? 'Enter number' : 'Enter text' })));
+        react_1.default.createElement(Input, { type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleAddValue, placeholder: xplaceholder })));
 };
 exports.MultiValueInput = MultiValueInput;

package/dist/es/components/MultiValueInput.js

@@ -73,7 +73,7 @@ const Input = styled.input `
 
   &::-moz-appearance: textfield;
 `;
-export const MultiValueInput = ({ inputType, initialValues = [], onChange, }) => {
+export const MultiValueInput = ({ inputType, placeholder = '', initialValues = [], onChange, }) => {
     const [values, setValues] = useState(initialValues);
     const [currentValue, setCurrentValue] = useState('');
     const handleAddValue = (e) => {
@@ -101,9 +101,14 @@ export const MultiValueInput = ({ inputType, initialValues = [], onChange, }) =>
         setValues(updatedValues);
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedValues);
     };
+    const xplaceholder = placeholder
+        ? placeholder
+        : inputType === 'number'
+            ? 'Enter number and press enter'
+            : 'Enter text and press enter';
     return (React.createElement(Container, null,
         values.map((value, index) => (React.createElement(Chip, { key: index },
             value,
             React.createElement(RemoveButton, { onMouseUp: () => handleRemoveValue(index) }, "\u00D7")))),
-        React.createElement(Input, { type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleAddValue, placeholder: inputType === 'number' ? 'Enter number' : 'Enter text' })));
+        React.createElement(Input, { type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleAddValue, placeholder: xplaceholder })));
 };

package/dist/types/components/MultiValueInput.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface MultiValueInputProps {
     inputType: 'text' | 'number';
+    placeholder: string;
     initialValues?: string[];
     onChange?: (values: string[]) => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.0.29-LEAN-4077.3",
+  "version": "2.0.29-LEAN-4077.5",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",