npm - @antscorp/antsomi-ui - Versions diffs - 1.3.2 → 1.3.3 - Mend

@antscorp/antsomi-ui 1.3.2 → 1.3.3

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.

Files changed (1010) hide show

package/es/components/molecules/IconSelection/constants.js ADDED Viewed

@@ -0,0 +1,89 @@
+var _a, _b, _c, _d;
+import { AddShoppingCart, DesktopWindows, FactCheck, HighlightAlt, Payment, RemoveShoppingCart, ShoppingBag, ShoppingCart, Store, WebAsset, List, ConfirmationNumber, Search, PhoneCallback, Call, HowToReg, ChatBubbleOutline, PersonAddDisabled, AssignmentInd, AccountCircle, NotificationsActive, RemoveRedEye, MobileFriendly, Category, Redeem, Preview, Interactive, Web, LocalMallIcon, } from '@antscorp/antsomi-ui/es/components/icons';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const CUS_ICON_MAPPING = {
+    highlight_alt: HighlightAlt,
+    desktop_windows: DesktopWindows,
+    add_shopping_cart: AddShoppingCart,
+    remove_shopping_cart: RemoveShoppingCart,
+    shopping_cart: ShoppingCart,
+    fact_check: FactCheck,
+    payment: Payment,
+    shopping_bag: ShoppingBag,
+    store: Store,
+    web_asset: WebAsset,
+    search: Search,
+    list: List,
+    confirmation_number: ConfirmationNumber,
+    phone_callback: PhoneCallback,
+    call: Call,
+    how_to_reg: HowToReg,
+    chat_bubble_outline: ChatBubbleOutline,
+    person_add_disabled: PersonAddDisabled,
+    assignment_ind: AssignmentInd,
+    account_circle: AccountCircle,
+    notifications_active: NotificationsActive,
+    remove_red_eye: RemoveRedEye,
+    mobile_friendly: MobileFriendly,
+    category: Category,
+    redeem: Redeem,
+    preview: Preview,
+    interactive: Interactive,
+    web: Web,
+    local_mall: LocalMallIcon,
+};
+export const ANTD_ICONS = 'StepBackwardOutlined|StepForwardOutlined|FastBackwardOutlined|FastForwardOutlined|ShrinkOutlined|ArrowsAltOutlined|DownOutlined|UpOutlined|LeftOutlined|RightOutlined|CaretUpOutlined|CaretDownOutlined|CaretLeftOutlined|CaretRightOutlined|UpCircleOutlined|DownCircleOutlined|LeftCircleOutlined|RightCircleOutlined|DoubleRightOutlined|DoubleLeftOutlined|VerticalLeftOutlined|VerticalRightOutlined|VerticalAlignTopOutlined|VerticalAlignMiddleOutlined|VerticalAlignBottomOutlined|ForwardOutlined|BackwardOutlined|RollbackOutlined|EnterOutlined|RetweetOutlined|SwapOutlined|SwapLeftOutlined|SwapRightOutlined|ArrowUpOutlined|ArrowDownOutlined|ArrowLeftOutlined|ArrowRightOutlined|PlayCircleOutlined|UpSquareOutlined|DownSquareOutlined|LeftSquareOutlined|RightSquareOutlined|LoginOutlined|LogoutOutlined|MenuFoldOutlined|MenuUnfoldOutlined|BorderBottomOutlined|BorderHorizontalOutlined|BorderInnerOutlined|BorderOuterOutlined|BorderLeftOutlined|BorderRightOutlined|BorderTopOutlined|BorderVerticleOutlined|PicCenterOutlined|PicLeftOutlined|PicRightOutlined|RadiusBottomleftOutlined|RadiusBottomrightOutlined|RadiusUpleftOutlined|RadiusUprightOutlined|FullscreenOutlined|FullscreenExitOutlined|QuestionOutlined|QuestionCircleOutlined|PlusOutlined|PlusCircleOutlined|PauseOutlined|PauseCircleOutlined|MinusOutlined|MinusCircleOutlined|PlusSquareOutlined|MinusSquareOutlined|InfoOutlined|InfoCircleOutlined|ExclamationOutlined|ExclamationCircleOutlined|CloseOutlined|CloseCircleOutlined|CloseSquareOutlined|CheckOutlined|CheckCircleOutlined|CheckSquareOutlined|ClockCircleOutlined|WarningOutlined|IssuesCloseOutlined|StopOutlined|EditOutlined|FormOutlined|CopyOutlined|ScissorOutlined|DeleteOutlined|SnippetsOutlined|DiffOutlined|HighlightOutlined|AlignCenterOutlined|AlignLeftOutlined|AlignRightOutlined|BgColorsOutlined|BoldOutlined|ItalicOutlined|UnderlineOutlined|StrikethroughOutlined|RedoOutlined|UndoOutlined|ZoomInOutlined|ZoomOutOutlined|FontColorsOutlined|FontSizeOutlined|LineHeightOutlined|DashOutlined|SmallDashOutlined|SortAscendingOutlined|SortDescendingOutlined|DragOutlined|OrderedListOutlined|UnorderedListOutlined|RadiusSettingOutlined|ColumnWidthOutlined|ColumnHeightOutlined|AreaChartOutlined|PieChartOutlined|BarChartOutlined|DotChartOutlined|LineChartOutlined|RadarChartOutlined|HeatMapOutlined|FallOutlined|RiseOutlined|StockOutlined|BoxPlotOutlined|FundOutlined|SlidersOutlined|AndroidOutlined|AppleOutlined|WindowsOutlined|IeOutlined|ChromeOutlined|GithubOutlined|AliwangwangOutlined|DingdingOutlined|WeiboSquareOutlined|WeiboCircleOutlined|TaobaoCircleOutlined|Html5Outlined|WeiboOutlined|TwitterOutlined|WechatOutlined|YoutubeOutlined|AlipayCircleOutlined|TaobaoOutlined|SkypeOutlined|QqOutlined|MediumWorkmarkOutlined|GitlabOutlined|MediumOutlined|LinkedinOutlined|GooglePlusOutlined|DropboxOutlined|FacebookOutlined|CodepenOutlined|CodeSandboxOutlined|AmazonOutlined|GoogleOutlined|CodepenCircleOutlined|AlipayOutlined|AntDesignOutlined|AntCloudOutlined|AliyunOutlined|ZhihuOutlined|SlackOutlined|SlackSquareOutlined|BehanceOutlined|BehanceSquareOutlined|DribbbleOutlined|DribbbleSquareOutlined|InstagramOutlined|YuqueOutlined|AlibabaOutlined|YahooOutlined|RedditOutlined|SketchOutlined|AccountBookOutlined|AimOutlined|AlertOutlined|ApartmentOutlined|ApiOutlined|AppstoreAddOutlined|AppstoreOutlined|AudioOutlined|AudioMutedOutlined|AuditOutlined|BankOutlined|BarcodeOutlined|BarsOutlined|BellOutlined|BlockOutlined|BookOutlined|BorderOutlined|BorderlessTableOutlined|BranchesOutlined|BugOutlined|BuildOutlined|BulbOutlined|CalculatorOutlined|CalendarOutlined|CameraOutlined|CarOutlined|CarryOutOutlined|CiCircleOutlined|CiOutlined|ClearOutlined|CloudDownloadOutlined|CloudOutlined|CloudServerOutlined|CloudSyncOutlined|CloudUploadOutlined|ClusterOutlined|CodeOutlined|CoffeeOutlined|CommentOutlined|CompassOutlined|CompressOutlined|ConsoleSqlOutlined|ContactsOutlined|ContainerOutlined|ControlOutlined|CopyrightOutlined|CreditCardOutlined|CrownOutlined|CustomerServiceOutlined|DashboardOutlined|DatabaseOutlined|DeleteColumnOutlined|DeleteRowOutlined|DeliveredProcedureOutlined|DeploymentUnitOutlined|DesktopOutlined|DingtalkOutlined|DisconnectOutlined|DislikeOutlined|DollarCircleOutlined|DollarOutlined|DownloadOutlined|EllipsisOutlined|EnvironmentOutlined|EuroCircleOutlined|EuroOutlined|ExceptionOutlined|ExpandAltOutlined|ExpandOutlined|ExperimentOutlined|ExportOutlined|EyeOutlined|EyeInvisibleOutlined|FieldBinaryOutlined|FieldNumberOutlined|FieldStringOutlined|FieldTimeOutlined|FileAddOutlined|FileDoneOutlined|FileExcelOutlined|FileExclamationOutlined|FileOutlined|FileGifOutlined|FileImageOutlined|FileJpgOutlined|FileMarkdownOutlined|FilePdfOutlined|FilePptOutlined|FileProtectOutlined|FileSearchOutlined|FileSyncOutlined|FileTextOutlined|FileUnknownOutlined|FileWordOutlined|FileZipOutlined|FilterOutlined|FireOutlined|FlagOutlined|FolderAddOutlined|FolderOutlined|FolderOpenOutlined|FolderViewOutlined|ForkOutlined|FormatPainterOutlined|FrownOutlined|FunctionOutlined|FundProjectionScreenOutlined|FundViewOutlined|FunnelPlotOutlined|GatewayOutlined|GifOutlined|GiftOutlined|GlobalOutlined|GoldOutlined|GroupOutlined|HddOutlined|HeartOutlined|HistoryOutlined|HolderOutlined|HomeOutlined|HourglassOutlined|IdcardOutlined|ImportOutlined|InboxOutlined|InsertRowAboveOutlined|InsertRowBelowOutlined|InsertRowLeftOutlined|InsertRowRightOutlined|InsuranceOutlined|InteractionOutlined|KeyOutlined|LaptopOutlined|LayoutOutlined|LikeOutlined|LineOutlined|LinkOutlined|Loading3QuartersOutlined|LoadingOutlined|LockOutlined|MacCommandOutlined|MailOutlined|ManOutlined|MedicineBoxOutlined|MehOutlined|MenuOutlined|MergeCellsOutlined|MessageOutlined|MobileOutlined|MoneyCollectOutlined|MonitorOutlined|MoreOutlined|NodeCollapseOutlined|NodeExpandOutlined|NodeIndexOutlined|NotificationOutlined|NumberOutlined|OneToOneOutlined|PaperClipOutlined|PartitionOutlined|PayCircleOutlined|PercentageOutlined|PhoneOutlined|PictureOutlined|PlaySquareOutlined|PoundCircleOutlined|PoundOutlined|PoweroffOutlined|PrinterOutlined|ProfileOutlined|ProjectOutlined|PropertySafetyOutlined|PullRequestOutlined|PushpinOutlined|QrcodeOutlined|ReadOutlined|ReconciliationOutlined|RedEnvelopeOutlined|ReloadOutlined|RestOutlined|RobotOutlined|RocketOutlined|RotateLeftOutlined|RotateRightOutlined|SafetyCertificateOutlined|SafetyOutlined|SaveOutlined|ScanOutlined|ScheduleOutlined|SearchOutlined|SecurityScanOutlined|SelectOutlined|SendOutlined|SettingOutlined|ShakeOutlined|ShareAltOutlined|ShopOutlined|ShoppingCartOutlined|ShoppingOutlined|SisternodeOutlined|SkinOutlined|SmileOutlined|SolutionOutlined|SoundOutlined|SplitCellsOutlined|StarOutlined|SubnodeOutlined|SwitcherOutlined|SyncOutlined|TableOutlined|TabletOutlined|TagOutlined|TagsOutlined|TeamOutlined|ThunderboltOutlined|ToTopOutlined|ToolOutlined|TrademarkCircleOutlined|TrademarkOutlined|TransactionOutlined|TranslationOutlined|TrophyOutlined|UngroupOutlined|UnlockOutlined|UploadOutlined|UsbOutlined|UserAddOutlined|UserDeleteOutlined|UserOutlined|UserSwitchOutlined|UsergroupAddOutlined|UsergroupDeleteOutlined|VerifiedOutlined|VideoCameraAddOutlined|VideoCameraOutlined|WalletOutlined|WhatsAppOutlined|WifiOutlined|WomanOutlined|StepBackwardFilled|StepForwardFilled|FastBackwardFilled|FastForwardFilled|CaretUpFilled|CaretDownFilled|CaretLeftFilled|CaretRightFilled|UpCircleFilled|DownCircleFilled|LeftCircleFilled|RightCircleFilled|ForwardFilled|BackwardFilled|PlayCircleFilled|UpSquareFilled|DownSquareFilled|LeftSquareFilled|RightSquareFilled|QuestionCircleFilled|PlusCircleFilled|PauseCircleFilled|MinusCircleFilled|PlusSquareFilled|MinusSquareFilled|InfoCircleFilled|ExclamationCircleFilled|CloseCircleFilled|CloseSquareFilled|CheckCircleFilled|CheckSquareFilled|ClockCircleFilled|WarningFilled|StopFilled|EditFilled|CopyFilled|DeleteFilled|SnippetsFilled|DiffFilled|HighlightFilled|PieChartFilled|BoxPlotFilled|FundFilled|SlidersFilled|AndroidFilled|AppleFilled|WindowsFilled|ChromeFilled|GithubFilled|AliwangwangFilled|WeiboSquareFilled|WeiboCircleFilled|TaobaoCircleFilled|Html5Filled|WechatFilled|YoutubeFilled|AlipayCircleFilled|SkypeFilled|GitlabFilled|LinkedinFilled|FacebookFilled|CodeSandboxCircleFilled|CodepenCircleFilled|SlackSquareFilled|BehanceSquareFilled|DribbbleSquareFilled|InstagramFilled|YuqueFilled|YahooFilled|AccountBookFilled|AlertFilled|AlipaySquareFilled|AmazonCircleFilled|AmazonSquareFilled|ApiFilled|AppstoreFilled|AudioFilled|BankFilled|BehanceCircleFilled|BellFilled|BookFilled|BugFilled|BuildFilled|BulbFilled|CalculatorFilled|CalendarFilled|CameraFilled|CarFilled|CarryOutFilled|CiCircleFilled|CloudFilled|CodeFilled|CodeSandboxSquareFilled|CodepenSquareFilled|CompassFilled|ContactsFilled|ContainerFilled|ControlFilled|CreditCardFilled|CrownFilled|CustomerServiceFilled|DashboardFilled|DatabaseFilled|DingtalkCircleFilled|DingtalkSquareFilled|DislikeFilled|DollarCircleFilled|DribbbleCircleFilled|DropboxCircleFilled|DropboxSquareFilled|EnvironmentFilled|EuroCircleFilled|ExperimentFilled|EyeFilled|EyeInvisibleFilled|FileAddFilled|FileExcelFilled|FileExclamationFilled|FileFilled|FileImageFilled|FileMarkdownFilled|FilePdfFilled|FilePptFilled|FileTextFilled|FileUnknownFilled|FileWordFilled|FileZipFilled|FilterFilled|FireFilled|FlagFilled|FolderAddFilled|FolderFilled|FolderOpenFilled|FormatPainterFilled|FrownFilled|FunnelPlotFilled|GiftFilled|GoldFilled|GoldenFilled|GoogleCircleFilled|GooglePlusCircleFilled|GooglePlusSquareFilled|GoogleSquareFilled|HddFilled|HeartFilled|HomeFilled|HourglassFilled|IdcardFilled|IeCircleFilled|IeSquareFilled|InsuranceFilled|InteractionFilled|LayoutFilled|LikeFilled|LockFilled|MacCommandFilled|MailFilled|MedicineBoxFilled|MediumCircleFilled|MediumSquareFilled|MehFilled|MessageFilled|MobileFilled|MoneyCollectFilled|NotificationFilled|PayCircleFilled|PhoneFilled|PictureFilled|PlaySquareFilled|PoundCircleFilled|PrinterFilled|ProfileFilled|ProjectFilled|PropertySafetyFilled|PushpinFilled|QqCircleFilled|QqSquareFilled|ReadFilled|ReconciliationFilled|RedEnvelopeFilled|RedditCircleFilled|RedditSquareFilled|RestFilled|RobotFilled|RocketFilled|SafetyCertificateFilled|SaveFilled|ScheduleFilled|SecurityScanFilled|SettingFilled|ShopFilled|ShoppingFilled|SignalFilled|SketchCircleFilled|SketchSquareFilled|SkinFilled|SlackCircleFilled|SmileFilled|SoundFilled|StarFilled|SwitcherFilled|TabletFilled|TagFilled|TagsFilled|TaobaoSquareFilled|ThunderboltFilled|ToolFilled|TrademarkCircleFilled|TrophyFilled|TwitterCircleFilled|TwitterSquareFilled|UnlockFilled|UsbFilled|VideoCameraFilled|WalletFilled|ZhihuCircleFilled|ZhihuSquareFilled|UpCircleTwoTone|DownCircleTwoTone|LeftCircleTwoTone|RightCircleTwoTone|PlayCircleTwoTone|UpSquareTwoTone|DownSquareTwoTone|LeftSquareTwoTone|RightSquareTwoTone|QuestionCircleTwoTone|PlusCircleTwoTone|PauseCircleTwoTone|MinusCircleTwoTone|PlusSquareTwoTone|MinusSquareTwoTone|InfoCircleTwoTone|ExclamationCircleTwoTone|CloseCircleTwoTone|CloseSquareTwoTone|CheckCircleTwoTone|CheckSquareTwoTone|ClockCircleTwoTone|WarningTwoTone|StopTwoTone|EditTwoTone|CopyTwoTone|DeleteTwoTone|SnippetsTwoTone|DiffTwoTone|HighlightTwoTone|PieChartTwoTone|BoxPlotTwoTone|FundTwoTone|SlidersTwoTone|Html5TwoTone|AccountBookTwoTone|AlertTwoTone|ApiTwoTone|AppstoreTwoTone|AudioTwoTone|BankTwoTone|BellTwoTone|BookTwoTone|BugTwoTone|BuildTwoTone|BulbTwoTone|CalculatorTwoTone|CalendarTwoTone|CameraTwoTone|CarTwoTone|CarryOutTwoTone|CiCircleTwoTone|CiTwoTone|CloudTwoTone|CodeTwoTone|CompassTwoTone|ContactsTwoTone|ContainerTwoTone|ControlTwoTone|CopyrightTwoTone|CreditCardTwoTone|CrownTwoTone|CustomerServiceTwoTone|DashboardTwoTone|DatabaseTwoTone|DislikeTwoTone|DollarCircleTwoTone|DollarTwoTone|EnvironmentTwoTone|EuroCircleTwoTone|EuroTwoTone|ExperimentTwoTone|EyeTwoTone|EyeInvisibleTwoTone|FileAddTwoTone|FileExcelTwoTone|FileExclamationTwoTone|FileTwoTone|FileImageTwoTone|FileMarkdownTwoTone|FilePdfTwoTone|FilePptTwoTone|FileTextTwoTone|FileUnknownTwoTone|FileWordTwoTone|FileZipTwoTone|FilterTwoTone|FireTwoTone|FlagTwoTone|FolderAddTwoTone|FolderTwoTone|FolderOpenTwoTone|FrownTwoTone|FunnelPlotTwoTone|GiftTwoTone|GoldTwoTone|HddTwoTone|HeartTwoTone|HomeTwoTone|HourglassTwoTone|IdcardTwoTone|InsuranceTwoTone|InteractionTwoTone|LayoutTwoTone|LikeTwoTone|LockTwoTone|MailTwoTone|MedicineBoxTwoTone|MehTwoTone|MessageTwoTone|MobileTwoTone|MoneyCollectTwoTone|NotificationTwoTone|PhoneTwoTone|PictureTwoTone|PlaySquareTwoTone|PoundCircleTwoTone|PrinterTwoTone|ProfileTwoTone|ProjectTwoTone|PropertySafetyTwoTone|PushpinTwoTone|ReconciliationTwoTone|RedEnvelopeTwoTone|RestTwoTone|RocketTwoTone|SafetyCertificateTwoTone|SaveTwoTone|ScheduleTwoTone|SecurityScanTwoTone|SettingTwoTone|ShopTwoTone|ShoppingTwoTone|SkinTwoTone|SmileTwoTone|SoundTwoTone|StarTwoTone|SwitcherTwoTone|TabletTwoTone|TagTwoTone|TagsTwoTone|ThunderboltTwoTone|ToolTwoTone|TrademarkCircleTwoTone|TrophyTwoTone|UnlockTwoTone|UsbTwoTone|VideoCameraTwoTone|WalletTwoTone'.split('|');
+export const FONTAWESOME_BRANDS_ICONS = '42-group|500px|accessible-icon|accusoft|adn|adversal|affiliatetheme|airbnb|algolia|alipay|amazon|amazon-pay|amilia|android|angellist|angrycreative|angular|app-store|app-store-ios|apper|apple|apple-pay|artstation|asymmetrik|atlassian|audible|autoprefixer|avianex|aviato|aws|bandcamp|battle-net|behance|behance-square|bilibili|bimobject|bitbucket|bitcoin|bity|black-tie|blackberry|blogger|blogger-b|bluetooth|bluetooth-b|bootstrap|bots|btc|buffer|buromobelexperte|buy-n-large|buysellads|canadian-maple-leaf|cc-amazon-pay|cc-amex|cc-apple-pay|cc-diners-club|cc-discover|cc-jcb|cc-mastercard|cc-paypal|cc-stripe|cc-visa|centercode|centos|chrome|chromecast|cloudflare|cloudscale|cloudsmith|cloudversify|cmplid|codepen|codiepie|confluence|connectdevelop|contao|cotton-bureau|cpanel|creative-commons|creative-commons-by|creative-commons-nc|creative-commons-nc-eu|creative-commons-nc-jp|creative-commons-nd|creative-commons-pd|creative-commons-pd-alt|creative-commons-remix|creative-commons-sa|creative-commons-sampling|creative-commons-sampling-plus|creative-commons-share|creative-commons-zero|critical-role|css3|css3-alt|cuttlefish|d-and-d|d-and-d-beyond|dailymotion|dashcube|deezer|delicious|deploydog|deskpro|dev|deviantart|dhl|diaspora|digg|digital-ocean|discord|discourse|dochub|docker|draft2digital|dribbble|dribbble-square|dropbox|drupal|dyalog|earlybirds|ebay|edge|edge-legacy|elementor|ello|ember|empire|envira|erlang|ethereum|etsy|evernote|expeditedssl|facebook|facebook-f|facebook-messenger|facebook-square|fantasy-flight-games|fedex|fedora|figma|firefox|firefox-browser|first-order|first-order-alt|firstdraft|flickr|flipboard|fly|font-awesome|fonticons|fonticons-fi|fort-awesome|fort-awesome-alt|forumbee|foursquare|free-code-camp|freebsd|fulcrum|galactic-republic|galactic-senate|get-pocket|gg|gg-circle|git|git-alt|git-square|github|github-alt|github-square|gitkraken|gitlab|gitter|glide|glide-g|gofore|golang|goodreads|goodreads-g|google|google-drive|google-pay|google-play|google-plus|google-plus-g|google-plus-square|google-wallet|gratipay|grav|gripfire|grunt|guilded|gulp|hacker-news|hacker-news-square|hackerrank|hashnode|hips|hire-a-helper|hive|hooli|hornbill|hotjar|houzz|html5|hubspot|ideal|imdb|instagram|instagram-square|instalod|intercom|internet-explorer|invision|ioxhost|itch-io|itunes|itunes-note|java|jedi-order|jenkins|jira|joget|joomla|js|js-square|jsfiddle|kaggle|keybase|keycdn|kickstarter|kickstarter-k|korvue|laravel|lastfm|lastfm-square|leanpub|less|line|linkedin|linkedin-in|linode|linux|lyft|magento|mailchimp|mandalorian|markdown|mastodon|maxcdn|mdb|medapps|medium|medrt|meetup|megaport|mendeley|microblog|microsoft|mix|mixcloud|mixer|mizuni|modx|monero|napster|neos|nfc-directional|nfc-symbol|nimblr|node|node-js|npm|ns8|nutritionix|octopus-deploy|odnoklassniki|odnoklassniki-square|old-republic|opencart|openid|opera|optin-monster|orcid|osi|padlet|page4|pagelines|palfed|patreon|paypal|perbyte|periscope|phabricator|phoenix-framework|phoenix-squadron|php|pied-piper|pied-piper-alt|pied-piper-hat|pied-piper-pp|pied-piper-square|pinterest|pinterest-p|pinterest-square|pix|playstation|product-hunt|pushed|python|qq|quinscape|quora|r-project|raspberry-pi|ravelry|react|reacteurope|readme|rebel|red-river|reddit|reddit-alien|reddit-square|redhat|renren|replyd|researchgate|resolving|rev|rocketchat|rockrms|rust|safari|salesforce|sass|schlix|screenpal|scribd|searchengin|sellcast|sellsy|servicestack|shirtsinbulk|shopify|shopware|simplybuilt|sistrix|sith|sitrox|sketch|skyatlas|skype|slack|slideshare|snapchat|snapchat-square|soundcloud|sourcetree|speakap|speaker-deck|spotify|square-font-awesome|square-font-awesome-stroke|squarespace|stack-exchange|stack-overflow|stackpath|staylinked|steam|steam-square|steam-symbol|sticker-mule|strava|stripe|stripe-s|studiovinari|stumbleupon|stumbleupon-circle|superpowers|supple|suse|swift|symfony|teamspeak|telegram|tencent-weibo|the-red-yeti|themeco|themeisle|think-peaks|tiktok|trade-federation|trello|tumblr|tumblr-square|twitch|twitter|twitter-square|typo3|uber|ubuntu|uikit|umbraco|uncharted|uniregistry|unity|unsplash|untappd|ups|usb|usps|ussunnah|vaadin|viacoin|viadeo|viadeo-square|viber|vimeo|vimeo-square|vimeo-v|vine|vk|vnv|vuejs|watchman-monitoring|waze|weebly|weibo|weixin|whatsapp|whatsapp-square|whmcs|wikipedia-w|windows|wirsindhandwerk|wix|wizards-of-the-coast|wodu|wolf-pack-battalion|wordpress|wordpress-simple|wpbeginner|wpexplorer|wpforms|wpressr|xbox|xing|xing-square|y-combinator|yahoo|yammer|yandex|yandex-international|yarn|yelp|yoast|youtube|youtube-square|zhihu';
+export const FONTAWESOME_REGULAR_ICONS = 'address-book|address-card|bell|bell-slash|bookmark|building|calendar|calendar-check|calendar-days|calendar-minus|calendar-plus|calendar-xmark|chart-bar|chess-bishop|chess-king|chess-knight|chess-pawn|chess-queen|chess-rook|circle|circle-check|circle-dot|circle-down|circle-left|circle-pause|circle-play|circle-question|circle-right|circle-stop|circle-up|circle-user|circle-xmark|clipboard|clock|clone|closed-captioning|comment|comment-dots|comments|compass|copy|copyright|credit-card|envelope|envelope-open|eye|eye-slash|face-angry|face-dizzy|face-flushed|face-frown|face-frown-open|face-grimace|face-grin|face-grin-beam|face-grin-beam-sweat|face-grin-hearts|face-grin-squint|face-grin-squint-tears|face-grin-stars|face-grin-tears|face-grin-tongue|face-grin-tongue-squint|face-grin-tongue-wink|face-grin-wide|face-grin-wink|face-kiss|face-kiss-beam|face-kiss-wink-heart|face-laugh|face-laugh-beam|face-laugh-squint|face-laugh-wink|face-meh|face-meh-blank|face-rolling-eyes|face-sad-cry|face-sad-tear|face-smile|face-smile-beam|face-smile-wink|face-surprise|face-tired|file|file-audio|file-code|file-excel|file-image|file-lines|file-pdf|file-powerpoint|file-video|file-word|file-zipper|flag|floppy-disk|folder|folder-closed|folder-open|font-awesome|futbol|gem|hand|hand-back-fist|hand-lizard|hand-peace|hand-point-down|hand-point-left|hand-point-right|hand-point-up|hand-pointer|hand-scissors|hand-spock|handshake|hard-drive|heart|hospital|hourglass|id-badge|id-card|image|images|keyboard|lemon|life-ring|lightbulb|map|message|money-bill-1|moon|newspaper|note-sticky|object-group|object-ungroup|paper-plane|paste|pen-to-square|rectangle-list|rectangle-xmark|registered|share-from-square|snowflake|square|square-caret-down|square-caret-left|square-caret-right|square-caret-up|square-check|square-full|square-minus|square-plus|star|star-half|star-half-stroke|sun|thumbs-down|thumbs-up|trash-can|user|window-maximize|window-minimize|window-restore';
+export const FONTAWESOME_SOLID_ICONS = '0|1|2|3|4|5|6|7|8|9|a|address-book|address-card|align-center|align-justify|align-left|align-right|anchor|anchor-circle-check|anchor-circle-exclamation|anchor-circle-xmark|anchor-lock|angle-down|angle-left|angle-right|angle-up|angles-down|angles-left|angles-right|angles-up|ankh|apple-whole|archway|arrow-down|arrow-down-1-9|arrow-down-9-1|arrow-down-a-z|arrow-down-long|arrow-down-short-wide|arrow-down-up-across-line|arrow-down-up-lock|arrow-down-wide-short|arrow-down-z-a|arrow-left|arrow-left-long|arrow-pointer|arrow-right|arrow-right-arrow-left|arrow-right-from-bracket|arrow-right-long|arrow-right-to-bracket|arrow-right-to-city|arrow-rotate-left|arrow-rotate-right|arrow-trend-down|arrow-trend-up|arrow-turn-down|arrow-turn-up|arrow-up|arrow-up-1-9|arrow-up-9-1|arrow-up-a-z|arrow-up-from-bracket|arrow-up-from-ground-water|arrow-up-from-water-pump|arrow-up-long|arrow-up-right-dots|arrow-up-right-from-square|arrow-up-short-wide|arrow-up-wide-short|arrow-up-z-a|arrows-down-to-line|arrows-down-to-people|arrows-left-right|arrows-left-right-to-line|arrows-rotate|arrows-spin|arrows-split-up-and-left|arrows-to-circle|arrows-to-dot|arrows-to-eye|arrows-turn-right|arrows-turn-to-dots|arrows-up-down|arrows-up-down-left-right|arrows-up-to-line|asterisk|at|atom|audio-description|austral-sign|award|b|baby|baby-carriage|backward|backward-fast|backward-step|bacon|bacteria|bacterium|bag-shopping|bahai|baht-sign|ban|ban-smoking|bandage|barcode|bars|bars-progress|bars-staggered|baseball|baseball-bat-ball|basket-shopping|basketball|bath|battery-empty|battery-full|battery-half|battery-quarter|battery-three-quarters|bed|bed-pulse|beer-mug-empty|bell|bell-concierge|bell-slash|bezier-curve|bicycle|binoculars|biohazard|bitcoin-sign|blender|blender-phone|blog|bold|bolt|bolt-lightning|bomb|bone|bong|book|book-atlas|book-bible|book-bookmark|book-journal-whills|book-medical|book-open|book-open-reader|book-quran|book-skull|bookmark|border-all|border-none|border-top-left|bore-hole|bottle-droplet|bottle-water|bowl-food|bowl-rice|bowling-ball|box|box-archive|box-open|box-tissue|boxes-packing|boxes-stacked|braille|brain|brazilian-real-sign|bread-slice|bridge|bridge-circle-check|bridge-circle-exclamation|bridge-circle-xmark|bridge-lock|bridge-water|briefcase|briefcase-medical|broom|broom-ball|brush|bucket|bug|bug-slash|bugs|building|building-circle-arrow-right|building-circle-check|building-circle-exclamation|building-circle-xmark|building-columns|building-flag|building-lock|building-ngo|building-shield|building-un|building-user|building-wheat|bullhorn|bullseye|burger|burst|bus|bus-simple|business-time|c|cake-candles|calculator|calendar|calendar-check|calendar-day|calendar-days|calendar-minus|calendar-plus|calendar-week|calendar-xmark|camera|camera-retro|camera-rotate|campground|candy-cane|cannabis|capsules|car|car-battery|car-burst|car-on|car-rear|car-side|car-tunnel|caravan|caret-down|caret-left|caret-right|caret-up|carrot|cart-arrow-down|cart-flatbed|cart-flatbed-suitcase|cart-plus|cart-shopping|cash-register|cat|cedi-sign|cent-sign|certificate|chair|chalkboard|chalkboard-user|champagne-glasses|charging-station|chart-area|chart-bar|chart-column|chart-gantt|chart-line|chart-pie|chart-simple|check|check-double|check-to-slot|cheese|chess|chess-bishop|chess-board|chess-king|chess-knight|chess-pawn|chess-queen|chess-rook|chevron-down|chevron-left|chevron-right|chevron-up|child|child-dress|child-reaching|child-rifle|children|church|circle|circle-arrow-down|circle-arrow-left|circle-arrow-right|circle-arrow-up|circle-check|circle-chevron-down|circle-chevron-left|circle-chevron-right|circle-chevron-up|circle-dollar-to-slot|circle-dot|circle-down|circle-exclamation|circle-h|circle-half-stroke|circle-info|circle-left|circle-minus|circle-nodes|circle-notch|circle-pause|circle-play|circle-plus|circle-question|circle-radiation|circle-right|circle-stop|circle-up|circle-user|circle-xmark|city|clapperboard|clipboard|clipboard-check|clipboard-list|clipboard-question|clipboard-user|clock|clock-rotate-left|clone|closed-captioning|cloud|cloud-arrow-down|cloud-arrow-up|cloud-bolt|cloud-meatball|cloud-moon|cloud-moon-rain|cloud-rain|cloud-showers-heavy|cloud-showers-water|cloud-sun|cloud-sun-rain|clover|code|code-branch|code-commit|code-compare|code-fork|code-merge|code-pull-request|coins|colon-sign|comment|comment-dollar|comment-dots|comment-medical|comment-slash|comment-sms|comments|comments-dollar|compact-disc|compass|compass-drafting|compress|computer|computer-mouse|cookie|cookie-bite|copy|copyright|couch|cow|credit-card|crop|crop-simple|cross|crosshairs|crow|crown|crutch|cruzeiro-sign|cube|cubes|cubes-stacked|d|database|delete-left|democrat|desktop|dharmachakra|diagram-next|diagram-predecessor|diagram-project|diagram-successor|diamond|diamond-turn-right|dice|dice-d20|dice-d6|dice-five|dice-four|dice-one|dice-six|dice-three|dice-two|disease|display|divide|dna|dog|dollar-sign|dolly|dong-sign|door-closed|door-open|dove|down-left-and-up-right-to-center|down-long|download|dragon|draw-polygon|droplet|droplet-slash|drum|drum-steelpan|drumstick-bite|dumbbell|dumpster|dumpster-fire|dungeon|e|ear-deaf|ear-listen|earth-africa|earth-americas|earth-asia|earth-europe|earth-oceania|egg|eject|elevator|ellipsis|ellipsis-vertical|envelope|envelope-circle-check|envelope-open|envelope-open-text|envelopes-bulk|equals|eraser|ethernet|euro-sign|exclamation|expand|explosion|eye|eye-dropper|eye-low-vision|eye-slash|f|face-angry|face-dizzy|face-flushed|face-frown|face-frown-open|face-grimace|face-grin|face-grin-beam|face-grin-beam-sweat|face-grin-hearts|face-grin-squint|face-grin-squint-tears|face-grin-stars|face-grin-tears|face-grin-tongue|face-grin-tongue-squint|face-grin-tongue-wink|face-grin-wide|face-grin-wink|face-kiss|face-kiss-beam|face-kiss-wink-heart|face-laugh|face-laugh-beam|face-laugh-squint|face-laugh-wink|face-meh|face-meh-blank|face-rolling-eyes|face-sad-cry|face-sad-tear|face-smile|face-smile-beam|face-smile-wink|face-surprise|face-tired|fan|faucet|faucet-drip|fax|feather|feather-pointed|ferry|file|file-arrow-down|file-arrow-up|file-audio|file-circle-check|file-circle-exclamation|file-circle-minus|file-circle-plus|file-circle-question|file-circle-xmark|file-code|file-contract|file-csv|file-excel|file-export|file-image|file-import|file-invoice|file-invoice-dollar|file-lines|file-medical|file-pdf|file-pen|file-powerpoint|file-prescription|file-shield|file-signature|file-video|file-waveform|file-word|file-zipper|fill|fill-drip|film|filter|filter-circle-dollar|filter-circle-xmark|fingerprint|fire|fire-burner|fire-extinguisher|fire-flame-curved|fire-flame-simple|fish|fish-fins|flag|flag-checkered|flag-usa|flask|flask-vial|floppy-disk|florin-sign|folder|folder-closed|folder-minus|folder-open|folder-plus|folder-tree|font|font-awesome|football|forward|forward-fast|forward-step|franc-sign|frog|futbol|g|gamepad|gas-pump|gauge|gauge-high|gauge-simple|gauge-simple-high|gavel|gear|gears|gem|genderless|ghost|gift|gifts|glass-water|glass-water-droplet|glasses|globe|golf-ball-tee|gopuram|graduation-cap|greater-than|greater-than-equal|grip|grip-lines|grip-lines-vertical|grip-vertical|group-arrows-rotate|guarani-sign|guitar|gun|h|hammer|hamsa|hand|hand-back-fist|hand-dots|hand-fist|hand-holding|hand-holding-dollar|hand-holding-droplet|hand-holding-hand|hand-holding-heart|hand-holding-medical|hand-lizard|hand-middle-finger|hand-peace|hand-point-down|hand-point-left|hand-point-right|hand-point-up|hand-pointer|hand-scissors|hand-sparkles|hand-spock|handcuffs|hands|hands-asl-interpreting|hands-bound|hands-bubbles|hands-clapping|hands-holding|hands-holding-child|hands-holding-circle|hands-praying|handshake|handshake-angle|handshake-simple|handshake-simple-slash|handshake-slash|hanukiah|hard-drive|hashtag|hat-cowboy|hat-cowboy-side|hat-wizard|head-side-cough|head-side-cough-slash|head-side-mask|head-side-virus|heading|headphones|headphones-simple|headset|heart|heart-circle-bolt|heart-circle-check|heart-circle-exclamation|heart-circle-minus|heart-circle-plus|heart-circle-xmark|heart-crack|heart-pulse|helicopter|helicopter-symbol|helmet-safety|helmet-un|highlighter|hill-avalanche|hill-rockslide|hippo|hockey-puck|holly-berry|horse|horse-head|hospital|hospital-user|hot-tub-person|hotdog|hotel|hourglass|hourglass-empty|hourglass-end|hourglass-start|house|house-chimney|house-chimney-crack|house-chimney-medical|house-chimney-user|house-chimney-window|house-circle-check|house-circle-exclamation|house-circle-xmark|house-crack|house-fire|house-flag|house-flood-water|house-flood-water-circle-arrow-right|house-laptop|house-lock|house-medical|house-medical-circle-check|house-medical-circle-exclamation|house-medical-circle-xmark|house-medical-flag|house-signal|house-tsunami|house-user|hryvnia-sign|hurricane|i|i-cursor|ice-cream|icicles|icons|id-badge|id-card|id-card-clip|igloo|image|image-portrait|images|inbox|indent|indian-rupee-sign|industry|infinity|info|italic|j|jar|jar-wheat|jedi|jet-fighter|jet-fighter-up|joint|jug-detergent|k|kaaba|key|keyboard|khanda|kip-sign|kit-medical|kitchen-set|kiwi-bird|l|land-mine-on|landmark|landmark-dome|landmark-flag|language|laptop|laptop-code|laptop-file|laptop-medical|lari-sign|layer-group|leaf|left-long|left-right|lemon|less-than|less-than-equal|life-ring|lightbulb|lines-leaning|link|link-slash|lira-sign|list|list-check|list-ol|list-ul|litecoin-sign|location-arrow|location-crosshairs|location-dot|location-pin|location-pin-lock|lock|lock-open|locust|lungs|lungs-virus|m|magnet|magnifying-glass|magnifying-glass-arrow-right|magnifying-glass-chart|magnifying-glass-dollar|magnifying-glass-location|magnifying-glass-minus|magnifying-glass-plus|manat-sign|map|map-location|map-location-dot|map-pin|marker|mars|mars-and-venus|mars-and-venus-burst|mars-double|mars-stroke|mars-stroke-right|mars-stroke-up|martini-glass|martini-glass-citrus|martini-glass-empty|mask|mask-face|mask-ventilator|masks-theater|mattress-pillow|maximize|medal|memory|menorah|mercury|message|meteor|microchip|microphone|microphone-lines|microphone-lines-slash|microphone-slash|microscope|mill-sign|minimize|minus|mitten|mobile|mobile-button|mobile-retro|mobile-screen|mobile-screen-button|money-bill|money-bill-1|money-bill-1-wave|money-bill-transfer|money-bill-trend-up|money-bill-wave|money-bill-wheat|money-bills|money-check|money-check-dollar|monument|moon|mortar-pestle|mosque|mosquito|mosquito-net|motorcycle|mound|mountain|mountain-city|mountain-sun|mug-hot|mug-saucer|music|n|naira-sign|network-wired|neuter|newspaper|not-equal|note-sticky|notes-medical|o|object-group|object-ungroup|oil-can|oil-well|om|otter|outdent|p|pager|paint-roller|paintbrush|palette|pallet|panorama|paper-plane|paperclip|parachute-box|paragraph|passport|paste|pause|paw|peace|pen|pen-clip|pen-fancy|pen-nib|pen-ruler|pen-to-square|pencil|people-arrows-left-right|people-carry-box|people-group|people-line|people-pulling|people-robbery|people-roof|pepper-hot|percent|person|person-arrow-down-to-line|person-arrow-up-from-line|person-biking|person-booth|person-breastfeeding|person-burst|person-cane|person-chalkboard|person-circle-check|person-circle-exclamation|person-circle-minus|person-circle-plus|person-circle-question|person-circle-xmark|person-digging|person-dots-from-line|person-dress|person-dress-burst|person-drowning|person-falling|person-falling-burst|person-half-dress|person-harassing|person-hiking|person-military-pointing|person-military-rifle|person-military-to-person|person-praying|person-pregnant|person-rays|person-rifle|person-running|person-shelter|person-skating|person-skiing|person-skiing-nordic|person-snowboarding|person-swimming|person-through-window|person-walking|person-walking-arrow-loop-left|person-walking-arrow-right|person-walking-dashed-line-arrow-right|person-walking-luggage|person-walking-with-cane|peseta-sign|peso-sign|phone|phone-flip|phone-slash|phone-volume|photo-film|piggy-bank|pills|pizza-slice|place-of-worship|plane|plane-arrival|plane-circle-check|plane-circle-exclamation|plane-circle-xmark|plane-departure|plane-lock|plane-slash|plane-up|plant-wilt|plate-wheat|play|plug|plug-circle-bolt|plug-circle-check|plug-circle-exclamation|plug-circle-minus|plug-circle-plus|plug-circle-xmark|plus|plus-minus|podcast|poo|poo-storm|poop|power-off|prescription|prescription-bottle|prescription-bottle-medical|print|pump-medical|pump-soap|puzzle-piece|q|qrcode|question|quote-left|quote-right|r|radiation|radio|rainbow|ranking-star|receipt|record-vinyl|rectangle-ad|rectangle-list|rectangle-xmark|recycle|registered|repeat|reply|reply-all|republican|restroom|retweet|ribbon|right-from-bracket|right-left|right-long|right-to-bracket|ring|road|road-barrier|road-bridge|road-circle-check|road-circle-exclamation|road-circle-xmark|road-lock|road-spikes|robot|rocket|rotate|rotate-left|rotate-right|route|rss|ruble-sign|rug|ruler|ruler-combined|ruler-horizontal|ruler-vertical|rupee-sign|rupiah-sign|s|sack-dollar|sack-xmark|sailboat|satellite|satellite-dish|scale-balanced|scale-unbalanced|scale-unbalanced-flip|school|school-circle-check|school-circle-exclamation|school-circle-xmark|school-flag|school-lock|scissors|screwdriver|screwdriver-wrench|scroll|scroll-torah|sd-card|section|seedling|server|shapes|share|share-from-square|share-nodes|sheet-plastic|shekel-sign|shield|shield-cat|shield-dog|shield-halved|shield-heart|shield-virus|ship|shirt|shoe-prints|shop|shop-lock|shop-slash|shower|shrimp|shuffle|shuttle-space|sign-hanging|signal|signature|signs-post|sim-card|sink|sitemap|skull|skull-crossbones|slash|sleigh|sliders|smog|smoking|snowflake|snowman|snowplow|soap|socks|solar-panel|sort|sort-down|sort-up|spa|spaghetti-monster-flying|spell-check|spider|spinner|splotch|spoon|spray-can|spray-can-sparkles|square|square-arrow-up-right|square-caret-down|square-caret-left|square-caret-right|square-caret-up|square-check|square-envelope|square-full|square-h|square-minus|square-nfi|square-parking|square-pen|square-person-confined|square-phone|square-phone-flip|square-plus|square-poll-horizontal|square-poll-vertical|square-root-variable|square-rss|square-share-nodes|square-up-right|square-virus|square-xmark|staff-aesculapius|stairs|stamp|star|star-and-crescent|star-half|star-half-stroke|star-of-david|star-of-life|sterling-sign|stethoscope|stop|stopwatch|stopwatch-20|store|store-slash|street-view|strikethrough|stroopwafel|subscript|suitcase|suitcase-medical|suitcase-rolling|sun|sun-plant-wilt|superscript|swatchbook|synagogue|syringe|t|table|table-cells|table-cells-large|table-columns|table-list|table-tennis-paddle-ball|tablet|tablet-button|tablet-screen-button|tablets|tachograph-digital|tag|tags|tape|tarp|tarp-droplet|taxi|teeth|teeth-open|temperature-arrow-down|temperature-arrow-up|temperature-empty|temperature-full|temperature-half|temperature-high|temperature-low|temperature-quarter|temperature-three-quarters|tenge-sign|tent|tent-arrow-down-to-line|tent-arrow-left-right|tent-arrow-turn-left|tent-arrows-down|tents|terminal|text-height|text-slash|text-width|thermometer|thumbs-down|thumbs-up|thumbtack|ticket|ticket-simple|timeline|toggle-off|toggle-on|toilet|toilet-paper|toilet-paper-slash|toilet-portable|toilets-portable|toolbox|tooth|torii-gate|tornado|tower-broadcast|tower-cell|tower-observation|tractor|trademark|traffic-light|trailer|train|train-subway|train-tram|transgender|trash|trash-arrow-up|trash-can|trash-can-arrow-up|tree|tree-city|triangle-exclamation|trophy|trowel|trowel-bricks|truck|truck-arrow-right|truck-droplet|truck-fast|truck-field|truck-field-un|truck-front|truck-medical|truck-monster|truck-moving|truck-pickup|truck-plane|truck-ramp-box|tty|turkish-lira-sign|turn-down|turn-up|tv|u|umbrella|umbrella-beach|underline|universal-access|unlock|unlock-keyhole|up-down|up-down-left-right|up-long|up-right-and-down-left-from-center|up-right-from-square|upload|user|user-astronaut|user-check|user-clock|user-doctor|user-gear|user-graduate|user-group|user-injured|user-large|user-large-slash|user-lock|user-minus|user-ninja|user-nurse|user-pen|user-plus|user-secret|user-shield|user-slash|user-tag|user-tie|user-xmark|users|users-between-lines|users-gear|users-line|users-rays|users-rectangle|users-slash|users-viewfinder|utensils|v|van-shuttle|vault|vector-square|venus|venus-double|venus-mars|vest|vest-patches|vial|vial-circle-check|vial-virus|vials|video|video-slash|vihara|virus|virus-covid|virus-covid-slash|virus-slash|viruses|voicemail|volcano|volleyball|volume-high|volume-low|volume-off|volume-xmark|vr-cardboard|w|walkie-talkie|wallet|wand-magic|wand-magic-sparkles|wand-sparkles|warehouse|water|water-ladder|wave-square|weight-hanging|weight-scale|wheat-awn|wheat-awn-circle-exclamation|wheelchair|wheelchair-move|whiskey-glass|wifi|wind|window-maximize|window-minimize|window-restore|wine-bottle|wine-glass|wine-glass-empty|won-sign|worm|wrench|x|x-ray|xmark|xmarks-lines|y|yen-sign|yin-yang|z';
+export const FONTAWESOME_ICONS = [
+    ...FONTAWESOME_BRANDS_ICONS.split('|').map(icon => `fab ${icon}`),
+    ...FONTAWESOME_REGULAR_ICONS.split('|').map(icon => `far ${icon}`),
+    ...FONTAWESOME_SOLID_ICONS.split('|').map(icon => `fas ${icon}`),
+];
+export const CUSTOM_ICONS = Object.keys(CUS_ICON_MAPPING).map(iconName => `${iconName}`);
+export const ICON_TYPE = {
+    FONT_AWESOME: 'font-awesome',
+    CUSTOM: 'cus',
+};
+export const LIST_ICON_BY_TYPE = {
+    [ICON_TYPE.FONT_AWESOME]: FONTAWESOME_ICONS,
+    [ICON_TYPE.CUSTOM]: CUSTOM_ICONS,
+};
+export const LIMIT_ICONS_SHOW = 100;
+export const DEFAULT_UI_ICON_STYLES = {
+    LISTING: {
+        [ICON_TYPE.FONT_AWESOME]: {
+            size: 'lg',
+            style: {
+                fontSize: 40,
+                zIndex: 1,
+                color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon,
+            },
+        },
+        [ICON_TYPE.CUSTOM]: {
+            style: {
+                fontSize: 40,
+                zIndex: 1,
+                color: (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon,
+            },
+        },
+    },
+    SELECTED: {
+        [ICON_TYPE.FONT_AWESOME]: {
+            size: 'lg',
+            style: {
+                fontSize: 114,
+                zIndex: 1,
+                color: (_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorIcon,
+            },
+        },
+        [ICON_TYPE.CUSTOM]: {
+            style: {
+                fontSize: 114,
+                zIndex: 1,
+                color: (_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorIcon,
+            },
+        },
+    },
+};

package/es/components/molecules/IconSelection/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconSelectionProps } from './types';
+export declare const IconSelection: React.FC<IconSelectionProps>;

package/es/components/molecules/IconSelection/index.js ADDED Viewed

@@ -0,0 +1,143 @@
+/* eslint-disable react/destructuring-assignment */
+// Libraries
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+// Hooks
+import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks';
+// Atoms
+import { Button, Icon, ScrollBox } from '@antscorp/antsomi-ui/es/components/atoms';
+// Molecules
+import { Modal, InputSearch } from '@antscorp/antsomi-ui/es/components/molecules';
+// Components
+import { IconSelectionRenderer } from './components/Icon';
+// Constants
+import { DEFAULT_UI_ICON_STYLES, LIMIT_ICONS_SHOW, LIST_ICON_BY_TYPE } from './constants';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Styled
+import { CustomButton, IconSelectionWrapper, Overlay, WrapperListItemRender, WrapperListRender, } from './styled';
+// Types
+import { isIconType } from './types';
+// Utils
+import { serializeIcon } from './utils';
+import clsx from 'clsx';
+export const IconSelection = props => {
+    var _a, _b;
+    const { labelHeadingModal = 'Icon Selection', searchPlaceholder = 'Search for icon...', wrapperClassName = '', className = '', style = {}, isOpen = false, limitShowIcon = LIMIT_ICONS_SHOW, iconTypes = ['font-awesome'], onChange, onRemoveIcon, onChangeSvg, } = props;
+    const [listIconsOriginal, setListIconsOriginal] = useState([]);
+    const [listIcons, setListIcons] = useState([]);
+    const [selectedIcon, setSelectedIcon] = useState(props.icon || '');
+    const [isOpenModal, setIsOpenModal] = useState(isOpen);
+    const [activeIcon, setActiveIcon] = useState('');
+    useDeepCompareEffect(() => {
+        const temp = Object.entries(LIST_ICON_BY_TYPE).reduce((acc, current) => {
+            const [iconType, icons] = current;
+            if (isIconType(iconType) && iconTypes.includes(iconType)) {
+                acc.push(...icons.map(icon => `${iconType} ${icon}`));
+            }
+            return acc;
+        }, []);
+        setListIconsOriginal(temp);
+        setListIcons(temp.slice(0, limitShowIcon));
+    }, [iconTypes, limitShowIcon]);
+    const iconRef = useRef(null);
+    useEffect(() => {
+        setSelectedIcon(props.icon || '');
+    }, [props.icon]);
+    const showModal = () => {
+        setIsOpenModal(true);
+    };
+    const handleCancel = () => {
+        setIsOpenModal(false);
+        setListIcons(listIconsOriginal.slice(0, limitShowIcon));
+    };
+    const handleSelectIcon = (icon) => {
+        var _a;
+        if (onChange) {
+            onChange(icon);
+        }
+        if (typeof onChangeSvg === 'function') {
+            onChangeSvg((_a = iconRef === null || iconRef === void 0 ? void 0 : iconRef.current) === null || _a === void 0 ? void 0 : _a.outerHTML);
+        }
+        setSelectedIcon(icon);
+        handleCancel();
+    };
+    const renderListIcons = (listIconsRender) => listIconsRender.map(icon => {
+        var _a;
+        const serializeResult = serializeIcon(icon);
+        if (serializeResult === null) {
+            return null;
+        }
+        const { iconType, iconName } = serializeResult;
+        return (React.createElement(WrapperListRender, { className: "ants-group", key: icon },
+            React.createElement(WrapperListItemRender, { className: "ants-hover" },
+                React.createElement(IconSelectionRenderer, Object.assign({ ref: activeIcon === iconName ? iconRef : undefined, iconType: iconType, iconName: iconName }, DEFAULT_UI_ICON_STYLES.LISTING[iconType])),
+                React.createElement(CustomButton, { onClick: () => handleSelectIcon(icon), onMouseEnter: onChangeSvg ? () => setActiveIcon(iconName) : undefined, className: "group-hover" }, "USE"),
+                React.createElement(Overlay, { className: "group-hover" })),
+            React.createElement("span", { style: {
+                    display: 'inline-block',
+                    marginTop: 5,
+                    width: '100%',
+                    fontSize: `${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px`,
+                } }, iconName)));
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const handleSeachIcons = useCallback((value) => {
+        if (value && value.trim()) {
+            setListIcons(listIconsOriginal
+                .filter(icon => {
+                const serializeResult = serializeIcon(icon);
+                return (serializeResult &&
+                    serializeResult.iconName
+                        .toLocaleLowerCase()
+                        .includes(value.trim().toLocaleLowerCase()));
+            })
+                .slice(0, limitShowIcon));
+        }
+        else {
+            setListIcons(listIconsOriginal.slice(0, limitShowIcon));
+        }
+    }, [listIconsOriginal, limitShowIcon]);
+    const handleRemoveIcon = () => {
+        if (onRemoveIcon) {
+            onRemoveIcon();
+        }
+        if (typeof onChange === 'function') {
+            onChange('');
+        }
+        setSelectedIcon('');
+    };
+    const serializeSelectedIcon = serializeIcon(selectedIcon);
+    const renderSelectedIcon = () => {
+        if (serializeSelectedIcon) {
+            const { iconType, iconName } = serializeSelectedIcon;
+            return (React.createElement(IconSelectionRenderer, Object.assign({ iconType: iconType, iconName: iconName }, DEFAULT_UI_ICON_STYLES.SELECTED[iconType])));
+        }
+        return null;
+    };
+    return (React.createElement(IconSelectionWrapper, { style: style, className: clsx(wrapperClassName, className) },
+        React.createElement("div", { className: "transparent-wrapper" },
+            React.createElement("div", { style: { position: 'absolute', zIndex: 0 } }, renderSelectedIcon()),
+            serializeSelectedIcon ? (React.createElement(React.Fragment, null,
+                React.createElement(Button, { onClick: showModal, style: { backgroundColor: '#ffffff' } }, "Change"),
+                React.createElement(Button, { onClick: handleRemoveIcon, style: { backgroundColor: '#ffffff' } },
+                    React.createElement(Icon, { type: "icon-ants-remove-trash", size: 15, style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary } })))) : (React.createElement("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '10px',
+                    alignItems: 'center',
+                    color: (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon,
+                } },
+                React.createElement(Icon, { type: "icon-ants-star", size: 30 }),
+                React.createElement(Button, { onClick: showModal, style: { backgroundColor: '#ffffff' } }, "Select an icon")))),
+        React.createElement(Modal, { wrapClassName: "icons-selection-modal", title: React.createElement("div", { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
+                React.createElement(Icon, { type: "icon-ants-emoji", size: 20 }),
+                labelHeadingModal), headerStyle: {
+                padding: '20px 20px 0',
+                border: 'none',
+            }, bodyStyle: {
+                padding: '17px 20px 20px',
+                width: 'fit-content',
+            }, width: "fit-content", footer: null, destroyOnClose: true, open: isOpenModal, onCancel: handleCancel },
+            React.createElement(InputSearch, { style: { width: 232 }, onAfterChange: handleSeachIcons, placeholder: searchPlaceholder }),
+            React.createElement("div", { style: { paddingTop: 28, width: 650 } },
+                React.createElement(ScrollBox, { height: 460, style: { display: 'flex', flexWrap: 'wrap', gap: '35px' } }, renderListIcons(listIcons))))));
+};

package/es/components/molecules/IconSelection/styled.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const IconSelectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperListRender: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperListItemRender: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
+    Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
+}, any, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/IconSelection/styled.js ADDED Viewed

@@ -0,0 +1,80 @@
+var _a;
+// Libraries
+import { Button } from '@antscorp/antsomi-ui/es/components/atoms';
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const IconSelectionWrapper = styled.div `
+  width: 100%;
+  padding: 5px;
+  aspect-ratio: 1.74;
+  border: 1px solid #f0f0f0;
+  box-sizing: border-box;
+  .transparent-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    gap: 15px;
+    aspect-ratio: 1.74;
+    background: url('data:image/svg+xml;base64, PHN2ZyBoZWlnaHQ9IjEwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMCAyNTZoMjU2djI1NkgweiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yNTYgMjU2aDI1NnYyNTZIMjU2eiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMjU2IDBoMjU2djI1NkgyNTZ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTAgMGgyNTZ2MjU2SDB6Ij48L3BhdGg+PC9zdmc+')
+      repeat rgb(249, 251, 255);
+  }
+`;
+export const WrapperListRender = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100px;
+  height: auto;
+  text-align: center;
+  &:hover .ants-hover {
+    border-width: 2px;
+  }
+  &.ants-group:hover .group-hover {
+    opacity: 1;
+  }
+`;
+export const WrapperListItemRender = styled.div `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100px;
+  height: 100px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity));
+  border-style: solid;
+  box-sizing: border-box;
+`;
+export const CustomButton = styled(Button) `
+  position: absolute !important;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  z-index: 3;
+  opacity: 0;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+`;
+export const Overlay = styled.div `
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 2;
+  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bgLightTransparent};
+  opacity: 0;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+`;

package/es/components/molecules/IconSelection/types.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import { ComponentPropsWithoutRef } from 'react';
+import { ICON_TYPE } from './constants';
+export interface IconSelectionProps {
+    wrapperClassName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    labelHeadingModal?: string;
+    searchPlaceholder?: string;
+    onChange?: (icon: string) => void;
+    onRemoveIcon?: () => void;
+    onChangeSvg?: Function;
+    icon?: string;
+    isOpen?: boolean;
+    iconTypes?: IconType[];
+    limitShowIcon?: number;
+}
+export type IconSelectionRendererProps = (({
+    iconType: typeof ICON_TYPE.FONT_AWESOME;
+} & Omit<FontAwesomeIconProps, 'icon'>) | ({
+    iconType: typeof ICON_TYPE.CUSTOM;
+} & ComponentPropsWithoutRef<'svg'>)) & {
+    iconName: string;
+};
+export type IconType = (typeof ICON_TYPE)[keyof typeof ICON_TYPE];
+export declare const isIconType: (iconType: unknown) => iconType is IconType;

package/es/components/molecules/IconSelection/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ICON_TYPE } from './constants';
2	+ export const isIconType = (iconType) => iconType === ICON_TYPE.CUSTOM \|\| iconType === ICON_TYPE.FONT_AWESOME;

package/es/components/molecules/IconSelection/utils.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare const serializeIcon: (icon: string) => {
+    iconType: import("./types").IconType;
+    iconName: string;
+} | null;

package/es/components/molecules/IconSelection/utils.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { FONTAWESOME_ICONS, ICON_TYPE } from './constants';
+import { isIconType } from './types';
+export const serializeIcon = (icon) => {
+    const [iconType, ...rest] = icon.split(' ');
+    if (isIconType(iconType)) {
+        return { iconType, iconName: rest.join(' ') };
+    }
+    // Handle for older data don't have icon-type prefix
+    if (FONTAWESOME_ICONS.includes(icon)) {
+        return { iconType: ICON_TYPE.FONT_AWESOME, iconName: icon };
+    }
+    return null;
+};

package/es/components/molecules/InputNumber/index.js ADDED Viewed

@@ -0,0 +1,81 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { useEffect, useMemo, useState } from 'react';
+import { InputNumber as AntdInputNumber } from 'antd';
+// Components
+import { Icon, RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
+// Utils
+import { getPreventKeyboardAction } from '@antscorp/antsomi-ui/es/utils/web';
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+const PATH = '@antscorp/antsomi-ui/es/app/components/molecules/InputNumber/index.tsx';
+export const InputNumber = props => {
+    const { label, required, focused, errorMsg, onChange } = props, restOf = __rest(props, ["label", "required", "focused", "errorMsg", "onChange"]);
+    const [isFocused, setFocused] = useState(false);
+    const requiredMsg = useMemo(() => {
+        let msg = '';
+        const isEmptyValue = props.value == null;
+        if (required && isEmptyValue && isFocused) {
+            msg = 'This field is required';
+        }
+        return msg;
+    }, [props.value, required, isFocused]);
+    useEffect(() => {
+        if (focused) {
+            setFocused(focused);
+        }
+    }, [focused]);
+    const onChangeInputNumber = (value) => {
+        try {
+            if (typeof onChange !== 'function') {
+                return;
+            }
+            if (required) {
+                if (value !== null) {
+                    onChange(value);
+                }
+                return;
+            }
+            onChange(value);
+        }
+        catch (error) {
+            handleError(error, {
+                path: PATH,
+                name: 'onChangeInputNumber',
+                args: {},
+            });
+        }
+    };
+    const renderRequiredLabel = (label) => {
+        if (required) {
+            return (React.createElement(RequiredLabel, { color: "#666666", style: { marginBottom: 5 } }, label));
+        }
+        return (React.createElement(Text, { color: "#666666", style: { marginBottom: 5 } }, label));
+    };
+    const listDisableActions = [];
+    if (props.disableUndo) {
+        listDisableActions.push('undo');
+    }
+    return (React.createElement("div", null,
+        label && renderRequiredLabel(label),
+        React.createElement(AntdInputNumber, Object.assign({}, restOf, { className: "--show-handler", required: required, onChange: onChangeInputNumber, onBlur: e => {
+                if (!focused) {
+                    setFocused(true);
+                }
+                props.onBlur && props.onBlur(e);
+            }, upHandler: React.createElement(Icon, { type: "icon-ants-caret-up", size: 9 }), downHandler: React.createElement(Icon, { type: "icon-ants-caret-down", size: 9 }) }, getPreventKeyboardAction(listDisableActions))),
+        (props.status === 'error' && errorMsg) || requiredMsg ? (React.createElement(Text, { color: "#ff4d4f", style: { marginBottom: 5, marginLeft: 8 } }, errorMsg || requiredMsg)) : null));
+};
+InputNumber.defaultProps = {
+    required: false,
+    width: 57,
+};

package/es/components/molecules/InputNumberWithUnit/index.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import React from 'react';
+import { InputNumberProps } from '../InputNumber';
+type TUnit = 'px' | '%' | any;
+/**
+ * @default
+ * ```
+ * const DEFAULT_UNIT = {
+      PX: {
+        value: 'px',
+        label: 'PX',
+      },
+      PERCENT: {
+        value: '%',
+        label: '%',
+      },
+    };
+ * ```
+ */
+interface unitData {
+    [key: string]: {
+        value: string;
+        label: string;
+    };
+}
+interface InputNumberWithUnitProps extends InputNumberProps {
+    unit?: TUnit;
+    unitData?: unitData;
+    onChangeUnit: (unit: TUnit) => void;
+}
+export declare const InputNumberWithUnit: React.FC<InputNumberWithUnitProps>;
+export {};

package/es/components/molecules/InputNumberWithUnit/index.js ADDED Viewed

@@ -0,0 +1,37 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
+import React from 'react';
+import { InputNumber } from '../InputNumber';
+import { InputNumberWithUnitWrapper } from './styled';
+// Constants
+const DEFAULT_UNIT = {
+    PX: {
+        value: 'px',
+        label: 'PX',
+    },
+    PERCENT: {
+        value: '%',
+        label: '%',
+    },
+};
+export const InputNumberWithUnit = props => {
+    // Props
+    const { unit, unitData, onChangeUnit, className } = props, restOf = __rest(props, ["unit", "unitData", "onChangeUnit", "className"]);
+    return (React.createElement(InputNumberWithUnitWrapper, { className: className },
+        React.createElement(InputNumber, Object.assign({}, restOf)),
+        Object.values(unitData || DEFAULT_UNIT).map(({ value, label }) => (React.createElement(Text, { key: value, className: `unit-label ${unit === value ? 'selected' : ''}`, onClick: () => onChangeUnit(value) }, label)))));
+};
+InputNumberWithUnit.defaultProps = {
+    unit: 'px',
+};

package/es/components/molecules/InputNumberWithUnit/styled.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const InputNumberWithUnitWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/InputNumberWithUnit/styled.js ADDED Viewed

@@ -0,0 +1,20 @@
+var _a, _b;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const InputNumberWithUnitWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  .unit-label {
+    cursor: pointer;
+    margin-left: 10px;
+    color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon};
+    &.selected {
+      color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary};
+      font-weight: bold;
+    }
+  }
+`;

package/es/components/molecules/InputSearch/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React, { CSSProperties } from 'react';
+import { InputProps } from '@antscorp/antsomi-ui/es/components/atoms/Input';
+interface InputSearchProps extends InputProps {
+    inputStyle?: CSSProperties;
+}
+export declare const InputSearch: React.FC<InputSearchProps>;
+export {};