IBX-10141: Add new icon names for IncludedIcon component

src/bundle/ui-dev/src/modules/common/icon/inculdedIcon.js

@@ -1,103 +1,135 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import About from '@ids-assets/img/icons/info-square.svg';
-import AboutInfo from '@ids-assets/img/icons/help.svg';
-import Approved from '@ids-assets/img/icons/check-circle.svg';
-import Article from '@ids-assets/img/icons/file-text.svg';
-import Back from '@ids-assets/img/icons/arrow-left.svg';
-import Blog from '@ids-assets/img/icons/app-blog.svg';
-import BlogPost from '@ids-assets/img/icons/note-blog.svg';
-import CaretDown from '@ids-assets/img/icons/arrow-chevron-down.svg';
-import CaretUp from '@ids-assets/img/icons/arrow-chevron-up.svg';
-import CircleClose from '@ids-assets/img/icons/discard-circle.svg';
-import Create from '@ids-assets/img/icons/add.svg';
-import Checkmark from '@ids-assets/img/icons/form-check.svg';
+import Add from '@ids-assets/img/icons/add.svg';
+import AlertError from '@ids-assets/img/icons/alert-error.svg';
+import AlertWarning from '@ids-assets/img/icons/alert-warning.svg';
+import AppBlog from '@ids-assets/img/icons/app-blog.svg';
+import ArrowChevronDown from '@ids-assets/img/icons/arrow-chevron-down.svg';
+import ArrowChevronUp from '@ids-assets/img/icons/arrow-chevron-up.svg';
+import ArrowExpandLeft from '@ids-assets/img/icons/arrow-expand-left.svg';
+import ArrowLeft from '@ids-assets/img/icons/arrow-left.svg';
+import ArrowRotate from '@ids-assets/img/icons/arrow-rotate.svg';
+import Calendar from '@ids-assets/img/icons/calendar.svg';
+import CheckCircle from '@ids-assets/img/icons/check-circle.svg';
 import ContentTree from '@ids-assets/img/icons/content-tree.svg';
-import Date from '@ids-assets/img/icons/calendar.svg';
 import Discard from '@ids-assets/img/icons/discard.svg';
-import Drag from '@ids-assets/img/icons/drag.svg';
+import DiscardCircle from '@ids-assets/img/icons/discard-circle.svg';
 import Download from '@ids-assets/img/icons/download.svg';
+import Drag from '@ids-assets/img/icons/drag.svg';
 import Duplicate from '@ids-assets/img/icons/duplicate.svg';
 import Edit from '@ids-assets/img/icons/edit.svg';
-import ExpandLeft from '@ids-assets/img/icons/arrow-expand-left.svg';
-import Fields from '@ids-assets/img/icons/form-input.svg';
 import File from '@ids-assets/img/icons/file.svg';
+import FileText from '@ids-assets/img/icons/file-text.svg';
 import Filters from '@ids-assets/img/icons/filters.svg';
 import Folder from '@ids-assets/img/icons/folder.svg';
-import Form from '@ids-assets/img/icons/form-check-square.svg';
-import Gallery from '@ids-assets/img/icons/image-gallery.svg';
+import FormCheck from '@ids-assets/img/icons/form-check.svg';
+import FormCheckSquare from '@ids-assets/img/icons/form-check-square.svg';
+import FormInput from '@ids-assets/img/icons/form-input.svg';
+import Help from '@ids-assets/img/icons/help.svg';
 import Image from '@ids-assets/img/icons/image.svg';
-import LandingPage from '@ids-assets/img/icons/layout-navbar.svg';
-import Notice from '@ids-assets/img/icons/alert-error.svg';
-import Options from '@ids-assets/img/icons/more.svg';
-import Place from '@ids-assets/img/icons/pin-location.svg';
+import ImageGallery from '@ids-assets/img/icons/image-gallery.svg';
+import ImageUpload from '@ids-assets/img/icons/image-upload.svg';
+import InfoCircle from '@ids-assets/img/icons/info-circle.svg';
+import InfoSquare from '@ids-assets/img/icons/info-square.svg';
+import LayoutNavbar from '@ids-assets/img/icons/layout-navbar.svg';
+import More from '@ids-assets/img/icons/more.svg';
+import NoteBlog from '@ids-assets/img/icons/note-blog.svg';
+import PinLocation from '@ids-assets/img/icons/pin-location.svg';
 import Product from '@ids-assets/img/icons/product.svg';
-import QaForm from '@ids-assets/img/icons/qa-form-check.svg';
+import QaFormCheck from '@ids-assets/img/icons/qa-form-check.svg';
 import Search from '@ids-assets/img/icons/search.svg';
-import Spinner from '@ids-assets/img/icons/arrow-rotate.svg';
-import SystemInformation from '@ids-assets/img/icons/info-circle.svg';
 import Trash from '@ids-assets/img/icons/trash.svg';
