chore: Update package.json version to 1.0.190

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.189",
+  "version": "1.0.190",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

src/Components/AddSocialPlatform/AddSocialPlatform.stories.tsx

@@ -9,6 +9,10 @@ export default {
 };
 
 const SOCIAL_PLATFORMS = [
+  {
+    name: "Website",
+    url: ""
+  },
   {
     name: "Github",
     url: "github.com/"
@@ -73,11 +77,6 @@ export const Default = () => {
       <AddSocialPlatform
         platforms={SOCIAL_PLATFORMS}
         onAdd={data => console.log(data)}
-        valueProps={{
-          name: "cool",
-          label: "Story",
-          hint: "Username, a slug or a handle. Different platforms call it differently. Do not include the base URL."
-        }}
       />
     </div>
   );

src/Components/AddSocialPlatform/constant.ts

@@ -0,0 +1,16 @@
+export const schema = {
+  type: "object",
+  properties: {
+    platform: {
+      type: "string",
+      minLength: 1,
+      errorMessage: "Please select a platform"
+    },
+    url: {
+      type: "string",
+      minLength: 1,
+      errorMessage: "Please enter a username"
+    }
+  },
+  required: ["platform", "url"]
+};

src/Components/AddSocialPlatform/index.tsx

@@ -4,38 +4,20 @@ import { FC } from "react";
 import Button from "Components/Button";
 import { Input, Select } from "Components/Inputs";
 
+import { schema } from "./constant";
 import { IAddSocialPlatformProps } from "./types";
+import { getValueHint, getValueLabel } from "./utils";
 
 const AddSocialPlatform: FC<IAddSocialPlatformProps> = ({
   onAdd,
-  platforms,
-  valueProps = {
-    name: "",
-    label: "",
-    hint: ""
-  }
+  platforms
 }) => {
   const form = useAJVForm(
     {
       platform: "",
       url: ""
     },
-    {
-      type: "object",
-      properties: {
-        platform: {
-          type: "string",
-          minLength: 1,
-          errorMessage: "Please select a platform"
-        },
-        url: {
-          type: "string",
-          minLength: 1,
-          errorMessage: "Please enter a username"
-        }
-      },
-      required: ["platform", "url"]
-    }
+    schema
   );
 
   return (
@@ -54,7 +36,9 @@ const AddSocialPlatform: FC<IAddSocialPlatformProps> = ({
       />
       <div className='yl-col-span-5'>
         <Input
-          {...valueProps}
+          name='url'
+          label={getValueLabel(form.state.platform.value)}
+          hint={getValueHint(form.state.platform.value)}
           value={form.state.url.value}
           error={form.state.url.error}
           onChange={form.set}

src/Components/AddSocialPlatform/types.ts

@@ -1,9 +1,4 @@
 export interface IAddSocialPlatformProps {
   platforms: { name: string; url: string }[];
   onAdd: (data: Record<string, string>) => void;
-  valueProps?: {
-    name: string;
-    label: string;
-    hint?: string;
-  };
 }

src/Components/AddSocialPlatform/utils.ts

@@ -0,0 +1,15 @@
+export const getValueHint = (platform: string): string => {
+  if (platform === "Website") {
+    return "The URL of your website. Include the protocol (http:// or https://).";
+  }
+
+  return "Username, a slug or a handle. Different platforms call it differently. Do not include the base URL.";
+};
+
+export const getValueLabel = (platform: string): string => {
+  if (platform === "Website") {
+    return "URL";
+  }
+
+  return "Username";
+};