react-frontend-common-components 0.0.72 → 0.0.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-frontend-common-components",
-  "version": "0.0.72",
+  "version": "0.0.73",
   "description": "Reusable frontend library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/app-input/app-input.tsx

@@ -29,6 +29,7 @@ interface AppInputProps extends InputProps {
   errorMessage?: string;
   suffixIcon?: React.ReactNode;
   prefixIcon?: React.ReactNode;
+  required?:boolean;
 }
 
 const AppInput = ({
@@ -50,6 +51,7 @@ const AppInput = ({
   errorMessage,
   suffixIcon,
   prefixIcon,
+  required,
   ...props
 }: AppInputProps) => {
   const inputRef = useRef<InputRef>(null);
@@ -76,7 +78,7 @@ const AppInput = ({
         onClick={onClick}
         defaultValue={defaultValue}
         onPressEnter={onPressEnter}
-        placeholder={placeholder}
+        placeholder={`${required ? placeholder + " (required)" : placeholder}`}
         ref={inputRef}
         prefix={prefixIcon && prefixIcon}
         suffix={suffixIcon && suffixIcon}

package/src/components/app-select/app-select.tsx

@@ -16,7 +16,7 @@ interface AppSelectProps extends SelectProps {
   required?: boolean;
   placeholder?: string;
   errorMessage?: string;
-  showSearch?:boolean;
+  showSearch?: boolean;
 }
 
 const AppSelect = ({
@@ -28,6 +28,7 @@ const AppSelect = ({
   className,
   errorMessage,
   showSearch,
+  required,
   ...props
 }: AppSelectProps) => {
   return (
@@ -37,7 +38,7 @@ const AppSelect = ({
         showSearch={showSearch}
         disabled={disabled}
         value={value}
-        placeholder={placeholder}
+        placeholder={`${required ? placeholder + " (required)" : placeholder}`}
         onChange={(value: string | string[]) =>
           handleChange && handleChange(value)
         }