-import Video from '@ids-assets/img/icons/video-play.svg';
-import View from '@ids-assets/img/icons/visibility.svg';
-import ViewGrid from '@ids-assets/img/icons/view-grid.svg';
-import ViewList from '@ids-assets/img/icons/view-list.svg';
+import Upload from '@ids-assets/img/icons/upload.svg';
 import User from '@ids-assets/img/icons/user.svg';
 import UserGroup from '@ids-assets/img/icons/user-group.svg';
-import Upload from '@ids-assets/img/icons/upload.svg';
-import UploadImage from '@ids-assets/img/icons/image-upload.svg';
-import Warning from '@ids-assets/img/icons/alert-warning.svg';
+import VideoPlay from '@ids-assets/img/icons/video-play.svg';
+import ViewGrid from '@ids-assets/img/icons/view-grid.svg';
+import ViewList from '@ids-assets/img/icons/view-list.svg';
+import Visibility from '@ids-assets/img/icons/visibility.svg';
+
+const bcIconsMap = {
+    about: InfoSquare,
+    'about-info': Help,
+    approved: CheckCircle,
+    article: FileText,
+    back: ArrowLeft,
+    blog_post: NoteBlog,
+    blog: AppBlog,
+    'caret-down': ArrowChevronDown,
+    'caret-up': ArrowChevronUp,
+    checkmark: FormCheck,
+    'circle-close': DiscardCircle,
+    create: Add,
+    date: Calendar,
+    'expand-left': ArrowExpandLeft,
+    fields: FormInput,
+    form: FormCheckSquare,
+    gallery: ImageGallery,
+    landing_page: LayoutNavbar,
+    notice: AlertError,
+    options: More,
+    place: PinLocation,
+    'qa-form': QaFormCheck,
+    spinner: ArrowRotate,
+    'system-information': InfoCircle,
+    'upload-image': ImageUpload,
+    video: VideoPlay,
+    view: Visibility,
+    warning: AlertWarning,
+};
 
 const iconsMap = {
-    about: About,
-    'about-info': AboutInfo,
-    approved: Approved,
-    article: Article,
-    back: Back,
-    blog: Blog,
-    blog_post: BlogPost,
-    'caret-down': CaretDown,
-    'caret-up': CaretUp,
-    'circle-close': CircleClose,
-    create: Create,
-    checkmark: Checkmark,
+    ...bcIconsMap,
+    add: Add,
+    'alert-error': AlertError,
+    'alert-warning': AlertWarning,
+    'app-blog': AppBlog,
+    'arrow-chevron-down': ArrowChevronDown,
+    'arrow-chevron-up': ArrowChevronUp,
+    'arrow-expand-left': ArrowExpandLeft,
+    'arrow-left': ArrowLeft,
+    'arrow-rotate': ArrowRotate,
+    calendar: Calendar,
+    'check-circle': CheckCircle,
     'content-tree': ContentTree,
-    date: Date,
     discard: Discard,
-    drag: Drag,
+    'discard-circle': DiscardCircle,
     download: Download,
+    drag: Drag,
     duplicate: Duplicate,
-    'expand-left': ExpandLeft,
     edit: Edit,
     file: File,
+    'file-text': FileText,
     filters: Filters,
-    fields: Fields,
     folder: Folder,
-    form: Form,
-    gallery: Gallery,
+    'form-check-square': FormCheckSquare,
+    'form-check': FormCheck,
+    'form-input': FormInput,
+    help: Help,
     image: Image,
-    landing_page: LandingPage,
-    notice: Notice,
-    options: Options,
-    place: Place,
+    'image-gallery': ImageGallery,
+    'image-upload': ImageUpload,
+    'info-circle': InfoCircle,
+    'info-square': InfoSquare,
+    'layout-navbar': LayoutNavbar,
+    more: More,
+    'note-blog': NoteBlog,
+    'pin-location': PinLocation,
     product: Product,
-    'qa-form': QaForm,
+    'qa-form-check': QaFormCheck,
     search: Search,
-    spinner: Spinner,
-    'system-information': SystemInformation,
     trash: Trash,
-    video: Video,
-    view: View,
+    upload: Upload,
+    user_group: UserGroup,
+    user: User,
+    'video-play': VideoPlay,
     'view-grid': ViewGrid,
     'view-list': ViewList,
-    user: User,
-    user_group: UserGroup,
-    upload: Upload,
-    'upload-image': UploadImage,
-    warning: Warning,
+    visibility: Visibility,
 };
 
-const InculdedIcon = ({ name = 'about-info', cssClass = '', defaultIconName = 'about-info' }) => {
+const InculdedIcon = ({ name = 'help', cssClass = '', defaultIconName = 'help' }) => {
     const IconComponent = iconsMap[name] ?? iconsMap[defaultIconName];
 
     return <IconComponent className={cssClass} />;