From 16778c8e846d8618f346bca9131d76bae0bef440 Mon Sep 17 00:00:00 2001 From: YossiSaadi Date: Wed, 11 Sep 2024 14:17:42 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20mondayco?= =?UTF-8?q?m/vibe@99938ea12e1eb8ff6cff73ae8d71580bd5b55590=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 631.6f08bcb7.iframe.bundle.js | 1 - 631.7ac68238.iframe.bundle.js | 1 + ...able-Table-__stories__-Table-mdx.477f0835.iframe.bundle.js | 1 - ...able-Table-__stories__-Table-mdx.ef05b84f.iframe.bundle.js | 1 + ...-Table-__stories__-Table-stories.584f32f9.iframe.bundle.js | 1 - ...-Table-__stories__-Table-stories.58798464.iframe.bundle.js | 1 + iframe.html | 4 ++-- ...3f95e2d.iframe.bundle.js => main.76402a48.iframe.bundle.js | 4 ++-- ....LICENSE.txt => main.76402a48.iframe.bundle.js.LICENSE.txt | 0 project.json | 2 +- ...iframe.bundle.js => runtime~main.f9dc2a2d.iframe.bundle.js | 2 +- 11 files changed, 9 insertions(+), 9 deletions(-) delete mode 100644 631.6f08bcb7.iframe.bundle.js create mode 100644 631.7ac68238.iframe.bundle.js delete mode 100644 components-Table-Table-__stories__-Table-mdx.477f0835.iframe.bundle.js create mode 100644 components-Table-Table-__stories__-Table-mdx.ef05b84f.iframe.bundle.js delete mode 100644 components-Table-Table-__stories__-Table-stories.584f32f9.iframe.bundle.js create mode 100644 components-Table-Table-__stories__-Table-stories.58798464.iframe.bundle.js rename main.03f95e2d.iframe.bundle.js => main.76402a48.iframe.bundle.js (58%) rename main.03f95e2d.iframe.bundle.js.LICENSE.txt => main.76402a48.iframe.bundle.js.LICENSE.txt (100%) rename runtime~main.b4d64fab.iframe.bundle.js => runtime~main.f9dc2a2d.iframe.bundle.js (98%) diff --git a/631.6f08bcb7.iframe.bundle.js b/631.6f08bcb7.iframe.bundle.js deleted file mode 100644 index a4556991fd..0000000000 --- a/631.6f08bcb7.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[631],{"../../node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{XI:()=>action});var v4=__webpack_require__("../../node_modules/uuid/dist/esm-browser/v4.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),preview_errors=__webpack_require__("../../node_modules/@storybook/core-events/dist/errors/preview-errors.mjs"),ADDON_ID="storybook/actions",EVENT_ID=`${ADDON_ID}/action-event`,config={depth:10,clearOnStoryChange:!0,limit:50},findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},serializeArg=a=>{if("object"==typeof(e=a)&&e&&findProto(e,(proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)))&&"function"==typeof e.persist){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=viewDescriptor?.value;return"object"==typeof view&&"Window"===view?.constructor.name&&Object.defineProperty(e,"view",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}var e;return a},generateId=()=>"object"==typeof crypto&&"function"==typeof crypto.getRandomValues?(0,v4.A)():Date.now().toString(36)+Math.random().toString(36).substring(2);function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=("__STORYBOOK_PREVIEW__"in external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find((render=>"playing"===render.phase||"rendering"===render.phase));if(storyRenderer){let deprecated=!window?.FEATURES?.disallowImplicitActionsInRenderV8,error=new preview_errors._U({phase:storyRenderer.phase,name,deprecated});if(!deprecated)throw error;console.warn(error)}}let channel=external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel(),id=generateId(),serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit)};return handler.isAction=!0,handler}},"../style/src/Icons/iconsMetaData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{U:()=>iconsMetaData});var BASIC="Basic",PLATFORM="Platform",iconsMetaData=[{name:"ReplyAll",file:"ReplyAll.svg",description:"Use in a reply all button if needed",tags:"Reply, All, Mail, Send"},{name:"Baseline",file:"Baseline.svg",description:"Baseline",tags:"Baseline, Platform, Gantt, Base, Widget"},{name:"ItemHeightSingle",file:"ItemHeightSingle.svg",description:"Item height single spacing",tags:"Height, Item, Line, Single"},{name:"ItemHeightDouble",file:"ItemHeightDouble.svg",description:"Item height double spacing",tags:"Height, Item, Line, Double"},{name:"Prompt",file:"Prompt.svg",description:"Indicates a type of AI action - Custom prompt and for general prompt",tags:"AI, custom, prompt, text"},{name:"Heart",file:"Heart.svg",description:"Heart",tags:"Favorite, Recommend, Love, Rating"},{name:"Placeholder",file:"Placeholder.svg",description:"Placeholder",tags:"Resource management, Resource, Effort, Placeholder, Portfolio"},{name:"Translation",file:"Translation.svg",description:"Translation",tags:"Platform, Translation, Translate, Language, Localization"},{name:"Warning",file:"Warning.svg",description:"Warning",tags:"warning, caution"},{name:"SortDescending",file:"SortDescending.svg",description:"Sort Descending",tags:"sort,descending"},{name:"SortAscending",file:"SortAscending.svg",description:"Sort Ascending",tags:"sort,ascending"},{name:"Erase",file:"Erase.svg",description:"Erase",tags:"erase, clear"},{name:"Workflow",file:"Workflow.svg",description:"worfkflow builder icon",tags:"autopilot, automations, workflow, workflows"},{name:"ContentDirectory",file:"ContentDirectory.svg",description:"Content Directory icon",tags:""},{name:"Form",file:"Form.svg",description:"Form icon",tags:"form,note,page,views"},{name:"Launch",file:"Launch.svg",description:"Launch icon",tags:"launch,ship,rocket,start,blast,space"},{name:"NotificationsMuted",file:"NotificationsMuted.svg",description:"muted notifications",tags:"notifications, bell, mute",category:[PLATFORM]},{name:"Connect",file:"Connect.svg",description:"Diagonal arrow from the left bottom to the right top",tags:"diagonal,connect,arrow"},{name:"Idea",file:"Idea.svg",description:"Lightbulb that is on",tags:"light,bulb,on,flash,idea,electricty,platform"},{name:"Forum",file:"Forum.svg",description:"Two overlapping chat bubbles facing each other",tags:"chat,forum,community,message,talk"},{name:"Education",file:"Education.svg",description:"Open book with empty pages",tags:"book,page,pages,open,learn,education"},{name:"Academy",file:"Academy.svg",description:"Graduation cap with tassle",tags:"graduation,hat,cap,academy,tassle,learn"},{name:"Offline",file:"Offline.svg",description:"Offline",tags:"Offline,Cloud,Internet"},{name:"Timeline",file:"Timeline.svg",description:"Timeline",tags:"Timeline"},{name:"Tags",file:"Tags.svg",description:"Tags",tags:"Hash Tag Mention"},{name:"Dropdown",file:"Dropdown.svg",description:"Dropdown",tags:"Dropdown, column"},{name:"Country",file:"Country.svg",description:"Country, Flag",tags:"Country,flag"},{name:"MondayDoc",file:"MondayDoc.svg",description:"Monday Doc",tags:"Doc, Document"},{name:"MoveArrowLeftDouble",file:"MoveArrowLeftDouble.svg",description:"Move Arrow Left Double",tags:"move,arrow,left,double,back"},{name:"Formula",file:"Formula.svg",description:"Formula",tags:"formula,math,equation"},{name:"ItemDefaultValues",file:"ItemDefaultValues.svg",description:"Item default values",tags:"item,default,values,edit,value,pencil"},{name:"ConnectedDoc",file:"ConnectedDoc.svg",description:"Connect existing doc",tags:"doc,attach,connect,link"},{name:"AddNewDoc",file:"AddNewDoc.svg",description:"Add new doc",tags:"doc,new"},{name:"Switcher",file:"Switcher.svg",description:"Switching between products",tags:"Switcher,SidePanel,Product,Platform"},{name:"Description",file:"Description.svg",description:"Description",tags:"description"},{name:"LearnMore",file:"LearnMore.svg",description:"Learn More",tags:"LearnMore,Learn More,Question"},{name:"ItemHeightTriple",file:"ItemHeightTriple.svg",description:"Item height triple",tags:"height,item,line,triple"},{name:"TextMedium",file:"TextMedium.svg",description:"Text Medium",tags:"Medium,Text,Design,Font,Text Medium",category:[BASIC]},{name:"NavigationDoubleChevronLeft",file:"NavigationDoubleChevronLeft.svg",description:"Navigation double chevron left",tags:"nagivation,double,chevron,left,history"},{name:"Night",file:"Night.svg",description:"Night",tags:"night, stars, Night mode"},{name:"Mirror",file:"Mirror.svg",description:"mirror",tags:"mirror,connect"},{name:"Minimize",file:"Minimize.svg",description:"minimize",tags:"minimize,close,collapse"},{name:"Layout",file:"Layout.svg",description:"Layout",tags:"Layout, Grid"},{name:"DocTemplate",file:"DocTemplate.svg",description:"Template Doc",tags:"Template, Doc"},{name:"ConvertToItem",file:"ConvertToItem.svg",description:"ConvertToItem",tags:"convert,item"},{name:"TextCopy",file:"TextCopy.svg",description:"Copy Text",tags:"copy,text,t"},{name:"Open",file:"Open.svg",description:"Open",tags:"open,maximize,expand"},{name:"Expand",file:"Expand.svg",description:"Expand",tags:"expand"},{name:"ConvertToSubitem",file:"ConvertToSubitem.svg",description:"Convert To Subitem",tags:"convert, subitem"},{name:"Clear",file:"Clear.svg",description:"Clear",tags:"clear"},{name:"TextColorIndicator",file:"TextColorIndicator.svg",description:"",tags:"text, A, font"},{name:"Bug",file:"Bug.svg",description:"Bug",tags:"Bug,Platform"},{name:"Battery",file:"Battery.svg",description:"Battery",tags:"battery"},{name:"Status",file:"Status.svg",description:"Status icon",tags:"status, done, status category"},{name:"Subitems",file:"Subitems.svg",description:"Subitems icon",tags:"subitems, subitems category"},{name:"Gantt",file:"Gantt.svg",description:"Gantt icon",tags:"Single Marketing Project,Gantt,Timeline,Views"},{name:"Counter",file:"Counter.svg",description:"counter icon",tags:"numbers, 123, counter, digits"},{name:"Widgets",file:"Widgets.svg",description:"Widgets icon",tags:"widget, graph"},{name:"Recurring",file:"Recurring.svg",description:"Recurring icon",tags:"recurring, time, timebased, every, automation, cron"},{name:"Featured",file:"Featured.svg",description:"Featured category icon",tags:"featured, category, highlights, automation, diamond, upgrade"},{name:"DueDate",file:"DueDate.svg",description:"DueDate icon",tags:"duedate, date, deadline, automation, timebased, cron"},{name:"Dependency",file:"Dependency.svg",description:"Dependencies icon",tags:"dependency, category, dependencies, ensure, adjust, automations"},{name:"Custom",file:"Custom.svg",description:"Custom categoty icon",tags:"custom, recipe, automations, dynamic, builder"},{name:"Basic",file:"Basic.svg",description:"Basic category icon",tags:"basic, category, automations"},{name:"Work",file:"Work.svg",description:"work",tags:"Work,ProjectPortfolio,Suitcase,Business,Sales Materials,Platform"},{name:"MoreBelowFilled",file:"MoreBelowFilled.svg",description:"More below filled",tags:"more,below,filled",ignore:!0},{name:"MoreBelow",file:"MoreBelow.svg",description:"more below",tags:"more,below",ignore:!0},{name:"CollapseRound",file:"CollapseRound.svg",description:"Collapse round",tags:"collapse,round",ignore:!0},{name:"CloseRound",file:"CloseRound.svg",description:"Close round",tags:"close,round",ignore:!0},{name:"Bulllet",file:"Bulllet.svg",description:"Bullet",tags:"bullet",ignore:!0},{name:"MoreActions",file:"MoreActions.svg",description:"Icons used for dropdown of more actions",tags:"more,actions,dropdown,arrow"},{name:"Apps",file:"Apps.svg",description:"monday apps section",tags:"app,apps,apps marketplace,installed apps,puzzle,add",category:[PLATFORM]},{name:"Globe",file:"Globe.svg",description:"Globe",tags:"Globe,earth,world,country"},{name:"Radio",file:"Radio.svg",description:"RadioButton",tags:"Radio,Radio button,select,single"},{name:"LongText",file:"LongText.svg",description:"LongText",tags:"text,long text,description,lines"},{name:"ShortText",file:"ShortText.svg",description:"ShortText",tags:"short text,text,title,line"},{name:"Activity",file:"Activity.svg",description:"Activity",tags:"Activity,Active,Platform,Up,Chart,Graph",category:[PLATFORM]},{name:"Add",file:"Add.svg",description:"Add",tags:"Add, Plus",category:[BASIC]},{name:"AddSmall",file:"AddSmall.svg",description:"Add Small",tags:"Add, Plus",category:[BASIC]},{name:"AddUpdate",file:"AddUpdate.svg",description:"Add Update",tags:"Add, Plus, Update",category:[PLATFORM]},{name:"Alert",file:"Alert.svg",description:"Alert",tags:"Alert, Warning, Danger",category:[BASIC]},{name:"Announcement",file:"Announcement.svg",description:"Announcement",tags:"Announcement, New, Shout",category:[PLATFORM]},{name:"API",file:"API.svg",description:"API",tags:"API",category:[PLATFORM]},{name:"Archive",file:"Archive.svg",description:"Archive",tags:"Archive, Box",category:[PLATFORM]},{name:"Attach",file:"Attach.svg",description:"Attach",tags:"Attach, Clip, Add Files",category:[PLATFORM]},{name:"BlockQuote",file:"BlockQuote.svg",description:"BlockQuote",tags:"Blockquote, Block, Quote, Text, Design",category:[PLATFORM]},{name:"Board",file:"Board.svg",description:"Board",tags:"Board",category:[PLATFORM]},{name:"BoardPrivate",file:"BoardPrivate.svg",description:"Private Board",tags:"Board, Private",category:[PLATFORM]},{name:"BoardShareable",file:"BoardShareable.svg",description:"Shareable Board",tags:"Board, Shareable, Share",category:[PLATFORM]},{name:"BoardTemplate",file:"BoardTemplate.svg",description:"Template Board",tags:"Board, Template",category:[PLATFORM]},{name:"Bold",file:"Bold.svg",description:"Bold",tags:"Bold, Text, Design",category:[PLATFORM]},{name:"Bolt",file:"Bolt.svg",description:"Bolt",tags:"Bolt, Switch, Lightning, Fast",category:[PLATFORM]},{name:"Broadcast",file:"Broadcast.svg",description:"Broadcast",tags:"Broadcast",category:[PLATFORM]},{name:"Broom",file:"Broom.svg",description:"Broom",tags:"Broom, Brush, Clean, Spark",category:[PLATFORM]},{name:"Bullets",file:"Bullets.svg",description:"Bullets",tags:"Bullets,List,Text,Design,Redactor",category:[PLATFORM]},{name:"Bullet",file:"Bullet.svg",description:"Bullet",tags:"Bullet, List, Text, Design, Bullets",category:[PLATFORM]},{name:"Bookmark",file:"Bookmark.svg",description:"Bookmark",tags:"Bookmark, Add, Favorite, Mark",category:[PLATFORM]},{name:"Calendar",file:"Calendar.svg",description:"Calendar",tags:"Date,Content,Calendar,Event,Schedule,Week,Day,Campaign,Planning,Views,Columns",category:["View"]},{name:"Chart",file:"Chart.svg",description:"Chart",tags:"Chart, Graph, Pie",category:["View"]},{name:"Check",file:"Check.svg",description:"Check",tags:"Check, Done, V",category:[BASIC]},{name:"Checkbox",file:"Checkbox.svg",description:"Checkbox",tags:"Design, Checkbox, Check",category:[BASIC]},{name:"CheckList",file:"CheckList.svg",description:"CheckList",tags:"Check, Done, V, List, CheckList, My Work",category:[BASIC]},{name:"Close",file:"Close.svg",description:"Close",tags:"Close, X, Cancel",category:[BASIC]},{name:"CloseSmall",file:"CloseSmall.svg",description:"Close Small",tags:"Close, X, Cancel",category:[BASIC]},{name:"Code",file:"Code.svg",description:"Code",tags:"Code, Design",category:[BASIC]},{name:"Collapse",file:"Collapse.svg",description:"Collapse Round",tags:"Collapse, Round, Close",category:[BASIC]},{name:"Column",file:"Column.svg",description:"Column",tags:"Column, Board",category:[PLATFORM]},{name:"Comment",file:"Comment.svg",description:"Use as indication for comment, review or writing assistant.",tags:"Comment, Text, Speech, Speech bubble, Writing, Review, Assistant",category:[PLATFORM]},{name:"Completed",file:"Completed.svg",description:"Completed",tags:"Completed, Done, Tick, V"},{name:"CreditCard",file:"CreditCard.svg",description:"CreditCard",tags:"Credit Card, Pay, Swipe",category:[PLATFORM]},{name:"Cut",file:"Cut.svg",description:"Cut",tags:"Cut, Design",category:[PLATFORM]},{name:"Dashboard",file:"Dashboard.svg",description:"Dashboard",tags:"Dashboard, Board",category:[PLATFORM]},{name:"DashboardPrivate",file:"DashboardPrivate.svg",description:"Private Dashboard",tags:"Dashboard, Board, Private",category:[PLATFORM]},{name:"Delete",file:"Delete.svg",description:"Delete",tags:"Delete, Remove, Trash, Bin",category:[PLATFORM]},{name:"DisabledUser",file:"DisabledUser.svg",description:"Disabled User",tags:"Disabled User, Remove User",category:[PLATFORM]},{name:"Divider",file:"Divider.svg",description:"Divider",tags:"Divider, Design, Separator",category:[BASIC]},{name:"Doc",file:"Doc.svg",description:"Doc",tags:"Doc, Document",category:[PLATFORM]},{name:"DocPrivate",file:"DocPrivate.svg",description:"Private Doc",tags:"Doc, Document, Private",category:[PLATFORM]},{name:"DocShareable",file:"DocShareable.svg",description:"Shareable Doc",tags:"Doc, Document, Shareable, Share",category:[PLATFORM]},{name:"DoubleCheck",file:"DoubleCheck.svg",description:"Double Check",tags:"Check, Done, Seen, Double",category:[BASIC]},{name:"Download",file:"Download.svg",description:"Download icon",tags:"download, incoming, import",category:[PLATFORM]},{name:"Drag",file:"Drag.svg",description:"Drag",tags:"Drag, Move",category:[BASIC]},{name:"DropdownChevronDown",file:"DropdownChevronDown.svg",description:"Chevron Down Arrow",tags:"Chevron, Arrow, Down",category:[BASIC]},{name:"DropdownChevronLeft",file:"DropdownChevronLeft.svg",description:"Chevron Left Arrow",tags:"Chevron, Arrow, Left",category:[BASIC]},{name:"DropdownChevronRight",file:"DropdownChevronRight.svg",description:"Chevron Right Arrow",tags:"Chevron, Arrow, Right",category:[BASIC]},{name:"DropdownChevronUp",file:"DropdownChevronUp.svg",description:"Chevron Up Arrow",tags:"Chevron, Arrow, Up",category:[BASIC]},{name:"Duplicate",file:"Duplicate.svg",description:"Duplicate",tags:"Duplicate, Copy",category:[PLATFORM]},{name:"Edit",file:"Edit.svg",description:"Edit",tags:"Edit, Change, Pencil",category:[PLATFORM]},{name:"Email",file:"Email.svg",description:"Email",tags:"Email, Letter, Envelope",category:[PLATFORM]},{name:"Embed",file:"Embed.svg",description:"Embed",tags:"Embed, Code",category:[PLATFORM]},{name:"Enter",file:"Enter.svg",description:"Enter",tags:"Enter, Keyboard, Key",category:[PLATFORM]},{name:"Event",file:"Event.svg",description:"Event",tags:"Event, Day, Calendar",category:[PLATFORM]},{name:"Emoji",file:"Emoji.svg",description:"Emoji",tags:"Emoji, Smiley, Text, Design",category:[PLATFORM]},{name:"ExternalPage",file:"ExternalPage.svg",description:"External Page",tags:"External, Page, New Tab, Open",category:[PLATFORM]},{name:"Favorite",file:"Favorite.svg",description:"Favorite",tags:"Favorite, Star",category:[PLATFORM]},{name:"Feedback",file:"Feedback.svg",description:"Feedback",tags:"Feedback",category:[PLATFORM]},{name:"File",file:"File.svg",description:"File",tags:"File",category:[PLATFORM]},{name:"Filter",file:"Filter.svg",description:"Filter",tags:"Filter, Funnel",category:[PLATFORM]},{name:"Folder",file:"Folder.svg",description:"Folder",tags:"Folder",category:[PLATFORM]},{name:"Fullscreen",file:"Fullscreen.svg",description:"Fullscreen",tags:"Fullscreen, Expand",category:[PLATFORM]},{name:"Graph",file:"Graph.svg",description:"Graph",tags:"Graph, Change, Line, XY",category:[PLATFORM]},{name:"FullscreenClose",file:"FullscreenClose.svg",description:"FullscreenClose",tags:"Fullscreen, Close",category:[PLATFORM]},{name:"Gallery",file:"Gallery.svg",description:"Gallery",tags:"Gallery, Files, Image gallery",category:[PLATFORM]},{name:"GIF",file:"Gif.svg",description:"Gif",tags:"Gif",category:[PLATFORM]},{name:"Group",file:"Group.svg",description:"Group",tags:"Group, Board",category:[PLATFORM]},{name:"Guest",file:"Guest.svg",description:"Guest",tags:"Guest,Activity,CampaignPerformance,Graph,Line,Change,XY,Platform",category:[PLATFORM]},{name:"Help",file:"Help.svg",description:"Help",tags:"help, question"},{name:"Health",file:"Health.svg",description:"Health",tags:"Health, Status, Heart",category:[PLATFORM]},{name:"Hide",file:"Hide.svg",description:"Hide",tags:"Hide, Eye",category:[PLATFORM]},{name:"Highlight",file:"Highlight.svg",description:"Highlight",tags:"Highlight, Text, Design",category:[PLATFORM]},{name:"HighlightColorBucket",file:"HighlightColorBucket.svg",description:"Highlight",tags:"Highlight, Text, Design, Bucket",category:[PLATFORM]},{name:"Home",file:"Home.svg",description:"Home",tags:"Home, Plate",category:[PLATFORM]},{name:"Image",file:"Image.svg",description:"Image",tags:"Image, Picture",category:[PLATFORM]},{name:"Inbox",file:"Inbox.svg",description:"Inbox",tags:"Inbox, Incoming",category:[PLATFORM]},{name:"Info",file:"Info.svg",description:"Info",tags:"Info, Information",category:[PLATFORM]},{name:"Integrations",file:"Integrations.svg",description:"Integrations",tags:"Integrations, Plugin, Plugins",category:[PLATFORM]},{name:"Invite",file:"Invite.svg",description:"Invite",tags:"Invite, User, Add",category:[PLATFORM]},{name:"IPRestrictions",file:"IPRestrictions.svg",description:"IP Restrictions",tags:"IP, Lock, Globe, Restrictions",category:[PLATFORM]},{name:"Italic",file:"Italic.svg",description:"Italic",tags:"Italic, Text, Design",category:[PLATFORM]},{name:"Item",file:"Item.svg",description:"Item",tags:"Item, Board",category:[PLATFORM]},{name:"Keyboard",file:"Keyboard.svg",description:"Keyboard",tags:"Keyboard, Key",category:[PLATFORM]},{name:"Labs",file:"Labs.svg",description:"Labs",tags:"Labs, Experiment, Tube",category:[PLATFORM]},{name:"Lines",file:"Lines.svg",description:"Lines",tags:"Lines, Rows",category:[PLATFORM]},{name:"Link",file:"Link.svg",description:"Link",tags:"Link, Chain",category:[PLATFORM]},{name:"Location",file:"Location.svg",description:"Location",tags:"Location, Pin, Map",category:[PLATFORM]},{name:"Locked",file:"Locked.svg",description:"Locked",tags:"Lock, Locked, Closed, Private",category:[PLATFORM]},{name:"LogIn",file:"LogIn.svg",description:"Log In",tags:"LogIn",category:[PLATFORM]},{name:"LogOut",file:"LogOut.svg",description:"Log Out",tags:"LogOut",category:[PLATFORM]},{name:"Mention",file:"Mention.svg",description:"Mention",tags:"@, Mention, At, Tag",category:[PLATFORM]},{name:"Menu",file:"Menu.svg",description:"Menu",tags:"Menu, 3 Dots, Dots",category:[BASIC]},{name:"Microphone",file:"Microphone.svg",description:"Microphone",tags:"Microphone, voice, sound",category:[BASIC]},{name:"Mobile",file:"Mobile.svg",description:"Mobile",tags:"Mobile, Phone, Touch",category:[PLATFORM]},{name:"MondayLogoOutline",file:"MondayLogoOutline.svg",description:"MondayLogoOutline",tags:"Monday, Logo, Outline",category:[PLATFORM]},{name:"Moon",file:"Moon.svg",description:"Moon",tags:"Moon, Dark Mode",category:[PLATFORM]},{name:"MoveArrowDown",file:"MoveArrowDown.svg",description:"Move Arrow Down",tags:"Move, Arrow, Down",category:[BASIC]},{name:"MoveArrowLeft",file:"MoveArrowLeft.svg",description:"Move Arrow Left",tags:"Move, Arrow, Left",category:[BASIC]},{name:"MoveArrowRight",file:"MoveArrowRight.svg",description:"Move Arrow Right",tags:"Move, Arrow, Right",category:[BASIC]},{name:"MoveArrowUp",file:"MoveArrowUp.svg",description:"Move Arrow Up",tags:"Move, Arrow, Up",category:[BASIC]},{name:"Mute",file:"Mute.svg",description:"Mute",tags:"Mute",category:[PLATFORM]},{name:"MyWeek",file:"MyWeek.svg",description:"My week",tags:"my week, week, calendar"},{name:"NavigationChevronDown",file:"NavigationChevronDown.svg",description:"Navigation Chevron Down",tags:"Navigation, Arrow, Down",category:[BASIC]},{name:"NavigationChevronLeft",file:"NavigationChevronLeft.svg",description:"Navigation Chevron Left",tags:"Navigation, Arrow, Left",category:[BASIC]},{name:"NavigationChevronRight",file:"NavigationChevronRight.svg",description:"Navigation Chevron Right",tags:"Navigation, Arrow, Right",category:[BASIC]},{name:"NavigationChevronUp",file:"NavigationChevronUp.svg",description:"Navigation Chevron Up",tags:"Navigation, Arrow, Up",category:[BASIC]},{name:"NewTab",file:"NewTab.svg",description:"New Tab",tags:"New Tab, Open",category:[PLATFORM]},{name:"NoColor",file:"NoColor.svg",description:"No Color",tags:"No Color, Drop",category:[PLATFORM]},{name:"Note",file:"Note.svg",description:"Note",tags:"Note, Page",category:[PLATFORM]},{name:"Notifications",file:"Notifications.svg",description:"Notifications",tags:"Notifications, Bell",category:[PLATFORM]},{name:"Numbers",file:"Numbers.svg",description:"Numbers",tags:"Numbers, List, Design",category:[PLATFORM]},{name:"Page",file:"Page.svg",description:"Page",tags:"Page,Single Page,Blank,Platform",category:[PLATFORM]},{name:"Paste",file:"Paste.svg",description:"Paste",tags:"Paste, Design",category:[PLATFORM]},{name:"Pause",file:"Pause.svg",description:"Pause",tags:"Pause, Hold",category:[PLATFORM]},{name:"Person",file:"Person.svg",description:"Person",tags:"Person, People",category:[PLATFORM]},{name:"Pin",file:"Pin.svg",description:"Pin",tags:"Pin",category:[PLATFORM]},{name:"Play",file:"Play.svg",description:"Play",tags:"Play, Start",category:[PLATFORM]},{name:"Print",file:"Print.svg",description:"Print",tags:"Print, Printer",category:[PLATFORM]},{name:"PushNotification",file:"PushNotification.svg",description:"Push Notifications",tags:"Push, Notifications, Bar",category:[PLATFORM]},{name:"Quote",file:"Quote.svg",description:"Quote",tags:"Quote",category:[PLATFORM]},{name:"RecycleBin",file:"RecycleBin.svg",description:"Recycle bin",tags:"Recycle bin, Trash, Recycle, Bin"},{name:"Redo",file:"Redo.svg",description:"Redo",tags:"Redo, Text, Design",category:[PLATFORM]},{name:"Remove",file:"Remove.svg",description:"Remove",tags:"Remove, Line, Minus",category:[BASIC]},{name:"Replay",file:"Replay.svg",description:"Replay",tags:"Replay, Message, Arrow",category:[PLATFORM]},{name:"Retry",file:"Retry.svg",description:"Retry",tags:"Retry, Reload, Refresh",category:[PLATFORM]},{name:"Robot",file:"Robot.svg",description:"Robot",tags:"Robot, Automations",category:[PLATFORM]},{name:"Rotate",file:"Rotate.svg",description:"Rotate",tags:"Rotate, Clockwise retry, Clockwise reload, Clockwise refresh",category:[PLATFORM]},{name:"Search",file:"Search.svg",description:"Search",tags:"Search, Find, Magnifying Glass",category:[PLATFORM]},{name:"Security",file:"Security.svg",description:"Security",tags:"Security, Shield, Protect",category:[PLATFORM]},{name:"Send",file:"Send.svg",description:"Send",tags:"Send, Message, Plane, Airplane, Paper",category:[PLATFORM]},{name:"Settings",file:"Settings.svg",description:"Settings",tags:"Settings, Cog",category:[PLATFORM]},{name:"SettingsKnobs",file:"SettingsKnobs.svg",description:"Settings",tags:"Settings, Knobs",category:[PLATFORM]},{name:"Share",file:"Share.svg",description:"Share",tags:"Share, Social",category:[PLATFORM]},{name:"Show",file:"Show.svg",description:"Show",tags:"Show, Eye",category:[PLATFORM]},{name:"Shredder",file:"Shredder.svg",description:"Shredder",tags:"Shredder, Paper, Recycle",category:[PLATFORM]},{name:"Sort",file:"Sort.svg",description:"Sort",tags:"Sort",category:[PLATFORM]},{name:"Sound",file:"Sound.svg",description:"Sound",tags:"Sound, Audio, Speaker",category:[PLATFORM]},{name:"StrikethroughS",file:"StrikethroughS.svg",description:"Strike Through",tags:"Strike Through, Text, Design",category:[PLATFORM]},{name:"StrikethroughT",file:"StrikethroughT.svg",description:"Strike Through",tags:"Strike Through, Text, Design",category:[PLATFORM]},{name:"Sun",file:"Sun.svg",description:"Sun",tags:"Sun, Light Mode, Mode",category:[PLATFORM]},{name:"Switch",file:"Switch.svg",description:"Switch",tags:"Switch, Arrow",category:[PLATFORM]},{name:"Table",file:"Table.svg",description:"Table",tags:"Table, Grid",category:["View"]},{name:"Team",file:"Team.svg",description:"Team",tags:"Team, Person, People, User, Users",category:[BASIC]},{name:"Text",file:"Text.svg",description:"Text",tags:"Regular, Text, Design, Font",category:[BASIC]},{name:"TextBig",file:"TextBig.svg",description:"Text Big",tags:"Big, Text, Design, Font, Text Big",category:[BASIC]},{name:"Textcolor",file:"Textcolor.svg",description:"Text Color",tags:"Text Color, Color, Text, Design",category:[PLATFORM]},{name:"TextHuge",file:"TextHuge.svg",description:"Text Huge",tags:"Huge, Text, Design, Font Text Huge",category:[BASIC]},{name:"TextSmall",file:"TextSmall.svg",description:"Text Small",tags:"Small, Text, Design, Font, Text Small",category:[BASIC]},{name:"ThumbsUp",file:"ThumbsUp.svg",description:"ThumbsUp",tags:"ThumbsUp, Like, Plus",category:[PLATFORM]},{name:"Time",file:"Time.svg",description:"Time",tags:"Time, Clock",category:[PLATFORM]},{name:"Underline",file:"Underline.svg",description:"Underline",tags:"Underline, Text, Design",category:[PLATFORM]},{name:"TurnInto",file:"TurnInto.svg",description:"Turn Into",tags:"Turn Into, Switch",category:[PLATFORM]},{name:"Undo",file:"Undo.svg",description:"Undo",tags:"Undo, Text, Design",category:[PLATFORM]},{name:"Unlocked",file:"Unlocked.svg",description:"Unlock",tags:"Unlock, Unlocked, Open, Public",category:[PLATFORM]},{name:"Update",file:"Update.svg",description:"Update",tags:"Bubble, Update, Message, Talk",category:[PLATFORM]},{name:"Upgrade",file:"Upgrade.svg",description:"Upgrade",tags:"Upgrade, Stars",category:[PLATFORM]},{name:"Upload",file:"Upload.svg",description:"Upload",tags:"Upload, Up, File, Outgoing, Export",category:[PLATFORM]},{name:"Versioning",file:"Versioning.svg",description:"Versioning",tags:"Retrospective,Recurring,Time,Time Based,Every,Automation,Cron,Version,History,Platform"},{name:"Video",file:"Video.svg",description:"Video icon",tags:"video",category:[PLATFORM]},{name:"Wand",file:"Wand.svg",description:"Wand",tags:"Wand, Star",category:[PLATFORM]},{name:"WhatsNew",file:"WhatsNew.svg",description:"Whats New",tags:"WhatsNew, New",category:[PLATFORM]},{name:"Workspace",file:"Workspace.svg",description:"Workspace",tags:"Workspace, Grid",category:[PLATFORM]},{name:"Deactivate",file:"Deactivate.svg",description:"Deactivate",tags:"deactivate, active"},{name:"AddToTeam",file:"AddToTeam.svg",description:"Add to team",tags:"user, users, team, add"},{name:"PersonRound",file:"PersonRound.svg",description:"Person round",tags:"person, user"},{name:"UserDomain",file:"UserDomain.svg",description:"User domain",tags:"user, domain, email"},{name:"UserStatus",file:"UserStatus.svg",description:"User status",tags:"user, status"}]},"./src/storybook/functions/createStoryMetaSettingsDecorator.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>createStoryMetaSettingsDecorator,A:()=>functions_createStoryMetaSettingsDecorator});var iconsMetaData=__webpack_require__("../style/src/Icons/iconsMetaData.js"),react=__webpack_require__("../../node_modules/react/index.js"),dist=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/index.mjs");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{__webpack_require__.d(__webpack_exports__,{XI:()=>action});var v4=__webpack_require__("../../node_modules/uuid/dist/esm-browser/v4.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),preview_errors=__webpack_require__("../../node_modules/@storybook/core-events/dist/errors/preview-errors.mjs"),ADDON_ID="storybook/actions",EVENT_ID=`${ADDON_ID}/action-event`,config={depth:10,clearOnStoryChange:!0,limit:50},findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},serializeArg=a=>{if("object"==typeof(e=a)&&e&&findProto(e,(proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)))&&"function"==typeof e.persist){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=viewDescriptor?.value;return"object"==typeof view&&"Window"===view?.constructor.name&&Object.defineProperty(e,"view",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}var e;return a},generateId=()=>"object"==typeof crypto&&"function"==typeof crypto.getRandomValues?(0,v4.A)():Date.now().toString(36)+Math.random().toString(36).substring(2);function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=("__STORYBOOK_PREVIEW__"in external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find((render=>"playing"===render.phase||"rendering"===render.phase));if(storyRenderer){let deprecated=!window?.FEATURES?.disallowImplicitActionsInRenderV8,error=new preview_errors._U({phase:storyRenderer.phase,name,deprecated});if(!deprecated)throw error;console.warn(error)}}let channel=external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel(),id=generateId(),serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit)};return handler.isAction=!0,handler}},"../style/src/Icons/iconsMetaData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{U:()=>iconsMetaData});var BASIC="Basic",PLATFORM="Platform",iconsMetaData=[{name:"CloseMedium",file:"CloseMedium.svg",description:"Close Medium",tags:"Close, X, Cancel"},{name:"ReplyAll",file:"ReplyAll.svg",description:"Use in a reply all button if needed",tags:"Reply, All, Mail, Send"},{name:"Baseline",file:"Baseline.svg",description:"Baseline",tags:"Baseline, Platform, Gantt, Base, Widget"},{name:"ItemHeightSingle",file:"ItemHeightSingle.svg",description:"Item height single spacing",tags:"Height, Item, Line, Single"},{name:"ItemHeightDouble",file:"ItemHeightDouble.svg",description:"Item height double spacing",tags:"Height, Item, Line, Double"},{name:"Prompt",file:"Prompt.svg",description:"Indicates a type of AI action - Custom prompt and for general prompt",tags:"AI, custom, prompt, text"},{name:"Heart",file:"Heart.svg",description:"Heart",tags:"Favorite, Recommend, Love, Rating"},{name:"Placeholder",file:"Placeholder.svg",description:"Placeholder",tags:"Resource management, Resource, Effort, Placeholder, Portfolio"},{name:"Translation",file:"Translation.svg",description:"Translation",tags:"Platform, Translation, Translate, Language, Localization"},{name:"Warning",file:"Warning.svg",description:"Warning",tags:"warning, caution"},{name:"SortDescending",file:"SortDescending.svg",description:"Sort Descending",tags:"sort,descending"},{name:"SortAscending",file:"SortAscending.svg",description:"Sort Ascending",tags:"sort,ascending"},{name:"Erase",file:"Erase.svg",description:"Erase",tags:"erase, clear"},{name:"Workflow",file:"Workflow.svg",description:"worfkflow builder icon",tags:"autopilot, automations, workflow, workflows"},{name:"ContentDirectory",file:"ContentDirectory.svg",description:"Content Directory icon",tags:""},{name:"Form",file:"Form.svg",description:"Form icon",tags:"form,note,page,views"},{name:"Launch",file:"Launch.svg",description:"Launch icon",tags:"launch,ship,rocket,start,blast,space"},{name:"NotificationsMuted",file:"NotificationsMuted.svg",description:"muted notifications",tags:"notifications, bell, mute",category:[PLATFORM]},{name:"Connect",file:"Connect.svg",description:"Diagonal arrow from the left bottom to the right top",tags:"diagonal,connect,arrow"},{name:"Idea",file:"Idea.svg",description:"Lightbulb that is on",tags:"light,bulb,on,flash,idea,electricty,platform"},{name:"Forum",file:"Forum.svg",description:"Two overlapping chat bubbles facing each other",tags:"chat,forum,community,message,talk"},{name:"Education",file:"Education.svg",description:"Open book with empty pages",tags:"book,page,pages,open,learn,education"},{name:"Academy",file:"Academy.svg",description:"Graduation cap with tassle",tags:"graduation,hat,cap,academy,tassle,learn"},{name:"Offline",file:"Offline.svg",description:"Offline",tags:"Offline,Cloud,Internet"},{name:"Timeline",file:"Timeline.svg",description:"Timeline",tags:"Timeline"},{name:"Tags",file:"Tags.svg",description:"Tags",tags:"Hash Tag Mention"},{name:"Dropdown",file:"Dropdown.svg",description:"Dropdown",tags:"Dropdown, column"},{name:"Country",file:"Country.svg",description:"Country, Flag",tags:"Country,flag"},{name:"MondayDoc",file:"MondayDoc.svg",description:"Monday Doc",tags:"Doc, Document"},{name:"MoveArrowLeftDouble",file:"MoveArrowLeftDouble.svg",description:"Move Arrow Left Double",tags:"move,arrow,left,double,back"},{name:"Formula",file:"Formula.svg",description:"Formula",tags:"formula,math,equation"},{name:"ItemDefaultValues",file:"ItemDefaultValues.svg",description:"Item default values",tags:"item,default,values,edit,value,pencil"},{name:"ConnectedDoc",file:"ConnectedDoc.svg",description:"Connect existing doc",tags:"doc,attach,connect,link"},{name:"AddNewDoc",file:"AddNewDoc.svg",description:"Add new doc",tags:"doc,new"},{name:"Switcher",file:"Switcher.svg",description:"Switching between products",tags:"Switcher,SidePanel,Product,Platform"},{name:"Description",file:"Description.svg",description:"Description",tags:"description"},{name:"LearnMore",file:"LearnMore.svg",description:"Learn More",tags:"LearnMore,Learn More,Question"},{name:"ItemHeightTriple",file:"ItemHeightTriple.svg",description:"Item height triple",tags:"height,item,line,triple"},{name:"TextMedium",file:"TextMedium.svg",description:"Text Medium",tags:"Medium,Text,Design,Font,Text Medium",category:[BASIC]},{name:"NavigationDoubleChevronLeft",file:"NavigationDoubleChevronLeft.svg",description:"Navigation double chevron left",tags:"nagivation,double,chevron,left,history"},{name:"Night",file:"Night.svg",description:"Night",tags:"night, stars, Night mode"},{name:"Mirror",file:"Mirror.svg",description:"mirror",tags:"mirror,connect"},{name:"Minimize",file:"Minimize.svg",description:"minimize",tags:"minimize,close,collapse"},{name:"Layout",file:"Layout.svg",description:"Layout",tags:"Layout, Grid"},{name:"DocTemplate",file:"DocTemplate.svg",description:"Template Doc",tags:"Template, Doc"},{name:"ConvertToItem",file:"ConvertToItem.svg",description:"ConvertToItem",tags:"convert,item"},{name:"TextCopy",file:"TextCopy.svg",description:"Copy Text",tags:"copy,text,t"},{name:"Open",file:"Open.svg",description:"Open",tags:"open,maximize,expand"},{name:"Expand",file:"Expand.svg",description:"Expand",tags:"expand"},{name:"ConvertToSubitem",file:"ConvertToSubitem.svg",description:"Convert To Subitem",tags:"convert, subitem"},{name:"Clear",file:"Clear.svg",description:"Clear",tags:"clear"},{name:"TextColorIndicator",file:"TextColorIndicator.svg",description:"",tags:"text, A, font"},{name:"Bug",file:"Bug.svg",description:"Bug",tags:"Bug,Platform"},{name:"Battery",file:"Battery.svg",description:"Battery",tags:"battery"},{name:"Status",file:"Status.svg",description:"Status icon",tags:"status, done, status category"},{name:"Subitems",file:"Subitems.svg",description:"Subitems icon",tags:"subitems, subitems category"},{name:"Gantt",file:"Gantt.svg",description:"Gantt icon",tags:"Single Marketing Project,Gantt,Timeline,Views"},{name:"Counter",file:"Counter.svg",description:"counter icon",tags:"numbers, 123, counter, digits"},{name:"Widgets",file:"Widgets.svg",description:"Widgets icon",tags:"widget, graph"},{name:"Recurring",file:"Recurring.svg",description:"Recurring icon",tags:"recurring, time, timebased, every, automation, cron"},{name:"Featured",file:"Featured.svg",description:"Featured category icon",tags:"featured, category, highlights, automation, diamond, upgrade"},{name:"DueDate",file:"DueDate.svg",description:"DueDate icon",tags:"duedate, date, deadline, automation, timebased, cron"},{name:"Dependency",file:"Dependency.svg",description:"Dependencies icon",tags:"dependency, category, dependencies, ensure, adjust, automations"},{name:"Custom",file:"Custom.svg",description:"Custom categoty icon",tags:"custom, recipe, automations, dynamic, builder"},{name:"Basic",file:"Basic.svg",description:"Basic category icon",tags:"basic, category, automations"},{name:"Work",file:"Work.svg",description:"work",tags:"Work,ProjectPortfolio,Suitcase,Business,Sales Materials,Platform"},{name:"MoreBelowFilled",file:"MoreBelowFilled.svg",description:"More below filled",tags:"more,below,filled",ignore:!0},{name:"MoreBelow",file:"MoreBelow.svg",description:"more below",tags:"more,below",ignore:!0},{name:"CollapseRound",file:"CollapseRound.svg",description:"Collapse round",tags:"collapse,round",ignore:!0},{name:"CloseRound",file:"CloseRound.svg",description:"Close round",tags:"close,round",ignore:!0},{name:"Bulllet",file:"Bulllet.svg",description:"Bullet",tags:"bullet",ignore:!0},{name:"MoreActions",file:"MoreActions.svg",description:"Icons used for dropdown of more actions",tags:"more,actions,dropdown,arrow"},{name:"Apps",file:"Apps.svg",description:"monday apps section",tags:"app,apps,apps marketplace,installed apps,puzzle,add",category:[PLATFORM]},{name:"Globe",file:"Globe.svg",description:"Globe",tags:"Globe,earth,world,country"},{name:"Radio",file:"Radio.svg",description:"RadioButton",tags:"Radio,Radio button,select,single"},{name:"LongText",file:"LongText.svg",description:"LongText",tags:"text,long text,description,lines"},{name:"ShortText",file:"ShortText.svg",description:"ShortText",tags:"short text,text,title,line"},{name:"Activity",file:"Activity.svg",description:"Activity",tags:"Activity,Active,Platform,Up,Chart,Graph",category:[PLATFORM]},{name:"Add",file:"Add.svg",description:"Add",tags:"Add, Plus",category:[BASIC]},{name:"AddSmall",file:"AddSmall.svg",description:"Add Small",tags:"Add, Plus",category:[BASIC]},{name:"AddUpdate",file:"AddUpdate.svg",description:"Add Update",tags:"Add, Plus, Update",category:[PLATFORM]},{name:"Alert",file:"Alert.svg",description:"Alert",tags:"Alert, Warning, Danger",category:[BASIC]},{name:"Announcement",file:"Announcement.svg",description:"Announcement",tags:"Announcement, New, Shout",category:[PLATFORM]},{name:"API",file:"API.svg",description:"API",tags:"API",category:[PLATFORM]},{name:"Archive",file:"Archive.svg",description:"Archive",tags:"Archive, Box",category:[PLATFORM]},{name:"Attach",file:"Attach.svg",description:"Attach",tags:"Attach, Clip, Add Files",category:[PLATFORM]},{name:"BlockQuote",file:"BlockQuote.svg",description:"BlockQuote",tags:"Blockquote, Block, Quote, Text, Design",category:[PLATFORM]},{name:"Board",file:"Board.svg",description:"Board",tags:"Board",category:[PLATFORM]},{name:"BoardPrivate",file:"BoardPrivate.svg",description:"Private Board",tags:"Board, Private",category:[PLATFORM]},{name:"BoardShareable",file:"BoardShareable.svg",description:"Shareable Board",tags:"Board, Shareable, Share",category:[PLATFORM]},{name:"BoardTemplate",file:"BoardTemplate.svg",description:"Template Board",tags:"Board, Template",category:[PLATFORM]},{name:"Bold",file:"Bold.svg",description:"Bold",tags:"Bold, Text, Design",category:[PLATFORM]},{name:"Bolt",file:"Bolt.svg",description:"Bolt",tags:"Bolt, Switch, Lightning, Fast",category:[PLATFORM]},{name:"Broadcast",file:"Broadcast.svg",description:"Broadcast",tags:"Broadcast",category:[PLATFORM]},{name:"Broom",file:"Broom.svg",description:"Broom",tags:"Broom, Brush, Clean, Spark",category:[PLATFORM]},{name:"Bullets",file:"Bullets.svg",description:"Bullets",tags:"Bullets,List,Text,Design,Redactor",category:[PLATFORM]},{name:"Bullet",file:"Bullet.svg",description:"Bullet",tags:"Bullet, List, Text, Design, Bullets",category:[PLATFORM]},{name:"Bookmark",file:"Bookmark.svg",description:"Bookmark",tags:"Bookmark, Add, Favorite, Mark",category:[PLATFORM]},{name:"Calendar",file:"Calendar.svg",description:"Calendar",tags:"Date,Content,Calendar,Event,Schedule,Week,Day,Campaign,Planning,Views,Columns",category:["View"]},{name:"Chart",file:"Chart.svg",description:"Chart",tags:"Chart, Graph, Pie",category:["View"]},{name:"Check",file:"Check.svg",description:"Check",tags:"Check, Done, V",category:[BASIC]},{name:"Checkbox",file:"Checkbox.svg",description:"Checkbox",tags:"Design, Checkbox, Check",category:[BASIC]},{name:"CheckList",file:"CheckList.svg",description:"CheckList",tags:"Check, Done, V, List, CheckList, My Work",category:[BASIC]},{name:"Close",file:"Close.svg",description:"Close",tags:"Close, X, Cancel",category:[BASIC]},{name:"CloseSmall",file:"CloseSmall.svg",description:"Close Small",tags:"Close, X, Cancel",category:[BASIC]},{name:"Code",file:"Code.svg",description:"Code",tags:"Code, Design",category:[BASIC]},{name:"Collapse",file:"Collapse.svg",description:"Collapse Round",tags:"Collapse, Round, Close",category:[BASIC]},{name:"Column",file:"Column.svg",description:"Column",tags:"Column, Board",category:[PLATFORM]},{name:"Comment",file:"Comment.svg",description:"Use as indication for comment, review or writing assistant.",tags:"Comment, Text, Speech, Speech bubble, Writing, Review, Assistant",category:[PLATFORM]},{name:"Completed",file:"Completed.svg",description:"Completed",tags:"Completed, Done, Tick, V"},{name:"CreditCard",file:"CreditCard.svg",description:"CreditCard",tags:"Credit Card, Pay, Swipe",category:[PLATFORM]},{name:"Cut",file:"Cut.svg",description:"Cut",tags:"Cut, Design",category:[PLATFORM]},{name:"Dashboard",file:"Dashboard.svg",description:"Dashboard",tags:"Dashboard, Board",category:[PLATFORM]},{name:"DashboardPrivate",file:"DashboardPrivate.svg",description:"Private Dashboard",tags:"Dashboard, Board, Private",category:[PLATFORM]},{name:"Delete",file:"Delete.svg",description:"Delete",tags:"Delete, Remove, Trash, Bin",category:[PLATFORM]},{name:"DisabledUser",file:"DisabledUser.svg",description:"Disabled User",tags:"Disabled User, Remove User",category:[PLATFORM]},{name:"Divider",file:"Divider.svg",description:"Divider",tags:"Divider, Design, Separator",category:[BASIC]},{name:"Doc",file:"Doc.svg",description:"Doc",tags:"Doc, Document",category:[PLATFORM]},{name:"DocPrivate",file:"DocPrivate.svg",description:"Private Doc",tags:"Doc, Document, Private",category:[PLATFORM]},{name:"DocShareable",file:"DocShareable.svg",description:"Shareable Doc",tags:"Doc, Document, Shareable, Share",category:[PLATFORM]},{name:"DoubleCheck",file:"DoubleCheck.svg",description:"Double Check",tags:"Check, Done, Seen, Double",category:[BASIC]},{name:"Download",file:"Download.svg",description:"Download icon",tags:"download, incoming, import",category:[PLATFORM]},{name:"Drag",file:"Drag.svg",description:"Drag",tags:"Drag, Move",category:[BASIC]},{name:"DropdownChevronDown",file:"DropdownChevronDown.svg",description:"Chevron Down Arrow",tags:"Chevron, Arrow, Down",category:[BASIC]},{name:"DropdownChevronLeft",file:"DropdownChevronLeft.svg",description:"Chevron Left Arrow",tags:"Chevron, Arrow, Left",category:[BASIC]},{name:"DropdownChevronRight",file:"DropdownChevronRight.svg",description:"Chevron Right Arrow",tags:"Chevron, Arrow, Right",category:[BASIC]},{name:"DropdownChevronUp",file:"DropdownChevronUp.svg",description:"Chevron Up Arrow",tags:"Chevron, Arrow, Up",category:[BASIC]},{name:"Duplicate",file:"Duplicate.svg",description:"Duplicate",tags:"Duplicate, Copy",category:[PLATFORM]},{name:"Edit",file:"Edit.svg",description:"Edit",tags:"Edit, Change, Pencil",category:[PLATFORM]},{name:"Email",file:"Email.svg",description:"Email",tags:"Email, Letter, Envelope",category:[PLATFORM]},{name:"Embed",file:"Embed.svg",description:"Embed",tags:"Embed, Code",category:[PLATFORM]},{name:"Enter",file:"Enter.svg",description:"Enter",tags:"Enter, Keyboard, Key",category:[PLATFORM]},{name:"Event",file:"Event.svg",description:"Event",tags:"Event, Day, Calendar",category:[PLATFORM]},{name:"Emoji",file:"Emoji.svg",description:"Emoji",tags:"Emoji, Smiley, Text, Design",category:[PLATFORM]},{name:"ExternalPage",file:"ExternalPage.svg",description:"External Page",tags:"External, Page, New Tab, Open",category:[PLATFORM]},{name:"Favorite",file:"Favorite.svg",description:"Favorite",tags:"Favorite, Star",category:[PLATFORM]},{name:"Feedback",file:"Feedback.svg",description:"Feedback",tags:"Feedback",category:[PLATFORM]},{name:"File",file:"File.svg",description:"File",tags:"File",category:[PLATFORM]},{name:"Filter",file:"Filter.svg",description:"Filter",tags:"Filter, Funnel",category:[PLATFORM]},{name:"Folder",file:"Folder.svg",description:"Folder",tags:"Folder",category:[PLATFORM]},{name:"Fullscreen",file:"Fullscreen.svg",description:"Fullscreen",tags:"Fullscreen, Expand",category:[PLATFORM]},{name:"Graph",file:"Graph.svg",description:"Graph",tags:"Graph, Change, Line, XY",category:[PLATFORM]},{name:"FullscreenClose",file:"FullscreenClose.svg",description:"FullscreenClose",tags:"Fullscreen, Close",category:[PLATFORM]},{name:"Gallery",file:"Gallery.svg",description:"Gallery",tags:"Gallery, Files, Image gallery",category:[PLATFORM]},{name:"GIF",file:"Gif.svg",description:"Gif",tags:"Gif",category:[PLATFORM]},{name:"Group",file:"Group.svg",description:"Group",tags:"Group, Board",category:[PLATFORM]},{name:"Guest",file:"Guest.svg",description:"Guest",tags:"Guest,Activity,CampaignPerformance,Graph,Line,Change,XY,Platform",category:[PLATFORM]},{name:"Help",file:"Help.svg",description:"Help",tags:"help, question"},{name:"Health",file:"Health.svg",description:"Health",tags:"Health, Status, Heart",category:[PLATFORM]},{name:"Hide",file:"Hide.svg",description:"Hide",tags:"Hide, Eye",category:[PLATFORM]},{name:"Highlight",file:"Highlight.svg",description:"Highlight",tags:"Highlight, Text, Design",category:[PLATFORM]},{name:"HighlightColorBucket",file:"HighlightColorBucket.svg",description:"Highlight",tags:"Highlight, Text, Design, Bucket",category:[PLATFORM]},{name:"Home",file:"Home.svg",description:"Home",tags:"Home, Plate",category:[PLATFORM]},{name:"Image",file:"Image.svg",description:"Image",tags:"Image, Picture",category:[PLATFORM]},{name:"Inbox",file:"Inbox.svg",description:"Inbox",tags:"Inbox, Incoming",category:[PLATFORM]},{name:"Info",file:"Info.svg",description:"Info",tags:"Info, Information",category:[PLATFORM]},{name:"Integrations",file:"Integrations.svg",description:"Integrations",tags:"Integrations, Plugin, Plugins",category:[PLATFORM]},{name:"Invite",file:"Invite.svg",description:"Invite",tags:"Invite, User, Add",category:[PLATFORM]},{name:"IPRestrictions",file:"IPRestrictions.svg",description:"IP Restrictions",tags:"IP, Lock, Globe, Restrictions",category:[PLATFORM]},{name:"Italic",file:"Italic.svg",description:"Italic",tags:"Italic, Text, Design",category:[PLATFORM]},{name:"Item",file:"Item.svg",description:"Item",tags:"Item, Board",category:[PLATFORM]},{name:"Keyboard",file:"Keyboard.svg",description:"Keyboard",tags:"Keyboard, Key",category:[PLATFORM]},{name:"Labs",file:"Labs.svg",description:"Labs",tags:"Labs, Experiment, Tube",category:[PLATFORM]},{name:"Lines",file:"Lines.svg",description:"Lines",tags:"Lines, Rows",category:[PLATFORM]},{name:"Link",file:"Link.svg",description:"Link",tags:"Link, Chain",category:[PLATFORM]},{name:"Location",file:"Location.svg",description:"Location",tags:"Location, Pin, Map",category:[PLATFORM]},{name:"Locked",file:"Locked.svg",description:"Locked",tags:"Lock, Locked, Closed, Private",category:[PLATFORM]},{name:"LogIn",file:"LogIn.svg",description:"Log In",tags:"LogIn",category:[PLATFORM]},{name:"LogOut",file:"LogOut.svg",description:"Log Out",tags:"LogOut",category:[PLATFORM]},{name:"Mention",file:"Mention.svg",description:"Mention",tags:"@, Mention, At, Tag",category:[PLATFORM]},{name:"Menu",file:"Menu.svg",description:"Menu",tags:"Menu, 3 Dots, Dots",category:[BASIC]},{name:"Microphone",file:"Microphone.svg",description:"Microphone",tags:"Microphone, voice, sound",category:[BASIC]},{name:"Mobile",file:"Mobile.svg",description:"Mobile",tags:"Mobile, Phone, Touch",category:[PLATFORM]},{name:"MondayLogoOutline",file:"MondayLogoOutline.svg",description:"MondayLogoOutline",tags:"Monday, Logo, Outline",category:[PLATFORM]},{name:"Moon",file:"Moon.svg",description:"Moon",tags:"Moon, Dark Mode",category:[PLATFORM]},{name:"MoveArrowDown",file:"MoveArrowDown.svg",description:"Move Arrow Down",tags:"Move, Arrow, Down",category:[BASIC]},{name:"MoveArrowLeft",file:"MoveArrowLeft.svg",description:"Move Arrow Left",tags:"Move, Arrow, Left",category:[BASIC]},{name:"MoveArrowRight",file:"MoveArrowRight.svg",description:"Move Arrow Right",tags:"Move, Arrow, Right",category:[BASIC]},{name:"MoveArrowUp",file:"MoveArrowUp.svg",description:"Move Arrow Up",tags:"Move, Arrow, Up",category:[BASIC]},{name:"Mute",file:"Mute.svg",description:"Mute",tags:"Mute",category:[PLATFORM]},{name:"MyWeek",file:"MyWeek.svg",description:"My week",tags:"my week, week, calendar"},{name:"NavigationChevronDown",file:"NavigationChevronDown.svg",description:"Navigation Chevron Down",tags:"Navigation, Arrow, Down",category:[BASIC]},{name:"NavigationChevronLeft",file:"NavigationChevronLeft.svg",description:"Navigation Chevron Left",tags:"Navigation, Arrow, Left",category:[BASIC]},{name:"NavigationChevronRight",file:"NavigationChevronRight.svg",description:"Navigation Chevron Right",tags:"Navigation, Arrow, Right",category:[BASIC]},{name:"NavigationChevronUp",file:"NavigationChevronUp.svg",description:"Navigation Chevron Up",tags:"Navigation, Arrow, Up",category:[BASIC]},{name:"NewTab",file:"NewTab.svg",description:"New Tab",tags:"New Tab, Open",category:[PLATFORM]},{name:"NoColor",file:"NoColor.svg",description:"No Color",tags:"No Color, Drop",category:[PLATFORM]},{name:"Note",file:"Note.svg",description:"Note",tags:"Note, Page",category:[PLATFORM]},{name:"Notifications",file:"Notifications.svg",description:"Notifications",tags:"Notifications, Bell",category:[PLATFORM]},{name:"Numbers",file:"Numbers.svg",description:"Numbers",tags:"Numbers, List, Design",category:[PLATFORM]},{name:"Page",file:"Page.svg",description:"Page",tags:"Page,Single Page,Blank,Platform",category:[PLATFORM]},{name:"Paste",file:"Paste.svg",description:"Paste",tags:"Paste, Design",category:[PLATFORM]},{name:"Pause",file:"Pause.svg",description:"Pause",tags:"Pause, Hold",category:[PLATFORM]},{name:"Person",file:"Person.svg",description:"Person",tags:"Person, People",category:[PLATFORM]},{name:"Pin",file:"Pin.svg",description:"Pin",tags:"Pin",category:[PLATFORM]},{name:"Play",file:"Play.svg",description:"Play",tags:"Play, Start",category:[PLATFORM]},{name:"Print",file:"Print.svg",description:"Print",tags:"Print, Printer",category:[PLATFORM]},{name:"PushNotification",file:"PushNotification.svg",description:"Push Notifications",tags:"Push, Notifications, Bar",category:[PLATFORM]},{name:"Quote",file:"Quote.svg",description:"Quote",tags:"Quote",category:[PLATFORM]},{name:"RecycleBin",file:"RecycleBin.svg",description:"Recycle bin",tags:"Recycle bin, Trash, Recycle, Bin"},{name:"Redo",file:"Redo.svg",description:"Redo",tags:"Redo, Text, Design",category:[PLATFORM]},{name:"Remove",file:"Remove.svg",description:"Remove",tags:"Remove, Line, Minus",category:[BASIC]},{name:"Replay",file:"Replay.svg",description:"Replay",tags:"Replay, Message, Arrow",category:[PLATFORM]},{name:"Retry",file:"Retry.svg",description:"Retry",tags:"Retry, Reload, Refresh",category:[PLATFORM]},{name:"Robot",file:"Robot.svg",description:"Robot",tags:"Robot, Automations",category:[PLATFORM]},{name:"Rotate",file:"Rotate.svg",description:"Rotate",tags:"Rotate, Clockwise retry, Clockwise reload, Clockwise refresh",category:[PLATFORM]},{name:"Search",file:"Search.svg",description:"Search",tags:"Search, Find, Magnifying Glass",category:[PLATFORM]},{name:"Security",file:"Security.svg",description:"Security",tags:"Security, Shield, Protect",category:[PLATFORM]},{name:"Send",file:"Send.svg",description:"Send",tags:"Send, Message, Plane, Airplane, Paper",category:[PLATFORM]},{name:"Settings",file:"Settings.svg",description:"Settings",tags:"Settings, Cog",category:[PLATFORM]},{name:"SettingsKnobs",file:"SettingsKnobs.svg",description:"Settings",tags:"Settings, Knobs",category:[PLATFORM]},{name:"Share",file:"Share.svg",description:"Share",tags:"Share, Social",category:[PLATFORM]},{name:"Show",file:"Show.svg",description:"Show",tags:"Show, Eye",category:[PLATFORM]},{name:"Shredder",file:"Shredder.svg",description:"Shredder",tags:"Shredder, Paper, Recycle",category:[PLATFORM]},{name:"Sort",file:"Sort.svg",description:"Sort",tags:"Sort",category:[PLATFORM]},{name:"Sound",file:"Sound.svg",description:"Sound",tags:"Sound, Audio, Speaker",category:[PLATFORM]},{name:"StrikethroughS",file:"StrikethroughS.svg",description:"Strike Through",tags:"Strike Through, Text, Design",category:[PLATFORM]},{name:"StrikethroughT",file:"StrikethroughT.svg",description:"Strike Through",tags:"Strike Through, Text, Design",category:[PLATFORM]},{name:"Sun",file:"Sun.svg",description:"Sun",tags:"Sun, Light Mode, Mode",category:[PLATFORM]},{name:"Switch",file:"Switch.svg",description:"Switch",tags:"Switch, Arrow",category:[PLATFORM]},{name:"Table",file:"Table.svg",description:"Table",tags:"Table, Grid",category:["View"]},{name:"Team",file:"Team.svg",description:"Team",tags:"Team, Person, People, User, Users",category:[BASIC]},{name:"Text",file:"Text.svg",description:"Text",tags:"Regular, Text, Design, Font",category:[BASIC]},{name:"TextBig",file:"TextBig.svg",description:"Text Big",tags:"Big, Text, Design, Font, Text Big",category:[BASIC]},{name:"Textcolor",file:"Textcolor.svg",description:"Text Color",tags:"Text Color, Color, Text, Design",category:[PLATFORM]},{name:"TextHuge",file:"TextHuge.svg",description:"Text Huge",tags:"Huge, Text, Design, Font Text Huge",category:[BASIC]},{name:"TextSmall",file:"TextSmall.svg",description:"Text Small",tags:"Small, Text, Design, Font, Text Small",category:[BASIC]},{name:"ThumbsUp",file:"ThumbsUp.svg",description:"ThumbsUp",tags:"ThumbsUp, Like, Plus",category:[PLATFORM]},{name:"Time",file:"Time.svg",description:"Time",tags:"Time, Clock",category:[PLATFORM]},{name:"Underline",file:"Underline.svg",description:"Underline",tags:"Underline, Text, Design",category:[PLATFORM]},{name:"TurnInto",file:"TurnInto.svg",description:"Turn Into",tags:"Turn Into, Switch",category:[PLATFORM]},{name:"Undo",file:"Undo.svg",description:"Undo",tags:"Undo, Text, Design",category:[PLATFORM]},{name:"Unlocked",file:"Unlocked.svg",description:"Unlock",tags:"Unlock, Unlocked, Open, Public",category:[PLATFORM]},{name:"Update",file:"Update.svg",description:"Update",tags:"Bubble, Update, Message, Talk",category:[PLATFORM]},{name:"Upgrade",file:"Upgrade.svg",description:"Upgrade",tags:"Upgrade, Stars",category:[PLATFORM]},{name:"Upload",file:"Upload.svg",description:"Upload",tags:"Upload, Up, File, Outgoing, Export",category:[PLATFORM]},{name:"Versioning",file:"Versioning.svg",description:"Versioning",tags:"Retrospective,Recurring,Time,Time Based,Every,Automation,Cron,Version,History,Platform"},{name:"Video",file:"Video.svg",description:"Video icon",tags:"video",category:[PLATFORM]},{name:"Wand",file:"Wand.svg",description:"Wand",tags:"Wand, Star",category:[PLATFORM]},{name:"WhatsNew",file:"WhatsNew.svg",description:"Whats New",tags:"WhatsNew, New",category:[PLATFORM]},{name:"Workspace",file:"Workspace.svg",description:"Workspace",tags:"Workspace, Grid",category:[PLATFORM]},{name:"Deactivate",file:"Deactivate.svg",description:"Deactivate",tags:"deactivate, active"},{name:"AddToTeam",file:"AddToTeam.svg",description:"Add to team",tags:"user, users, team, add"},{name:"PersonRound",file:"PersonRound.svg",description:"Person round",tags:"person, user"},{name:"UserDomain",file:"UserDomain.svg",description:"User domain",tags:"user, domain, email"},{name:"UserStatus",file:"UserStatus.svg",description:"User status",tags:"user, status"}]},"./src/storybook/functions/createStoryMetaSettingsDecorator.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>createStoryMetaSettingsDecorator,A:()=>functions_createStoryMetaSettingsDecorator});var iconsMetaData=__webpack_require__("../style/src/Icons/iconsMetaData.js"),react=__webpack_require__("../../node_modules/react/index.js"),dist=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/index.mjs");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./src/components/Table/Table/__stories__/Table.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_stories_Table});__webpack_require__("../../node_modules/react/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),lib=__webpack_require__("../../node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs"),Table=__webpack_require__("./src/components/Table/Table/Table.tsx"),TableHeader=__webpack_require__("./src/components/Table/TableHeader/TableHeader.tsx"),TableHeaderCell=__webpack_require__("./src/components/Table/TableHeaderCell/TableHeaderCell.tsx"),TableBody=__webpack_require__("./src/components/Table/TableBody/TableBody.tsx"),TableRow=__webpack_require__("./src/components/Table/TableRow/TableRow.tsx"),TableCell=__webpack_require__("./src/components/Table/TableCell/TableCell.tsx"),Label=__webpack_require__("./src/components/Label/Label.tsx"),Table_stories_helpers=__webpack_require__("./src/components/Table/Table/__stories__/Table.stories.helpers.tsx"),component_description_map=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),Table_stories=__webpack_require__("./src/components/Table/Table/__stories__/Table.stories.tsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Table_stories_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Table/Table/__stories__/Table.stories.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Table_stories_module.A,options);const _stories_Table_stories_module=Table_stories_module.A&&Table_stories_module.A.locals?Table_stories_module.A.locals:void 0;function _createMdxContent(props){const _components=Object.assign({h1:"h1",ul:"ul",li:"li",a:"a",h2:"h2",p:"p",h3:"h3",div:"div"},(0,lib.RP)(),props.components),{PropsTable,ComponentRules,RelatedComponents}=_components;return ComponentRules||_missingMdxReference("ComponentRules",!0),PropsTable||_missingMdxReference("PropsTable",!0),RelatedComponents||_missingMdxReference("RelatedComponents",!0),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{of:Table_stories}),"\n",(0,jsx_runtime.jsx)(_components.h1,{id:"table",children:"Table"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#overview",children:"Overview"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#props",children:"Props"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#variants",children:"Variants"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#table-header-functionality",children:"Table header functionality"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#loading",children:"Loading"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#scroll",children:"Scroll"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#virtualized-scroll",children:"Virtualized Scroll"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#related-components",children:"Related components"})}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"overview",children:"Overview"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Tables are used to organize data, making it easier to understand."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.Overview}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(PropsTable,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"variants",children:"Variants"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"sizes",children:"Sizes"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The table is available in 2 different row heights: medium (40px) and large (48 px). Medium size is the default size."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.Sizes}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"borders",children:"Borders"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The table is available with or without an outer border. When using a table inside another component (like a modal or dialog), remove the table's outer border for a cleaner look."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.Borders}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"table-header-functionality",children:"Table header functionality"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Sorting, Icons and Information added to selected columns"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.TableHeaderFunctionality}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"loading",children:"Loading"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Using skeleton"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.Loading}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"scroll",children:"Scroll"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Table with both vertical and horizontal scroll"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.Scroll}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"virtualized-scroll",children:"Virtualized Scroll"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"This is an example of a table with 5000 rows"}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.VirtualizedScroll}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"sticky-column",children:"Sticky column"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use sticky column in your table when you want to keep specific column visible while the users scroll horizontally."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.StickyColumn}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"highlighted-row",children:"Highlighted row"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use a highlighted row to mark a single row of the table.\nA highlighted row allows adding additional information for the entire row, using a system trigger such as a side-panel or model."}),"\n",(0,jsx_runtime.jsx)(dist.Hl,{of:Table_stories.HighlightedRow}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"dos-and-donts",children:"Do’s and Don’ts"}),"\n",(0,jsx_runtime.jsx)(ComponentRules,{rules:[{positive:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.X5,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.X5.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,cell,cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.eD.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:(0,jsx_runtime.jsx)(Label.A,{text:rowItem.status,color:Table_stories_helpers.pu[rowItem.status],isAnimationDisabled:!0})})]},rowItem.id)))})]})}),description:"If there’s a need to insert an icon, use for all columns."},negative:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.X5,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.X5.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,Object.assign({},cell,{icon:"subject"===cell.id?cell.icon:void 0}),cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.eD.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:(0,jsx_runtime.jsx)(Label.A,{text:rowItem.status,color:Table_stories_helpers.pu[rowItem.status],isAnimationDisabled:!0})})]},rowItem.id)))})]})}),description:"Don't use icons if not applied to all columns titles."}},{positive:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.AS,withoutBorder:!0,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.AS.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,cell,cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.$w.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.emailsSent})]},rowItem.id)))})]})}),description:"If there’s a need, remove only the outer border."},negative:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{className:_stories_Table_stories_module.withoutBottomBorder,errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.AS,withoutBorder:!0,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.AS.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,Object.assign({},cell,{icon:"subject"===cell.id?cell.icon:void 0}),cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.$w.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.emailsSent})]},rowItem.id)))})]})}),description:"Don't remove border between the rows."}}]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"related-components",children:"Related components"}),"\n",(0,jsx_runtime.jsx)(RelatedComponents,{componentsNames:[component_description_map.d_,component_description_map.Bq,component_description_map.w2]})]})}const _stories_Table=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.RP)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function _missingMdxReference(id,component){throw new Error("Expected "+(component?"component":"object")+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Table/Table/__stories__/Table.stories.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Table-stories-module_withoutBottomBorder [role=rowgroup] [role=row]>[role=cell],.Table-stories-module_withoutBottomBorder [role=rowgroup]>[role=columnheader]{border-bottom:none}","",{version:3,sources:["webpack://./src/components/Table/Table/__stories__/Table.stories.module.scss"],names:[],mappings:"AACE,+JAEE,kBAAA",sourcesContent:['.withoutBottomBorder [role="rowgroup"] {\n [role="row"] > [role="cell"],\n > [role="columnheader"] {\n border-bottom: none;\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={withoutBottomBorder:"Table-stories-module_withoutBottomBorder"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/components-Table-Table-__stories__-Table-mdx.ef05b84f.iframe.bundle.js b/components-Table-Table-__stories__-Table-mdx.ef05b84f.iframe.bundle.js new file mode 100644 index 0000000000..c0eb687146 --- /dev/null +++ b/components-Table-Table-__stories__-Table-mdx.ef05b84f.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[3770],{"../../node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./src/components/Table/Table/__stories__/Table.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_stories_Table});__webpack_require__("../../node_modules/react/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),lib=__webpack_require__("../../node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs"),Table=__webpack_require__("./src/components/Table/Table/Table.tsx"),TableHeader=__webpack_require__("./src/components/Table/TableHeader/TableHeader.tsx"),TableHeaderCell=__webpack_require__("./src/components/Table/TableHeaderCell/TableHeaderCell.tsx"),TableBody=__webpack_require__("./src/components/Table/TableBody/TableBody.tsx"),TableRow=__webpack_require__("./src/components/Table/TableRow/TableRow.tsx"),TableCell=__webpack_require__("./src/components/Table/TableCell/TableCell.tsx"),Label=__webpack_require__("./src/components/Label/Label.tsx"),Table_stories_helpers=__webpack_require__("./src/components/Table/Table/__stories__/Table.stories.helpers.tsx"),component_description_map=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),Table_stories=__webpack_require__("./src/components/Table/Table/__stories__/Table.stories.tsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Table_stories_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Table/Table/__stories__/Table.stories.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Table_stories_module.A,options);const _stories_Table_stories_module=Table_stories_module.A&&Table_stories_module.A.locals?Table_stories_module.A.locals:void 0;function _createMdxContent(props){const _components=Object.assign({h1:"h1",ul:"ul",li:"li",a:"a",h2:"h2",p:"p",h3:"h3",div:"div"},(0,lib.RP)(),props.components),{Canvas,PropsTable,ComponentRules,RelatedComponents}=_components;return Canvas||_missingMdxReference("Canvas",!0),ComponentRules||_missingMdxReference("ComponentRules",!0),PropsTable||_missingMdxReference("PropsTable",!0),RelatedComponents||_missingMdxReference("RelatedComponents",!0),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{of:Table_stories}),"\n",(0,jsx_runtime.jsx)(_components.h1,{id:"table",children:"Table"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#overview",children:"Overview"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#props",children:"Props"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#variants",children:"Variants"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#table-header-functionality",children:"Table header functionality"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#loading",children:"Loading"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#scroll",children:"Scroll"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#virtualized-scroll",children:"Virtualized Scroll"})}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:(0,jsx_runtime.jsx)(_components.a,{href:"#related-components",children:"Related components"})}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"overview",children:"Overview"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Tables are used to organize data, making it easier to understand."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.Overview}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(PropsTable,{}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"variants",children:"Variants"}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"sizes",children:"Sizes"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The table is available in 3 different row heights: small (32px) medium (40px) and large (48 px). Medium size is the default size."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.Sizes}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"borders",children:"Borders"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The table is available with or without an outer border. When using a table inside another component (like a modal or dialog), remove the table's outer border for a cleaner look."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.Borders}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"table-header-functionality",children:"Table header functionality"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Sorting, Icons and Information added to selected columns"}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.TableHeaderFunctionality}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"loading",children:"Loading"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Using skeleton"}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.Loading}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"scroll",children:"Scroll"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Table with both vertical and horizontal scroll"}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.Scroll}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"virtualized-scroll",children:"Virtualized Scroll"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"This is an example of a table with 5000 rows"}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.VirtualizedScroll}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"sticky-column",children:"Sticky column"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use sticky column in your table when you want to keep specific column visible while the users scroll horizontally."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.StickyColumn}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"highlighted-row",children:"Highlighted row"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"Use a highlighted row to mark a single row of the table.\nA highlighted row allows adding additional information for the entire row, using a system trigger such as a side-panel or model."}),"\n",(0,jsx_runtime.jsx)(Canvas,{of:Table_stories.HighlightedRow}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"dos-and-donts",children:"Do’s and Don’ts"}),"\n",(0,jsx_runtime.jsx)(ComponentRules,{rules:[{positive:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.X5,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.X5.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,cell,cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.eD.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:(0,jsx_runtime.jsx)(Label.A,{text:rowItem.status,color:Table_stories_helpers.pu[rowItem.status],isAnimationDisabled:!0})})]},rowItem.id)))})]})}),description:"If there’s a need to insert an icon, use for all columns."},negative:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.X5,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.X5.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,Object.assign({},cell,{icon:"subject"===cell.id?cell.icon:void 0}),cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.eD.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:(0,jsx_runtime.jsx)(Label.A,{text:rowItem.status,color:Table_stories_helpers.pu[rowItem.status],isAnimationDisabled:!0})})]},rowItem.id)))})]})}),description:"Don't use icons if not applied to all columns titles."}},{positive:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.AS,withoutBorder:!0,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.AS.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,cell,cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.$w.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.emailsSent})]},rowItem.id)))})]})}),description:"If there’s a need, remove only the outer border."},negative:{component:(0,jsx_runtime.jsx)(_components.div,{style:{width:"95%"},children:(0,jsx_runtime.jsxs)(Table.A,{className:_stories_Table_stories_module.withoutBottomBorder,errorState:(0,jsx_runtime.jsx)(Table_stories_helpers.MV,{}),emptyState:(0,jsx_runtime.jsx)(Table_stories_helpers.D5,{}),columns:Table_stories_helpers.AS,withoutBorder:!0,children:[(0,jsx_runtime.jsx)(TableHeader.A,{children:Table_stories_helpers.AS.map((cell=>(0,jsx_runtime.jsx)(TableHeaderCell.A,Object.assign({},cell,{icon:"subject"===cell.id?cell.icon:void 0}),cell.id)))}),(0,jsx_runtime.jsx)(TableBody.A,{children:Table_stories_helpers.$w.map((rowItem=>(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.sentOn}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.subject}),(0,jsx_runtime.jsx)(TableCell.A,{children:rowItem.emailsSent})]},rowItem.id)))})]})}),description:"Don't remove border between the rows."}}]}),"\n",(0,jsx_runtime.jsx)(_components.h2,{id:"related-components",children:"Related components"}),"\n",(0,jsx_runtime.jsx)(RelatedComponents,{componentsNames:[component_description_map.d_,component_description_map.Bq,component_description_map.w2]})]})}const _stories_Table=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.RP)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,Object.assign({},props,{children:(0,jsx_runtime.jsx)(_createMdxContent,props)})):_createMdxContent(props)};function _missingMdxReference(id,component){throw new Error("Expected "+(component?"component":"object")+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Table/Table/__stories__/Table.stories.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Table-stories-module_withoutBottomBorder [role=rowgroup] [role=row]>[role=cell],.Table-stories-module_withoutBottomBorder [role=rowgroup]>[role=columnheader]{border-bottom:none}","",{version:3,sources:["webpack://./src/components/Table/Table/__stories__/Table.stories.module.scss"],names:[],mappings:"AACE,+JAEE,kBAAA",sourcesContent:['.withoutBottomBorder [role="rowgroup"] {\n [role="row"] > [role="cell"],\n > [role="columnheader"] {\n border-bottom: none;\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={withoutBottomBorder:"Table-stories-module_withoutBottomBorder"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/components-Table-Table-__stories__-Table-stories.584f32f9.iframe.bundle.js b/components-Table-Table-__stories__-Table-stories.584f32f9.iframe.bundle.js deleted file mode 100644 index 2d96ed5723..0000000000 --- a/components-Table-Table-__stories__-Table-stories.584f32f9.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[1628],{"./src/components/Table/Table/__stories__/Table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Borders:()=>Borders,HighlightedRow:()=>HighlightedRow,Loading:()=>Loading,Overview:()=>Overview,Scroll:()=>Scroll,Sizes:()=>Sizes,StickyColumn:()=>StickyColumn,TableHeaderFunctionality:()=>TableHeaderFunctionality,VirtualizedScroll:()=>VirtualizedScroll,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_Table__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Table/Table/Table.tsx"),_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Table/TableHeader/TableHeader.tsx"),_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Table/TableHeaderCell/TableHeaderCell.tsx"),_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Table/TableBody/TableBody.tsx"),_TableVirtualizedBody_TableVirtualizedBody__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"),_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Table/TableRow/TableRow.tsx"),_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Table/TableCell/TableCell.tsx"),_Label_Label__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Label/Label.tsx"),_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Flex/Flex.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Table/Table/__stories__/Table.stories.helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i
;\n\nexport const Overview = {\n render: tableTemplate.bind({}),\n args: {\n errorState: ,\n emptyState: ,\n columns: [\n {\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n },\n {\n id: "sentBy",\n title: "Sent by",\n\n width: {\n min: 120,\n max: 200\n },\n\n infoContent: "This is the sender",\n loadingStateType: "circle"\n },\n {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n },\n {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }\n ],\n children: [\n \n {[\n {\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n },\n {\n id: "sentBy",\n title: "Sent by",\n\n width: {\n min: 120,\n max: 200\n },\n\n infoContent: "This is the sender",\n loadingStateType: "circle"\n },\n {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n },\n {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }\n ].map((headerCell, index) => (\n \n ))}\n ,\n \n {[\n {\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n },\n {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject:\n "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n },\n {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }\n ].map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n ]\n },\n name: "Overview"\n};\n\nexport const Sizes = {\n render: () => {\n const columns: ITableColumn[] = [\n {\n id: "sentOn",\n title: "Sent on",\n width: 180,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n width: 200,\n loadingStateType: "long-text"\n }\n ];\n const data = [\n {\n id: 1,\n sentOn: "2020-01-01",\n subject: "Lorem ipsum dolor"\n },\n {\n id: 2,\n sentOn: "2022-02-02",\n subject: "This is the subject"\n }\n ];\n return (\n <>\n }\n emptyState={}\n columns={columns}\n >\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n ))}\n \n \n }\n emptyState={}\n columns={columns}\n >\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n ))}\n \n \n \n );\n },\n decorators: [\n (Story: typeof React.Component) => (\n \n \n \n )\n ],\n name: "Sizes"\n};\n\nexport const Borders = {\n render: () => {\n const columns: ITableColumn[] = [\n {\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n },\n {\n id: "sentBy",\n title: "Sent by",\n\n width: {\n min: 120,\n max: 200\n },\n\n infoContent: "This is the sender",\n loadingStateType: "circle"\n },\n {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n },\n {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }\n ];\n const data = [\n {\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n },\n {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject:\n "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n },\n {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }\n ];\n return (\n <>\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n } emptyState={} columns={columns} withoutBorder>\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n \n );\n },\n decorators: [\n (Story: typeof React.Component) => (\n \n \n \n )\n ],\n name: "Borders"\n};\n\nexport const TableHeaderFunctionality = {\n render: () => {\n const [tableData, setTableData] = useState(emailTableData);\n const [sorting, setSorting] = useState<{ [key: string]: "asc" | "desc" | "none" }>({});\n\n const onSort = (columnId: string, sortState: "asc" | "desc" | "none") => {\n setSorting({\n [columnId]: sortState\n });\n\n setTableData(sort(columnId as keyof (typeof tableData)[number], sortState, tableData));\n };\n\n return (\n } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => (\n onSort(headerCell.id, sortState)}\n sortState={sorting[headerCell.id]}\n />\n ))}\n \n \n {tableData.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n );\n },\n\n name: "Table Header Functionality"\n};\n\nexport const Loading = {\n render: () => (\n }\n emptyState={}\n columns={emailColumns}\n >\n \n {emailColumns.map((headerCell, index) => (\n \n ))}\n \n \n {emailTableData.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n \n ),\n\n name: "Loading"\n};\n\nexport const Scroll = {\n render: () => (\n \n } emptyState={} columns={scrollTableColumns}>\n \n {scrollTableColumns.map((headerCell, index) => (\n \n ))}\n \n \n {scrollTableData.map(rowItem => (\n \n {rowItem.sentOn}\n \n \n \n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n \n ),\n\n name: "Scroll"\n};\n\nexport const VirtualizedScroll = {\n render: () => {\n const Row = ({ num, text }: (typeof virtualizedScrollTableData)[number]) => {\n return (\n \n {num}\n {text}\n \n );\n };\n\n return (\n }\n emptyState={}\n columns={virtualizedScrollTableColumns}\n style={{\n height: 250\n }}\n >\n \n {virtualizedScrollTableColumns.map((cell, index) => (\n \n ))}\n \n \n \n );\n },\n\n name: "Virtualized Scroll"\n};\n\nexport const StickyColumn = {\n render: () => {\n return (\n } emptyState={} columns={stickyColumns}>\n \n {stickyColumns.map((headerCell, index) => (\n \n ))}\n \n \n {stickyTableData.map(rowItem => (\n \n {rowItem.projectName}\n \n \n {rowItem.description}\n {rowItem.createdOn}\n {rowItem.emailsSent}\n {rowItem.owner}\n {rowItem.priority}\n {rowItem.category}\n {rowItem.dueDate}\n {rowItem.comments}\n \n ))}\n \n
\n );\n },\n\n name: "Sticky column"\n};\n\nexport const HighlightedRow = {\n render: () => {\n const shouldRowBeHighlighted = (rowItem: (typeof emailTableData)[number]) => {\n return rowItem.id === "2";\n };\n\n return (\n } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => (\n \n ))}\n \n \n {emailTableData.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n );\n },\n\n name: "Highlighted row"\n};\n',locationsMap:{overview:{startLoc:{col:24,line:51},endLoc:{col:1,line:181},startBody:{col:24,line:51},endBody:{col:1,line:181}},sizes:{startLoc:{col:21,line:183},endLoc:{col:1,line:276},startBody:{col:21,line:183},endBody:{col:1,line:276}},borders:{startLoc:{col:23,line:278},endLoc:{col:1,line:402},startBody:{col:23,line:278},endBody:{col:1,line:402}},"table-header-functionality":{startLoc:{col:40,line:404},endLoc:{col:1,line:451},startBody:{col:40,line:404},endBody:{col:1,line:451}},loading:{startLoc:{col:23,line:453},endLoc:{col:1,line:487},startBody:{col:23,line:453},endBody:{col:1,line:487}},scroll:{startLoc:{col:22,line:489},endLoc:{col:1,line:530},startBody:{col:22,line:489},endBody:{col:1,line:530}},"virtualized-scroll":{startLoc:{col:33,line:532},endLoc:{col:1,line:563},startBody:{col:33,line:532},endBody:{col:1,line:563}},"sticky-column":{startLoc:{col:28,line:565},endLoc:{col:1,line:597},startBody:{col:28,line:565},endBody:{col:1,line:597}},"highlighted-row":{startLoc:{col:30,line:599},endLoc:{col:1,line:632},startBody:{col:30,line:599},endBody:{col:1,line:632}}}}},title:"Data display/Table",component:_Table__WEBPACK_IMPORTED_MODULE_3__.A,subcomponents:{TableHeader:_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,TableHeaderCell:_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,TableBody:_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,TableRow:_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,TableCell:_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,TableVirtualizedBody:_TableVirtualizedBody_TableVirtualizedBody__WEBPACK_IMPORTED_MODULE_9__.A},argTypes:metaSettings.argTypes,decorators:metaSettings.decorators};var tableTemplate=function tableTemplate(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,_objectSpread({},args))};tableTemplate.displayName="tableTemplate";var Overview={render:tableTemplate.bind({}),args:{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:[{id:"sentOn",title:"Sent on",width:150,loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"},{id:"sentBy",title:"Sent by",width:{min:120,max:200},infoContent:"This is the sender",loadingStateType:"circle"},{id:"status",title:"Status",width:150,infoContent:"Info content for the status column",loadingStateType:"medium-text"},{id:"emailsSent",title:"Emails sent",width:150,loadingStateType:"medium-text"}],children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:[{id:"sentOn",title:"Sent on",width:150,loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"},{id:"sentBy",title:"Sent by",width:{min:120,max:200},infoContent:"This is the sender",loadingStateType:"circle"},{id:"status",title:"Status",width:150,infoContent:"Info content for the status column",loadingStateType:"medium-text"},{id:"emailsSent",title:"Emails sent",width:150,loadingStateType:"medium-text"}].map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:[{id:"1",sentOn:"2020-01-01",sentBy:"John Doe",subject:"Lorem ipsum dolor",status:"Sent",emailsSent:100},{id:"3",sentOn:"2023-03-03",sentBy:"Some Person",subject:"This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",status:"Sent",emailsSent:999},{id:"2",sentOn:"2022-02-02",sentBy:"Other Name",subject:"This is the subject",status:"Sent",emailsSent:99}].map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]},name:"Overview"},Sizes={render:function render(){var columns=[{id:"sentOn",title:"Sent on",width:180,loadingStateType:"medium-text"},{id:"subject",title:"Subject",width:200,loadingStateType:"long-text"}],data=[{id:1,sentOn:"2020-01-01",subject:"Lorem ipsum dolor"},{id:2,sentOn:"2022-02-02",subject:"This is the subject"}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{style:{width:"auto"},size:_Table__WEBPACK_IMPORTED_MODULE_3__.A.sizes.MEDIUM,errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject})]},rowItem.id)}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{style:{width:"auto"},size:_Table__WEBPACK_IMPORTED_MODULE_3__.A.sizes.LARGE,errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject})]},rowItem.id)}))})]})]})},decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A,{align:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.align.START,justify:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.justify.SPACE_BETWEEN,style:{flex:1},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Story,{})})}],name:"Sizes"},Borders={render:function render(){var columns=[{id:"sentOn",title:"Sent on",width:150,loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"},{id:"sentBy",title:"Sent by",width:{min:120,max:200},infoContent:"This is the sender",loadingStateType:"circle"},{id:"status",title:"Status",width:150,infoContent:"Info content for the status column",loadingStateType:"medium-text"},{id:"emailsSent",title:"Emails sent",width:150,loadingStateType:"medium-text"}],data=[{id:"1",sentOn:"2020-01-01",sentBy:"John Doe",subject:"Lorem ipsum dolor",status:"Sent",emailsSent:100},{id:"3",sentOn:"2023-03-03",sentBy:"Some Person",subject:"This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",status:"Sent",emailsSent:999},{id:"2",sentOn:"2022-02-02",sentBy:"Other Name",subject:"This is the subject",status:"Sent",emailsSent:99}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,withoutBorder:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})]})},decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A,{direction:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.directions.COLUMN,gap:40,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Story,{})})}],name:"Borders"},TableHeaderFunctionality={render:function render(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc),2),tableData=_useState2[0],setTableData=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),sorting=_useState4[0],setSorting=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent,onSortClicked:function onSortClicked(sortState){return function onSort(columnId,sortState){setSorting(_defineProperty({},columnId,sortState)),setTableData((0,_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.di)(columnId,sortState,tableData))}(headerCell.id,sortState)},sortState:sorting[headerCell.id]},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:tableData.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,isAnimationDisabled:!0,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})},name:"Table Header Functionality"},Loading={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{dataState:{isLoading:!0},errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})},name:"Loading"},Scroll={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:220,width:"100%"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.fs,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.fs.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.sr.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.priority,color:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.P8[rowItem.priority],isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.pu[rowItem.status],isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})})},name:"Scroll"},VirtualizedScroll={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Yb,style:{height:250},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Yb.map((function(cell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,_objectSpread({},cell),index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableVirtualizedBody_TableVirtualizedBody__WEBPACK_IMPORTED_MODULE_9__.A,{rowRenderer:function Row(_ref){var num=_ref.num,text=_ref.text;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:num}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:text})]})},items:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.V2})]})},name:"Virtualized Scroll"},StickyColumn={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.dW,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.dW.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{sticky:0===index,title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.aN.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{sticky:!0,children:rowItem.projectName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.pu[rowItem.status],isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.description}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.createdOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.owner}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.priority}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.category}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.dueDate}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.comments})]},rowItem.id)}))})]})},name:"Sticky column"},HighlightedRow={render:function render(){var shouldRowBeHighlighted=function shouldRowBeHighlighted(rowItem){return"2"===rowItem.id};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{highlighted:shouldRowBeHighlighted(rowItem),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,isAnimationDisabled:!0,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})},name:"Highlighted row"};Overview.parameters={...Overview.parameters,docs:{...Overview.parameters?.docs,source:{originalSource:'{\n render: tableTemplate.bind({}),\n args: {\n errorState: ,\n emptyState: ,\n columns: [{\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }, {\n id: "sentBy",\n title: "Sent by",\n width: {\n min: 120,\n max: 200\n },\n infoContent: "This is the sender",\n loadingStateType: "circle"\n }, {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n }, {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }],\n children: [\n {[{\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }, {\n id: "sentBy",\n title: "Sent by",\n width: {\n min: 120,\n max: 200\n },\n infoContent: "This is the sender",\n loadingStateType: "circle"\n }, {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n }, {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }].map((headerCell, index) => )}\n , \n {[{\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n }, {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject: "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n }, {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }].map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n ]\n },\n name: "Overview"\n}',...Overview.parameters?.docs?.source}}},Sizes.parameters={...Sizes.parameters,docs:{...Sizes.parameters?.docs,source:{originalSource:'{\n render: () => {\n const columns: ITableColumn[] = [{\n id: "sentOn",\n title: "Sent on",\n width: 180,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n width: 200,\n loadingStateType: "long-text"\n }];\n const data = [{\n id: 1,\n sentOn: "2020-01-01",\n subject: "Lorem ipsum dolor"\n }, {\n id: 2,\n sentOn: "2022-02-02",\n subject: "This is the subject"\n }];\n return <>\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n )}\n \n
\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n )}\n \n
\n ;\n },\n decorators: [(Story: typeof React.Component) => \n \n ],\n name: "Sizes"\n}',...Sizes.parameters?.docs?.source}}},Borders.parameters={...Borders.parameters,docs:{...Borders.parameters?.docs,source:{originalSource:'{\n render: () => {\n const columns: ITableColumn[] = [{\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }, {\n id: "sentBy",\n title: "Sent by",\n width: {\n min: 120,\n max: 200\n },\n infoContent: "This is the sender",\n loadingStateType: "circle"\n }, {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n }, {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }];\n const data = [{\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n }, {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject: "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n }, {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }];\n return <>\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
\n } emptyState={} columns={columns} withoutBorder>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
\n ;\n },\n decorators: [(Story: typeof React.Component) => \n \n ],\n name: "Borders"\n}',...Borders.parameters?.docs?.source}}},TableHeaderFunctionality.parameters={...TableHeaderFunctionality.parameters,docs:{...TableHeaderFunctionality.parameters?.docs,source:{originalSource:'{\n render: () => {\n const [tableData, setTableData] = useState(emailTableData);\n const [sorting, setSorting] = useState<{\n [key: string]: "asc" | "desc" | "none";\n }>({});\n const onSort = (columnId: string, sortState: "asc" | "desc" | "none") => {\n setSorting({\n [columnId]: sortState\n });\n setTableData(sort((columnId as keyof (typeof tableData)[number]), sortState, tableData));\n };\n return } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => onSort(headerCell.id, sortState)} sortState={sorting[headerCell.id]} />)}\n \n \n {tableData.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
;\n },\n name: "Table Header Functionality"\n}',...TableHeaderFunctionality.parameters?.docs?.source}}},Loading.parameters={...Loading.parameters,docs:{...Loading.parameters?.docs,source:{originalSource:'{\n render: () => } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => )}\n \n \n {emailTableData.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
,\n name: "Loading"\n}',...Loading.parameters?.docs?.source}}},Scroll.parameters={...Scroll.parameters,docs:{...Scroll.parameters?.docs,source:{originalSource:'{\n render: () =>
\n } emptyState={} columns={scrollTableColumns}>\n \n {scrollTableColumns.map((headerCell, index) => )}\n \n \n {scrollTableData.map(rowItem => \n {rowItem.sentOn}\n \n \n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
\n
,\n name: "Scroll"\n}',...Scroll.parameters?.docs?.source}}},VirtualizedScroll.parameters={...VirtualizedScroll.parameters,docs:{...VirtualizedScroll.parameters?.docs,source:{originalSource:'{\n render: () => {\n const Row = ({\n num,\n text\n }: (typeof virtualizedScrollTableData)[number]) => {\n return \n {num}\n {text}\n ;\n };\n return } emptyState={} columns={virtualizedScrollTableColumns} style={{\n height: 250\n }}>\n \n {virtualizedScrollTableColumns.map((cell, index) => )}\n \n \n
;\n },\n name: "Virtualized Scroll"\n}',...VirtualizedScroll.parameters?.docs?.source}}},StickyColumn.parameters={...StickyColumn.parameters,docs:{...StickyColumn.parameters?.docs,source:{originalSource:'{\n render: () => {\n return } emptyState={} columns={stickyColumns}>\n \n {stickyColumns.map((headerCell, index) => )}\n \n \n {stickyTableData.map(rowItem => \n {rowItem.projectName}\n \n \n {rowItem.description}\n {rowItem.createdOn}\n {rowItem.emailsSent}\n {rowItem.owner}\n {rowItem.priority}\n {rowItem.category}\n {rowItem.dueDate}\n {rowItem.comments}\n )}\n \n
;\n },\n name: "Sticky column"\n}',...StickyColumn.parameters?.docs?.source}}},HighlightedRow.parameters={...HighlightedRow.parameters,docs:{...HighlightedRow.parameters?.docs,source:{originalSource:'{\n render: () => {\n const shouldRowBeHighlighted = (rowItem: (typeof emailTableData)[number]) => {\n return rowItem.id === "2";\n };\n return } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => )}\n \n \n {emailTableData.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
;\n },\n name: "Highlighted row"\n}',...HighlightedRow.parameters?.docs?.source}}};const __namedExportsOrder=["Overview","Sizes","Borders","TableHeaderFunctionality","Loading","Scroll","VirtualizedScroll","StickyColumn","HighlightedRow"]}}]); \ No newline at end of file diff --git a/components-Table-Table-__stories__-Table-stories.58798464.iframe.bundle.js b/components-Table-Table-__stories__-Table-stories.58798464.iframe.bundle.js new file mode 100644 index 0000000000..8f8628ce63 --- /dev/null +++ b/components-Table-Table-__stories__-Table-stories.58798464.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[1628],{"./src/components/Table/Table/__stories__/Table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Borders:()=>Borders,HighlightedRow:()=>HighlightedRow,Loading:()=>Loading,Overview:()=>Overview,Scroll:()=>Scroll,Sizes:()=>Sizes,StickyColumn:()=>StickyColumn,TableHeaderFunctionality:()=>TableHeaderFunctionality,VirtualizedScroll:()=>VirtualizedScroll,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_Table__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Table/Table/Table.tsx"),_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Table/TableHeader/TableHeader.tsx"),_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Table/TableHeaderCell/TableHeaderCell.tsx"),_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Table/TableBody/TableBody.tsx"),_TableVirtualizedBody_TableVirtualizedBody__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"),_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Table/TableRow/TableRow.tsx"),_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Table/TableCell/TableCell.tsx"),_Label_Label__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Label/Label.tsx"),_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Flex/Flex.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/storybook/functions/createStoryMetaSettingsDecorator.ts"),_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Table/Table/__stories__/Table.stories.helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i
;\n\nexport const Overview = {\n render: tableTemplate.bind({}),\n args: {\n errorState: ,\n emptyState: ,\n columns: [\n {\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n },\n {\n id: "sentBy",\n title: "Sent by",\n\n width: {\n min: 120,\n max: 200\n },\n\n infoContent: "This is the sender",\n loadingStateType: "circle"\n },\n {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n },\n {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }\n ],\n children: [\n \n {[\n {\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n },\n {\n id: "sentBy",\n title: "Sent by",\n\n width: {\n min: 120,\n max: 200\n },\n\n infoContent: "This is the sender",\n loadingStateType: "circle"\n },\n {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n },\n {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }\n ].map((headerCell, index) => (\n \n ))}\n ,\n \n {[\n {\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n },\n {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject:\n "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n },\n {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }\n ].map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n ]\n },\n parameters: {\n docs: {\n liveEdit: {\n isEnabled: false\n }\n }\n },\n name: "Overview"\n};\n\nexport const Sizes = {\n render: () => {\n const columns: ITableColumn[] = [\n {\n id: "sentOn",\n title: "Sent on",\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n\n loadingStateType: "long-text"\n }\n ];\n const data = [\n {\n id: 1,\n sentOn: "2020-01-01",\n subject: "Lorem ipsum dolor"\n },\n {\n id: 2,\n sentOn: "2022-02-02",\n subject: "This is the subject"\n }\n ];\n return (\n <>\n }\n emptyState={}\n columns={columns}\n >\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n ))}\n \n \n }\n emptyState={}\n columns={columns}\n >\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n ))}\n \n \n }\n emptyState={}\n columns={columns}\n >\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n ))}\n \n \n \n );\n },\n decorators: [\n (Story: typeof React.Component) => (\n \n \n \n )\n ],\n name: "Sizes"\n};\n\nexport const Borders = {\n render: () => {\n const columns: ITableColumn[] = [\n {\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n },\n {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n },\n {\n id: "sentBy",\n title: "Sent by",\n\n width: {\n min: 120,\n max: 200\n },\n\n infoContent: "This is the sender",\n loadingStateType: "circle"\n },\n {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n },\n {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }\n ];\n const data = [\n {\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n },\n {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject:\n "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n },\n {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }\n ];\n return (\n <>\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n } emptyState={} columns={columns} withoutBorder>\n \n {columns.map((headerCell, index) => (\n \n ))}\n \n \n {data.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n \n );\n },\n decorators: [\n (Story: typeof React.Component) => (\n \n \n \n )\n ],\n name: "Borders"\n};\n\nexport const TableHeaderFunctionality = {\n render: () => {\n const [tableData, setTableData] = useState(emailTableData);\n const [sorting, setSorting] = useState<{ [key: string]: "asc" | "desc" | "none" }>({});\n\n const onSort = (columnId: string, sortState: "asc" | "desc" | "none") => {\n setSorting({\n [columnId]: sortState\n });\n\n setTableData(sort(columnId as keyof (typeof tableData)[number], sortState, tableData));\n };\n\n return (\n } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => (\n onSort(headerCell.id, sortState)}\n sortState={sorting[headerCell.id]}\n />\n ))}\n \n \n {tableData.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n );\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: { emailTableData, emailColumns }\n }\n }\n },\n name: "Table Header Functionality"\n};\n\nexport const Loading = {\n render: () => (\n }\n emptyState={}\n columns={emailColumns}\n >\n \n {emailColumns.map((headerCell, index) => (\n \n ))}\n \n \n {emailTableData.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n \n ),\n parameters: {\n docs: {\n liveEdit: {\n scope: { emailTableData, emailColumns }\n }\n }\n },\n name: "Loading"\n};\n\nexport const Scroll = {\n render: () => (\n \n } emptyState={} columns={scrollTableColumns}>\n \n {scrollTableColumns.map((headerCell, index) => (\n \n ))}\n \n \n {scrollTableData.map(rowItem => (\n \n {rowItem.sentOn}\n \n \n \n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n \n ),\n parameters: {\n docs: {\n liveEdit: {\n scope: { scrollTableColumns, scrollTableData, priorityColumnToLabelColor, statusColumnToLabelColor }\n }\n }\n },\n name: "Scroll"\n};\n\nexport const VirtualizedScroll = {\n render: () => {\n const Row = ({ num, text }: (typeof virtualizedScrollTableData)[number]) => {\n return (\n \n {num}\n {text}\n \n );\n };\n\n return (\n }\n emptyState={}\n columns={virtualizedScrollTableColumns}\n style={{\n height: 250\n }}\n >\n \n {virtualizedScrollTableColumns.map((cell, index) => (\n \n ))}\n \n \n \n );\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: { virtualizedScrollTableColumns, virtualizedScrollTableData }\n }\n }\n },\n name: "Virtualized Scroll"\n};\n\nexport const StickyColumn = {\n render: () => {\n return (\n } emptyState={} columns={stickyColumns}>\n \n {stickyColumns.map((headerCell, index) => (\n \n ))}\n \n \n {stickyTableData.map(rowItem => (\n \n {rowItem.projectName}\n \n \n {rowItem.description}\n {rowItem.createdOn}\n {rowItem.emailsSent}\n {rowItem.owner}\n {rowItem.priority}\n {rowItem.category}\n {rowItem.dueDate}\n {rowItem.comments}\n \n ))}\n \n
\n );\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: { stickyColumns, stickyTableData, statusColumnToLabelColor }\n }\n }\n },\n name: "Sticky column"\n};\n\nexport const HighlightedRow = {\n render: () => {\n const shouldRowBeHighlighted = (rowItem: (typeof emailTableData)[number]) => {\n return rowItem.id === "2";\n };\n\n return (\n } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => (\n \n ))}\n \n \n {emailTableData.map(rowItem => (\n \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n \n ))}\n \n
\n );\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: { emailColumns, emailTableData }\n }\n }\n },\n name: "Highlighted row"\n};\n',locationsMap:{overview:{startLoc:{col:24,line:58},endLoc:{col:1,line:195},startBody:{col:24,line:58},endBody:{col:1,line:195}},sizes:{startLoc:{col:21,line:197},endLoc:{col:1,line:315},startBody:{col:21,line:197},endBody:{col:1,line:315}},borders:{startLoc:{col:23,line:317},endLoc:{col:1,line:441},startBody:{col:23,line:317},endBody:{col:1,line:441}},"table-header-functionality":{startLoc:{col:40,line:443},endLoc:{col:1,line:496},startBody:{col:40,line:443},endBody:{col:1,line:496}},loading:{startLoc:{col:23,line:498},endLoc:{col:1,line:538},startBody:{col:23,line:498},endBody:{col:1,line:538}},scroll:{startLoc:{col:22,line:540},endLoc:{col:1,line:587},startBody:{col:22,line:540},endBody:{col:1,line:587}},"virtualized-scroll":{startLoc:{col:33,line:589},endLoc:{col:1,line:626},startBody:{col:33,line:589},endBody:{col:1,line:626}},"sticky-column":{startLoc:{col:28,line:628},endLoc:{col:1,line:666},startBody:{col:28,line:628},endBody:{col:1,line:666}},"highlighted-row":{startLoc:{col:30,line:668},endLoc:{col:1,line:707},startBody:{col:30,line:668},endBody:{col:1,line:707}}}},docs:{liveEdit:{scope:{TableAvatar:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,TableErrorState:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,TableEmptyState:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5}}}}};var tableTemplate=function tableTemplate(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,_objectSpread({},args))};tableTemplate.displayName="tableTemplate";var Overview={render:tableTemplate.bind({}),args:{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:[{id:"sentOn",title:"Sent on",width:150,loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"},{id:"sentBy",title:"Sent by",width:{min:120,max:200},infoContent:"This is the sender",loadingStateType:"circle"},{id:"status",title:"Status",width:150,infoContent:"Info content for the status column",loadingStateType:"medium-text"},{id:"emailsSent",title:"Emails sent",width:150,loadingStateType:"medium-text"}],children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:[{id:"sentOn",title:"Sent on",width:150,loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"},{id:"sentBy",title:"Sent by",width:{min:120,max:200},infoContent:"This is the sender",loadingStateType:"circle"},{id:"status",title:"Status",width:150,infoContent:"Info content for the status column",loadingStateType:"medium-text"},{id:"emailsSent",title:"Emails sent",width:150,loadingStateType:"medium-text"}].map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:[{id:"1",sentOn:"2020-01-01",sentBy:"John Doe",subject:"Lorem ipsum dolor",status:"Sent",emailsSent:100},{id:"3",sentOn:"2023-03-03",sentBy:"Some Person",subject:"This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",status:"Sent",emailsSent:999},{id:"2",sentOn:"2022-02-02",sentBy:"Other Name",subject:"This is the subject",status:"Sent",emailsSent:99}].map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]},parameters:{docs:{liveEdit:{isEnabled:!1}}},name:"Overview"},Sizes={render:function render(){var columns=[{id:"sentOn",title:"Sent on",loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"}],data=[{id:1,sentOn:"2020-01-01",subject:"Lorem ipsum dolor"},{id:2,sentOn:"2022-02-02",subject:"This is the subject"}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{style:{width:"auto"},size:_Table__WEBPACK_IMPORTED_MODULE_3__.A.sizes.SMALL,errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject})]},rowItem.id)}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{style:{width:"auto"},size:_Table__WEBPACK_IMPORTED_MODULE_3__.A.sizes.MEDIUM,errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject})]},rowItem.id)}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{style:{width:"auto"},size:_Table__WEBPACK_IMPORTED_MODULE_3__.A.sizes.LARGE,errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject})]},rowItem.id)}))})]})]})},decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A,{align:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.align.START,justify:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.justify.SPACE_BETWEEN,gap:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.gaps.MEDIUM,style:{flex:1},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Story,{})})}],name:"Sizes"},Borders={render:function render(){var columns=[{id:"sentOn",title:"Sent on",width:150,loadingStateType:"medium-text"},{id:"subject",title:"Subject",loadingStateType:"long-text"},{id:"sentBy",title:"Sent by",width:{min:120,max:200},infoContent:"This is the sender",loadingStateType:"circle"},{id:"status",title:"Status",width:150,infoContent:"Info content for the status column",loadingStateType:"medium-text"},{id:"emailsSent",title:"Emails sent",width:150,loadingStateType:"medium-text"}],data=[{id:"1",sentOn:"2020-01-01",sentBy:"John Doe",subject:"Lorem ipsum dolor",status:"Sent",emailsSent:100},{id:"3",sentOn:"2023-03-03",sentBy:"Some Person",subject:"This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",status:"Sent",emailsSent:999},{id:"2",sentOn:"2022-02-02",sentBy:"Other Name",subject:"This is the subject",status:"Sent",emailsSent:99}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns,withoutBorder:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:columns.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:data.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})]})},decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A,{direction:_Flex_Flex__WEBPACK_IMPORTED_MODULE_12__.A.directions.COLUMN,gap:40,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Story,{})})}],name:"Borders"},TableHeaderFunctionality={render:function render(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc),2),tableData=_useState2[0],setTableData=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),sorting=_useState4[0],setSorting=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title,icon:headerCell.icon,infoContent:headerCell.infoContent,onSortClicked:function onSortClicked(sortState){return function onSort(columnId,sortState){setSorting(_defineProperty({},columnId,sortState)),setTableData((0,_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.di)(columnId,sortState,tableData))}(headerCell.id,sortState)},sortState:sorting[headerCell.id]},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:tableData.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,isAnimationDisabled:!0,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})},parameters:{docs:{liveEdit:{scope:{emailTableData:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc,emailColumns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH}}}},name:"Table Header Functionality"},Loading={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{dataState:{isLoading:!0},errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE,isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})},parameters:{docs:{liveEdit:{scope:{emailTableData:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc,emailColumns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH}}}},name:"Loading"},Scroll={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:220,width:"100%"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.fs,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.fs.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.sr.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.priority,color:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.P8[rowItem.priority],isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.pu[rowItem.status],isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})})},parameters:{docs:{liveEdit:{scope:{scrollTableColumns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.fs,scrollTableData:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.sr,priorityColumnToLabelColor:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.P8,statusColumnToLabelColor:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.pu}}}},name:"Scroll"},VirtualizedScroll={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Yb,style:{height:250},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Yb.map((function(cell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,_objectSpread({},cell),index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableVirtualizedBody_TableVirtualizedBody__WEBPACK_IMPORTED_MODULE_9__.A,{rowRenderer:function Row(_ref){var num=_ref.num,text=_ref.text;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:num}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:text})]})},items:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.V2})]})},parameters:{docs:{liveEdit:{scope:{virtualizedScrollTableColumns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Yb,virtualizedScrollTableData:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.V2}}}},name:"Virtualized Scroll"},StickyColumn={render:function render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.dW,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.dW.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{sticky:0===index,title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.aN.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{sticky:!0,children:rowItem.projectName}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,color:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.pu[rowItem.status],isAnimationDisabled:!0})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.description}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.createdOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.owner}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.priority}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.category}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.dueDate}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.comments})]},rowItem.id)}))})]})},parameters:{docs:{liveEdit:{scope:{stickyColumns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.dW,stickyTableData:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.aN,statusColumnToLabelColor:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.pu}}}},name:"Sticky column"},HighlightedRow={render:function render(){var shouldRowBeHighlighted=function shouldRowBeHighlighted(rowItem){return"2"===rowItem.id};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Table__WEBPACK_IMPORTED_MODULE_3__.A,{errorState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.MV,{}),emptyState:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.D5,{}),columns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_4__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH.map((function(headerCell,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_5__.A,{title:headerCell.title},index)}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_6__.A,{children:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc.map((function(rowItem){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_7__.A,{highlighted:shouldRowBeHighlighted(rowItem),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.sentOn}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.subject}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.iN,{text:rowItem.sentBy})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A,{text:rowItem.status,isAnimationDisabled:!0,color:_Label_Label__WEBPACK_IMPORTED_MODULE_11__.A.colors.POSITIVE})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_8__.A,{children:rowItem.emailsSent})]},rowItem.id)}))})]})},parameters:{docs:{liveEdit:{scope:{emailColumns:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.WH,emailTableData:_Table_stories_helpers__WEBPACK_IMPORTED_MODULE_10__.Vc}}}},name:"Highlighted row"};Overview.parameters={...Overview.parameters,docs:{...Overview.parameters?.docs,source:{originalSource:'{\n render: tableTemplate.bind({}),\n args: {\n errorState: ,\n emptyState: ,\n columns: [{\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }, {\n id: "sentBy",\n title: "Sent by",\n width: {\n min: 120,\n max: 200\n },\n infoContent: "This is the sender",\n loadingStateType: "circle"\n }, {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n }, {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }],\n children: [\n {[{\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }, {\n id: "sentBy",\n title: "Sent by",\n width: {\n min: 120,\n max: 200\n },\n infoContent: "This is the sender",\n loadingStateType: "circle"\n }, {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n }, {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }].map((headerCell, index) => )}\n , \n {[{\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n }, {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject: "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n }, {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }].map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n ]\n },\n parameters: {\n docs: {\n liveEdit: {\n isEnabled: false\n }\n }\n },\n name: "Overview"\n}',...Overview.parameters?.docs?.source}}},Sizes.parameters={...Sizes.parameters,docs:{...Sizes.parameters?.docs,source:{originalSource:'{\n render: () => {\n const columns: ITableColumn[] = [{\n id: "sentOn",\n title: "Sent on",\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }];\n const data = [{\n id: 1,\n sentOn: "2020-01-01",\n subject: "Lorem ipsum dolor"\n }, {\n id: 2,\n sentOn: "2022-02-02",\n subject: "This is the subject"\n }];\n return <>\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n )}\n \n
\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n )}\n \n
\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n )}\n \n
\n ;\n },\n decorators: [(Story: typeof React.Component) => \n \n ],\n name: "Sizes"\n}',...Sizes.parameters?.docs?.source}}},Borders.parameters={...Borders.parameters,docs:{...Borders.parameters?.docs,source:{originalSource:'{\n render: () => {\n const columns: ITableColumn[] = [{\n id: "sentOn",\n title: "Sent on",\n width: 150,\n loadingStateType: "medium-text"\n }, {\n id: "subject",\n title: "Subject",\n loadingStateType: "long-text"\n }, {\n id: "sentBy",\n title: "Sent by",\n width: {\n min: 120,\n max: 200\n },\n infoContent: "This is the sender",\n loadingStateType: "circle"\n }, {\n id: "status",\n title: "Status",\n width: 150,\n infoContent: "Info content for the status column",\n loadingStateType: "medium-text"\n }, {\n id: "emailsSent",\n title: "Emails sent",\n width: 150,\n loadingStateType: "medium-text"\n }];\n const data = [{\n id: "1",\n sentOn: "2020-01-01",\n sentBy: "John Doe",\n subject: "Lorem ipsum dolor",\n status: "Sent",\n emailsSent: 100\n }, {\n id: "3",\n sentOn: "2023-03-03",\n sentBy: "Some Person",\n subject: "This is the subject This is the subject This is the subject This is the subject This is the subject This is the subject",\n status: "Sent",\n emailsSent: 999\n }, {\n id: "2",\n sentOn: "2022-02-02",\n sentBy: "Other Name",\n subject: "This is the subject",\n status: "Sent",\n emailsSent: 99\n }];\n return <>\n } emptyState={} columns={columns}>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
\n } emptyState={} columns={columns} withoutBorder>\n \n {columns.map((headerCell, index) => )}\n \n \n {data.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
\n ;\n },\n decorators: [(Story: typeof React.Component) => \n \n ],\n name: "Borders"\n}',...Borders.parameters?.docs?.source}}},TableHeaderFunctionality.parameters={...TableHeaderFunctionality.parameters,docs:{...TableHeaderFunctionality.parameters?.docs,source:{originalSource:'{\n render: () => {\n const [tableData, setTableData] = useState(emailTableData);\n const [sorting, setSorting] = useState<{\n [key: string]: "asc" | "desc" | "none";\n }>({});\n const onSort = (columnId: string, sortState: "asc" | "desc" | "none") => {\n setSorting({\n [columnId]: sortState\n });\n setTableData(sort((columnId as keyof (typeof tableData)[number]), sortState, tableData));\n };\n return } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => onSort(headerCell.id, sortState)} sortState={sorting[headerCell.id]} />)}\n \n \n {tableData.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
;\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: {\n emailTableData,\n emailColumns\n }\n }\n }\n },\n name: "Table Header Functionality"\n}',...TableHeaderFunctionality.parameters?.docs?.source}}},Loading.parameters={...Loading.parameters,docs:{...Loading.parameters?.docs,source:{originalSource:'{\n render: () => } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => )}\n \n \n {emailTableData.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
,\n parameters: {\n docs: {\n liveEdit: {\n scope: {\n emailTableData,\n emailColumns\n }\n }\n }\n },\n name: "Loading"\n}',...Loading.parameters?.docs?.source}}},Scroll.parameters={...Scroll.parameters,docs:{...Scroll.parameters?.docs,source:{originalSource:'{\n render: () =>
\n } emptyState={} columns={scrollTableColumns}>\n \n {scrollTableColumns.map((headerCell, index) => )}\n \n \n {scrollTableData.map(rowItem => \n {rowItem.sentOn}\n \n \n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
\n
,\n parameters: {\n docs: {\n liveEdit: {\n scope: {\n scrollTableColumns,\n scrollTableData,\n priorityColumnToLabelColor,\n statusColumnToLabelColor\n }\n }\n }\n },\n name: "Scroll"\n}',...Scroll.parameters?.docs?.source}}},VirtualizedScroll.parameters={...VirtualizedScroll.parameters,docs:{...VirtualizedScroll.parameters?.docs,source:{originalSource:'{\n render: () => {\n const Row = ({\n num,\n text\n }: (typeof virtualizedScrollTableData)[number]) => {\n return \n {num}\n {text}\n ;\n };\n return } emptyState={} columns={virtualizedScrollTableColumns} style={{\n height: 250\n }}>\n \n {virtualizedScrollTableColumns.map((cell, index) => )}\n \n \n
;\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: {\n virtualizedScrollTableColumns,\n virtualizedScrollTableData\n }\n }\n }\n },\n name: "Virtualized Scroll"\n}',...VirtualizedScroll.parameters?.docs?.source}}},StickyColumn.parameters={...StickyColumn.parameters,docs:{...StickyColumn.parameters?.docs,source:{originalSource:'{\n render: () => {\n return } emptyState={} columns={stickyColumns}>\n \n {stickyColumns.map((headerCell, index) => )}\n \n \n {stickyTableData.map(rowItem => \n {rowItem.projectName}\n \n \n {rowItem.description}\n {rowItem.createdOn}\n {rowItem.emailsSent}\n {rowItem.owner}\n {rowItem.priority}\n {rowItem.category}\n {rowItem.dueDate}\n {rowItem.comments}\n )}\n \n
;\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: {\n stickyColumns,\n stickyTableData,\n statusColumnToLabelColor\n }\n }\n }\n },\n name: "Sticky column"\n}',...StickyColumn.parameters?.docs?.source}}},HighlightedRow.parameters={...HighlightedRow.parameters,docs:{...HighlightedRow.parameters?.docs,source:{originalSource:'{\n render: () => {\n const shouldRowBeHighlighted = (rowItem: (typeof emailTableData)[number]) => {\n return rowItem.id === "2";\n };\n return } emptyState={} columns={emailColumns}>\n \n {emailColumns.map((headerCell, index) => )}\n \n \n {emailTableData.map(rowItem => \n {rowItem.sentOn}\n {rowItem.subject}\n \n \n \n \n \n {rowItem.emailsSent}\n )}\n \n
;\n },\n parameters: {\n docs: {\n liveEdit: {\n scope: {\n emailColumns,\n emailTableData\n }\n }\n }\n },\n name: "Highlighted row"\n}',...HighlightedRow.parameters?.docs?.source}}};const __namedExportsOrder=["Overview","Sizes","Borders","TableHeaderFunctionality","Loading","Scroll","VirtualizedScroll","StickyColumn","HighlightedRow"]}}]); \ No newline at end of file diff --git a/iframe.html b/iframe.html index ffe7454262..bd9bc7387e 100644 --- a/iframe.html +++ b/iframe.html @@ -442,8 +442,8 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":false}; \ No newline at end of file + import './main.76402a48.iframe.bundle.js'; \ No newline at end of file diff --git a/main.03f95e2d.iframe.bundle.js b/main.76402a48.iframe.bundle.js similarity index 58% rename from main.03f95e2d.iframe.bundle.js rename to main.76402a48.iframe.bundle.js index 44afad4da8..09fa4087de 100644 --- a/main.03f95e2d.iframe.bundle.js +++ b/main.76402a48.iframe.bundle.js @@ -1,2 +1,2 @@ -/*! For license information please see main.03f95e2d.iframe.bundle.js.LICENSE.txt */ -(globalThis.webpackChunkmonday_ui_react_core=globalThis.webpackChunkmonday_ui_react_core||[]).push([[8792],{"../../node_modules/@babel/standalone sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="../../node_modules/@babel/standalone sync recursive",module.exports=webpackEmptyContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.mdx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("../../node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("../../node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("../../node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-a11y/dist/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("../../node_modules/@storybook/addon-themes/dist/preview.js"),__webpack_require__("./.storybook/preview.tsx")])})},"./src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>ChildrenContent});var react=__webpack_require__("../../node_modules/react/index.js"),Avatar=__webpack_require__("./src/components/Avatar/Avatar.tsx"),Icon=__webpack_require__("./src/components/Icon/Icon.tsx"),Text=__webpack_require__("./src/components/Text/Text.tsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ChildrenContent_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ChildrenContent_module.A,options);const ChildrenContent_ChildrenContent_module=ChildrenContent_module.A&&ChildrenContent_module.A.locals?ChildrenContent_module.A.locals:void 0;var test_ids_utils=__webpack_require__("./src/tests/test-ids-utils.ts"),constants=__webpack_require__("./src/tests/constants.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),ChildrenContent=function ChildrenContent(_ref){var data=_ref.data,children=_ref.children,readOnly=_ref.readOnly,onMouseDown=(0,react.useCallback)((function(event){readOnly&&event.stopPropagation()}),[readOnly]);return(0,jsx_runtime.jsxs)("div",{className:ChildrenContent_ChildrenContent_module.valueContainer,onMouseDown,"data-testid":(0,test_ids_utils.G)(constants.w.DROPDOWN_OPTION_CONTENT),children:[(null==data?void 0:data.leftRenderer)||(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(null==data?void 0:data.leftAvatar)&&(0,jsx_runtime.jsx)(Avatar.A,{className:ChildrenContent_ChildrenContent_module.avatar,withoutBorder:!0,square:data.square,src:data.leftAvatar,type:Avatar.A.types.IMG,customSize:20}),(null==data?void 0:data.leftIcon)&&(0,jsx_runtime.jsx)(Icon.A,{className:ChildrenContent_ChildrenContent_module.icon,iconSize:18,icon:data.leftIcon,clickable:!1})]}),(0,jsx_runtime.jsx)(Text.A,{type:Text.A.types.TEXT2,color:Text.A.colors.INHERIT,children}),(null==data?void 0:data.rightIcon)&&(0,jsx_runtime.jsx)(Icon.A,{iconSize:18,icon:data.rightIcon,clickable:!1}),(null==data?void 0:data.rightAvatar)&&(0,jsx_runtime.jsx)(Avatar.A,{withoutBorder:!0,square:data.square,src:data.rightAvatar,type:Avatar.A.types.IMG,customSize:20})]})};ChildrenContent.displayName="ChildrenContent",ChildrenContent.__docgenInfo={description:"",methods:[],displayName:"ChildrenContent"}},"./src/components/Dropdown/components/menu/menu.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react_select__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/react-select/dist/index-75b02bac.browser.esm.js")),_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Dropdown/components/menu/menu.module.scss"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}var _excluded=["children","Renderer","selectProps","dropdownMenuWrapperClassName","id","ariaLabel"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Menu=function Menu(_ref){var _selectProps$selectPr,_selectProps$selectPr2,children=_ref.children,Renderer=_ref.Renderer,selectProps=_ref.selectProps,dropdownMenuWrapperClassName=_ref.dropdownMenuWrapperClassName,id=_ref.id,ariaLabel=_ref.ariaLabel,props=_objectWithoutProperties(_ref,_excluded),rendererProps=_objectSpread(_objectSpread({children,selectProps},props),{},{innerProps:_objectSpread(_objectSpread({},props.innerProps),{},{id,role:"listbox","aria-label":ariaLabel})}),withFixedPosition=(null==selectProps||null===(_selectProps$selectPr=selectProps.selectProps)||void 0===_selectProps$selectPr?void 0:_selectProps$selectPr.insideOverflowContainer)||(null==selectProps||null===(_selectProps$selectPr2=selectProps.selectProps)||void 0===_selectProps$selectPr2?void 0:_selectProps$selectPr2.insideOverflowWithTransformContainer);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_select__WEBPACK_IMPORTED_MODULE_4__.F.Menu,_objectSpread(_objectSpread({},props),{},{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.dropdownMenuWrapper,_defineProperty(_defineProperty({},_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.dropdownMenuWrapperFixedPosition,withFixedPosition),_menu_module_scss__WEBPACK_IMPORTED_MODULE_2__.A.withoutAnimation,!0),dropdownMenuWrapperClassName),children:[Renderer&&Renderer(rendererProps),!Renderer&&children]}))};Menu.displayName="Menu";const __WEBPACK_DEFAULT_EXPORT__=Menu;Menu.__docgenInfo={description:"",methods:[],displayName:"Menu"}},"./src/components/Dropdown/components/option/option.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>option_option});var classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("../../node_modules/react/index.js"),index_75b02bac_browser_esm=__webpack_require__("../../node_modules/react-select/dist/index-75b02bac.browser.esm.js"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),ChildrenContent=__webpack_require__("./src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),option_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Dropdown/components/option/option.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(option_module.A,options);const option_option_module=option_module.A&&option_module.A.locals?option_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}var _excluded=["Renderer","data","children","setFocusedOptionId","optionWrapperClassName"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Option=function Option(_ref){var Renderer=_ref.Renderer,data=_ref.data,children=_ref.children,setFocusedOptionId=_ref.setFocusedOptionId,optionWrapperClassName=_ref.optionWrapperClassName,props=_objectWithoutProperties(_ref,_excluded),tooltipProps=(null==data?void 0:data.tooltipProps)||{},rendererProps=_objectSpread(_objectSpread({children,data},props),{},{innerProps:_objectSpread(_objectSpread({},props.innerProps),{},{role:"option","aria-selected":props.isSelected})});return(0,react.useEffect)((function(){props.isFocused&&setFocusedOptionId(props.innerProps.id)}),[props.isFocused,props.innerProps.id,setFocusedOptionId]),(0,jsx_runtime.jsx)(Tooltip.A,_objectSpread(_objectSpread({},tooltipProps),{},{position:Tooltip.A.positions.RIGHT,children:Renderer?(0,jsx_runtime.jsxs)(index_75b02bac_browser_esm.F.Option,_objectSpread(_objectSpread({},rendererProps),{},{className:classnames_default()(option_option_module.optionReset,optionWrapperClassName),children:[(0,jsx_runtime.jsx)(Renderer,_objectSpread(_objectSpread({},rendererProps),data))," "]})):(0,jsx_runtime.jsx)(index_75b02bac_browser_esm.F.Option,_objectSpread(_objectSpread({},rendererProps),{},{className:classnames_default()(option_option_module.optionReset,optionWrapperClassName),children:(0,jsx_runtime.jsx)(ChildrenContent.X,{data,children})}))}))};Option.displayName="Option";const option_option=Option;Option.__docgenInfo={description:"",methods:[],displayName:"Option"}},"./src/components/Dropdown/components/singleValue/singleValue.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>singleValue});__webpack_require__("../../node_modules/react/index.js");var classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),index_75b02bac_browser_esm=__webpack_require__("../../node_modules/react-select/dist/index-75b02bac.browser.esm.js"),ChildrenContent=__webpack_require__("./src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),singleValue_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Dropdown/components/singleValue/singleValue.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(singleValue_module.A,options);const singleValue_singleValue_module=singleValue_module.A&&singleValue_module.A.locals?singleValue_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}var _excluded=["Renderer","data","children","readOnly","singleValueWrapperClassName"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SingleValue=function SingleValue(_ref){var Renderer=_ref.Renderer,data=_ref.data,children=_ref.children,readOnly=_ref.readOnly,singleValueWrapperClassName=_ref.singleValueWrapperClassName,props=_objectWithoutProperties(_ref,_excluded),rendererProps=_objectSpread({children,readOnly,data},props),value=Renderer?(0,jsx_runtime.jsx)(Renderer,_objectSpread(_objectSpread({},rendererProps),data)):(0,jsx_runtime.jsx)(ChildrenContent.X,{data,readOnly,children});return(0,jsx_runtime.jsx)(index_75b02bac_browser_esm.F.SingleValue,_objectSpread(_objectSpread({},props),{},{className:classnames_default()(singleValue_singleValue_module.singleValue,"dropdown-wrapper__single-value--reset",singleValueWrapperClassName),children:value}))};SingleValue.displayName="SingleValue";const singleValue=SingleValue;SingleValue.__docgenInfo={description:"",methods:[],displayName:"SingleValue"}},"./src/components/VirtualizedGrid/__stories__/VirtualizedGrid.stories.helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>generateItems,p:()=>itemRenderer});__webpack_require__("../../node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),generateItems=function generateItems(){for(var height=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,width=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",itemsCount=arguments.length>2?arguments[2]:void 0,items=[],i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>generateItems,_:()=>TipItemRenderer});__webpack_require__("../../node_modules/react/index.js");var vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),generateItems=function generateItems(){for(var defaultItemSize=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,itemsCount=arguments.length>1?arguments[1]:void 0,items=[],isVertical="horizontal"!==(arguments.length>2?arguments[2]:void 0),i=0;i0&&i%15)?2*defaultItemSize:defaultItemSize;items.push({value:"Item ".concat(i),size,id:i,height:isVertical?size:30})}return items},TipItemRenderer=function TipItemRenderer(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__.A,{title:"Are your list items not rendered correctly?",children:["Please make sure you inject the style parameter of the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("code",{children:"itemRenderer"})," function to the item ","element's","wrapper style."]})};TipItemRenderer.displayName="TipItemRenderer",TipItemRenderer.__docgenInfo={description:"",methods:[],displayName:"TipItemRenderer"}},"./src/constants/keyCodes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{GS:()=>UP_DOWN_ARROWS,S$:()=>SELECTION_KEYS,uP:()=>keyCodes});var keyCodes={ENTER:"Enter",SPACE:" ",ESCAPE:"Escape",DOWN_ARROW:"ArrowDown",UP_ARROW:"ArrowUp",LEFT_ARROW:"ArrowLeft",RIGHT_ARROW:"ArrowRight",TAB:"Tab"},SELECTION_KEYS=[keyCodes.ENTER,keyCodes.SPACE],UP_DOWN_ARROWS=[keyCodes.UP_ARROW,keyCodes.DOWN_ARROW]},"./src/services/themes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function getCSSVar(varName,fallback){var fb=fallback?", ".concat(fallback):"";if(function isThemesSupported(){try{return!(!window.CSS||!window.CSS.supports)&&window.CSS.supports("color","var(--fake-var)")}catch(e){return!1}}())return"var(--".concat(varName).concat(fb,")")}__webpack_require__.d(__webpack_exports__,{E2:()=>hexToRgb,Qb:()=>getComputedVarColor,f4:()=>getCSSVar});var getComputedVarColor=function getComputedVarColor(elem,cssVar){return getComputedStyle(elem).getPropertyValue("--".concat(cssVar))};function hexToRgb(hex){hex.startsWith("#")&&(hex=hex.substring(1));var bigint=parseInt(hex,16),g=bigint>>8&255,b=255&bigint;return"rgb(".concat(bigint>>16&255,", ").concat(g,", ").concat(b,")")}},"./src/services/virtualized-service.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>easeInOutQuint,Cq:()=>getMaxOffset,Np:()=>getOnItemsRenderedData,SI:()=>isLayoutDirectionScrollbarVisible,yl:()=>getNormalizedItems});var EMPTY_OBJECT={},getNormalizedItems=function getNormalizedItems(items,idGetter,sizeGetter){var normalizedItems={},offset=0,lastIndex=items.length-1;return items.forEach((function(item,index){var size=sizeGetter(item,index),uniqueId=idGetter(item,index);normalizedItems[uniqueId]={item,index,height:size,size,offsetTop:offset,offset},lastIndex===index&&(normalizedItems["~~~lastItem~~~"]=normalizedItems[uniqueId]),offset+=size})),normalizedItems},getMaxOffset=function getMaxOffset(offsetSize,normalizedItems){var lastItem=normalizedItems["~~~lastItem~~~"];if(!lastItem)return 0;var size=lastItem.size;return lastItem.offset+size-offsetSize},easeInOutQuint=function easeInOutQuint(time){var t=time;return t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t};var isLayoutDirectionScrollbarVisible=function isLayoutDirectionScrollbarVisible(items,normalizedItems,idGetter,componentSize){if(!componentSize)return!1;var lastExistingItemId=idGetter(items[items.length-1]||EMPTY_OBJECT,items.length-1);if(!normalizedItems[lastExistingItemId])return!1;var _normalizedItems$last=normalizedItems[lastExistingItemId];return _normalizedItems$last.offset+_normalizedItems$last.size>componentSize};function isEmptyObject(obj){return obj===EMPTY_OBJECT}var getOnItemsRenderedData=function getOnItemsRenderedData(items,normalizedItems,idGetter,visibleStartIndex,visibleStopIndex,listSize,currentOffsetTop){var firstVisibleItem=items[visibleStartIndex]||EMPTY_OBJECT,secondVisibleItem=items[visibleStartIndex+1]||EMPTY_OBJECT,lastVisibleItem=items[visibleStopIndex]||EMPTY_OBJECT,firstItemId=isEmptyObject(firstVisibleItem)?void 0:idGetter(firstVisibleItem,visibleStartIndex),secondItemId=isEmptyObject(secondVisibleItem)?void 0:idGetter(secondVisibleItem,visibleStartIndex+1),lastItemId=isEmptyObject(lastVisibleItem)?void 0:idGetter(lastVisibleItem,visibleStopIndex),centerOffset=currentOffsetTop+listSize/2,_ref2=normalizedItems[firstItemId]||EMPTY_OBJECT,firstItemOffsetEnd=_ref2.offsetTop+_ref2.height,centerItemId=function findItemAtOffset(items,normalizedItems,idGetter,fromIndex,offset){for(var i=fromIndex;ioffset)return itemId}return null}(items,normalizedItems,idGetter,visibleStartIndex,centerOffset);return{firstItemId,secondItemId,lastItemId,centerItemId,firstItemOffsetEnd,currentOffsetTop}}},"./src/storybook/components/component-name/component-name-decorator.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>ComponentNameDecorator});__webpack_require__("../../node_modules/react/index.js");var classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e_componentName="component-name-module_componentName__02j5D",o=function o(_ref){var o=_ref.children,a=_ref.className;return(0,jsx_runtime.jsx)("h1",{className:classnames_default()(e_componentName,a),children:o})},injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),component_name_decorator=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/storybook/components/component-name/component-name-decorator.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(component_name_decorator.A,options);component_name_decorator.A&&component_name_decorator.A.locals&&component_name_decorator.A.locals;var ComponentNameDecorator=function ComponentNameDecorator(_ref){var children=_ref.children,className=_ref.className,_ref$withFoundationBa=_ref.withFoundationBackground,withFoundationBackground=void 0!==_ref$withFoundationBa&&_ref$withFoundationBa;return(0,jsx_runtime.jsx)(o,{className:classnames_default()("vibe-storybook-component-name",className,{"vibe-storybook-component-name--foundation":withFoundationBackground}),children})};ComponentNameDecorator.displayName="ComponentNameDecorator";ComponentNameDecorator.__docgenInfo={description:"",methods:[],displayName:"ComponentNameDecorator",props:{withFoundationBackground:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./src/storybook/components/related-components/related-components-decorator.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>RelatedComponentsDecorator});__webpack_require__("../../node_modules/react/index.js");var vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../storybook-blocks/dist/src/components/related-components/related-components.js"),_component_description_map__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/storybook/components/related-components/component-description-map.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),RelatedComponentsDecorator=function RelatedComponentsDecorator(_ref){var componentsNames=_ref.componentsNames,linkTarget=_ref.linkTarget;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(vibe_storybook_components__WEBPACK_IMPORTED_MODULE_2__.A,{componentsNames,descriptionComponentsMap:_component_description_map__WEBPACK_IMPORTED_MODULE_3__.lP,linkTarget})};RelatedComponentsDecorator.displayName="RelatedComponentsDecorator",RelatedComponentsDecorator.defaultProps={componentsNames:[],linkTarget:void 0};RelatedComponentsDecorator.__docgenInfo={description:"",methods:[],displayName:"RelatedComponentsDecorator",props:{componentsNames:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},linkTarget:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1}}}},"../storybook-blocks/dist/_virtual/_tslib.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function t(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&0>n.indexOf(r)&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);r.length>o;o++)0>n.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]])}return e}function n(t,n,e,r){return new(e||(e=Promise))((function(o,c){function p(t){try{u(r.next(t))}catch(t){c(t)}}function f(t){try{u(r.throw(t))}catch(t){c(t)}}function u(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(p,f)}u((r=r.apply(t,n||[])).next())}))}__webpack_require__.d(__webpack_exports__,{T:()=>t,s:()=>n}),"function"==typeof SuppressedError&&SuppressedError},"../storybook-blocks/dist/src/components/component-rules/component-rules.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>a});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),_tslib=__webpack_require__("../storybook-blocks/dist/_virtual/_tslib.js"),Check_i=function i(_i){var l=_i.size,t=(0,_tslib.T)(_i,["size"]);return(0,jsx_runtime.jsx)("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:l||"20",height:l||"20"},t,{children:(0,jsx_runtime.jsx)("path",{d:"M8.53033 14.2478L8 13.7175L7.46967 14.2478C7.76256 14.5407 8.23744 14.5407 8.53033 14.2478ZM8 12.6569L4.53033 9.18718C4.23744 8.89429 3.76256 8.89429 3.46967 9.18718C3.17678 9.48008 3.17678 9.95495 3.46967 10.2478L7.46967 14.2478L8 13.7175L8.53033 14.2478L16.2478 6.53033C16.5407 6.23743 16.5407 5.76256 16.2478 5.46967C15.955 5.17677 15.4801 5.17677 15.1872 5.46967L8 12.6569Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}))};Check_i.displayName="Check";var r=function r(_r){var i=_r.size,t=(0,_tslib.T)(_r,["size"]);return(0,jsx_runtime.jsx)("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:i||"20",height:i||"20"},t,{children:(0,jsx_runtime.jsx)("path",{d:"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}))};r.displayName="CloseSmall";var e_componentRule="component-rule-module_componentRule__b51wz",e_component="component-rule-module_component__ibOBm",e_title="component-rule-module_title__r8nKb",e_icon="component-rule-module_icon__NHO3w",e_description="component-rule-module_description__34TNB",e_recommended="component-rule-module_recommended__JAYjs",e_notRecommended="component-rule-module_notRecommended__R6RSC";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var l=function l(_ref){var l=_ref.component,_ref$description=_ref.description,a=void 0===_ref$description?"":_ref$description,_ref$isRecommended=_ref.isRecommended,i=void 0!==_ref$isRecommended&&_ref$isRecommended,p=_ref.className,d=_ref.componentContainerClassName,f=(0,jsx_runtime.jsx)(i?Check_i:r,{className:e_icon}),h=i?"Do":"Don't";return(0,jsx_runtime.jsxs)("section",{className:classnames_default()(e_componentRule,_defineProperty(_defineProperty({},e_recommended,i),e_notRecommended,!i),p),children:[(0,jsx_runtime.jsx)("figure",{className:classnames_default()(e_component,d),children:l}),(0,jsx_runtime.jsxs)("h5",{className:e_title,children:[f,h]}),(0,jsx_runtime.jsx)("section",{className:e_description,children:a})]})},component_rules_module_scss_e_componentRules="component-rules-module_componentRules__D0v0z",component_rules_module_scss_e_pair="component-rules-module_pair__06KDD",a=function a(_ref){var _ref$rules=_ref.rules,a=void 0===_ref$rules?[]:_ref$rules,c=_ref.className,r=(0,react.useMemo)((function(){return a.map((function(n,a){var r="rule-"+a;return(0,jsx_runtime.jsxs)("section",{className:classnames_default()(component_rules_module_scss_e_pair,c),children:[(0,jsx_runtime.jsx)(l,{component:n.positive.component,description:n.positive.description,className:n.className,componentContainerClassName:n.componentContainerClassName,isRecommended:!0}),(0,jsx_runtime.jsx)(l,{component:n.negative.component,description:n.negative.description,className:n.className,componentContainerClassName:n.componentContainerClassName,isRecommended:!1})]},r)}))}),[c,a]);return(0,jsx_runtime.jsx)("article",{className:component_rules_module_scss_e_componentRules,children:r})}},"../storybook-blocks/dist/src/components/deprecated-warning/deprecated-warning.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>r});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_link_link_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../storybook-blocks/dist/src/components/link/link.js"),_tip_tip_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../storybook-blocks/dist/src/components/tip/tip.js"),r=function r(_ref){var r=_ref.alternativeName,a=_ref.alternativeLink,s=_ref.additionalContent;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tip_tip_js__WEBPACK_IMPORTED_MODULE_1__.A,{emoji:"🚨",title:"Deprecated component",type:_tip_tip_js__WEBPACK_IMPORTED_MODULE_1__.A.types.DANGER,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:["This is a legacy component and will be deprecated in the next major version. Please consider using the",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_link_link_js__WEBPACK_IMPORTED_MODULE_2__.A,{href:a,size:_link_link_js__WEBPACK_IMPORTED_MODULE_2__.A.sizes.SMALL,children:r}),"component for your needs instead.",s]})})}},"../storybook-blocks/dist/src/components/frame/frame.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),e_frame="frame-module_frame__0mDDi",e_noBorder="frame-module_noBorder__KZ24s",e_noGutter="frame-module_noGutter__Y1s2j";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var s=function s(_ref){var s=_ref.children,m=_ref.className,_ref$noGutter=_ref.noGutter,t=void 0!==_ref$noGutter&&_ref$noGutter,_ref$noBorder=_ref.noBorder,a=void 0!==_ref$noBorder&&_ref$noBorder;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(e_frame,m,_defineProperty(_defineProperty({},e_noGutter,t),e_noBorder,a)),children:s})}},"../storybook-blocks/dist/src/components/function-arguments/function-argument.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>d});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e_argument="index-module_argument__dZueg",e_argument_name="index-module_argument-name__Z03bZ",e_argument_type="index-module_argument-type__fExEG",e_required="index-module_required__M5SD8",d=function d(_ref){var d=_ref.children,l=_ref.name,n=_ref.type,i=_ref.description,s=_ref.default,t=_ref.required;return(0,jsx_runtime.jsxs)("li",{className:e_argument,children:[l&&(0,jsx_runtime.jsx)("code",{className:e_argument_name,children:l}),(0,jsx_runtime.jsx)("code",{className:e_argument_type,children:n}),t&&(0,jsx_runtime.jsx)("span",{className:e_required,children:"*"}),i&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" - ",i]}),s&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","Defaults to: ",(0,jsx_runtime.jsx)("code",{children:s})]}),d&&(0,jsx_runtime.jsx)("ul",{children:d})]})}},"../storybook-blocks/dist/src/components/function-arguments/function-arguments.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>e});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e=function e(_ref){var _ref$children=_ref.children,e=void 0===_ref$children?[]:_ref$children;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("ul",{children:e})}},"../storybook-blocks/dist/src/components/information-box-title/information-box-title.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),link_link=__webpack_require__("../storybook-blocks/dist/src/components/link/link.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),i_informationBoxTitle="information-box-title-module_informationBoxTitle__Ue-Ii",i_titleLink="information-box-title-module_titleLink__BtwHW";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var s=(0,withStaticProps.N)((function(_ref){var r=_ref.children,e=_ref.href,s=_ref.linkTarget;return e&&"string"==typeof r?(0,jsx_runtime.jsx)(link_link.A,{className:classnames_default()(i_informationBoxTitle),href:e,withoutSpacing:!0,target:s,children:r}):(0,jsx_runtime.jsx)("h4",{className:classnames_default()(i_informationBoxTitle,_defineProperty({},i_titleLink,e)),children:r})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/information-box/information-box.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),information_box_title=__webpack_require__("../storybook-blocks/dist/src/components/information-box-title/information-box-title.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),o_informationBox="information-box-module_informationBox__QOoZN",o_component="information-box-module_component__Fe90I",o_description="information-box-module_description__0MwCB",s=(0,withStaticProps.N)((function(_ref){var _ref$component=_ref.component,r=void 0===_ref$component?null:_ref$component,_ref$title=_ref.title,n=void 0===_ref$title?"":_ref$title,_ref$description=_ref.description,s=void 0===_ref$description?"":_ref$description,m=_ref.href,a=_ref.linkTarget,l="string"==typeof n?(0,jsx_runtime.jsx)(information_box_title.A,{href:m,linkTarget:a,children:n}):n;return(0,jsx_runtime.jsxs)("section",{className:o_informationBox,children:[r&&(0,jsx_runtime.jsx)("figure",{className:o_component,children:r}),l,(0,jsx_runtime.jsx)("section",{className:o_description,children:s})]})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/link/LinkConstants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var n,t;__webpack_require__.d(__webpack_exports__,{M:()=>t,s:()=>n}),function(n){n.SMALL="small",n.MEDIUM="medium"}(n||(n={})),function(n){n.NEW_WINDOW="_blank",n.SELF="_self",n.PARENT="_parent",n.TOP="_top"}(t||(t={}))},"../storybook-blocks/dist/src/components/link/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>link_n});var _,jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("../../node_modules/react/index.js");function n(){}!function(_){_.NEW_WINDOW="_blank",_.SELF="_self",_.PARENT="_parent",_.TOP="_top"}(_||(_={}));var withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),i_link="Link-module_link__llHuh",i_text="Link-module_text__IUUHV",i_inlineText="Link-module_inlineText__gd10O",i_inheritFontSize="Link-module_inheritFontSize__m-O4o";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var Link_n=(0,react.forwardRef)((function(r,s){var o,m=r.className,c=r.textClassName,_r$href=r.href,f=void 0===_r$href?"":_r$href,_r$text=r.text,p=void 0===_r$text?"":_r$text,_r$rel=r.rel,d=void 0===_r$rel?"noreferrer":_r$rel,_r$onClick=r.onClick,u=void 0===_r$onClick?n:_r$onClick,_r$target=r.target,h=void 0===_r$target?null===(o=Link_n.targets)||void 0===o?void 0:o.NEW_WINDOW:_r$target,_r$ariaLabelDescripti=r.ariaLabelDescription,x=void 0===_r$ariaLabelDescripti?"":_r$ariaLabelDescripti,_r$id=r.id,N=void 0===_r$id?"":_r$id,_r$ariaLabeledBy=r.ariaLabeledBy,b=void 0===_r$ariaLabeledBy?"":_r$ariaLabeledBy,_r$disableNavigation=r.disableNavigation,g=void 0!==_r$disableNavigation&&_r$disableNavigation,_r$inheritFontSize=r.inheritFontSize,v=void 0!==_r$inheritFontSize&&_r$inheritFontSize,_r$inlineText=r.inlineText,j=void 0!==_r$inlineText&&_r$inlineText,k=(0,react.useCallback)((function(e){g&&e.preventDefault(),u&&u(e)}),[g,u]);return(0,jsx_runtime.jsx)("a",{id:N,href:f,rel:d,ref:s,onClick:k,target:h,className:classnames_default()(i_link,m,_defineProperty(_defineProperty({},i_inheritFontSize,v),i_inlineText,j)),"aria-label":x,"aria-labelledby":b,children:(0,jsx_runtime.jsx)("span",{className:classnames_default()(i_text,c),children:p})})})),m=(0,withStaticProps.N)(Link_n,{target:_,targets:_});Link_n.__docgenInfo={description:"",methods:[],displayName:"n"};var LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),link_module_scss_l_compsLink="link-module_compsLink__qp9ha",link_module_scss_l_small="link-module_small__N-0kQ",link_module_scss_l_medium="link-module_medium__VE5qu",link_module_scss_l_withSpacing="link-module_withSpacing__wLA9n";function link_typeof(o){return link_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},link_typeof(o)}function link_defineProperty(obj,key,value){return key=function link_toPropertyKey(t){var i=function link_toPrimitive(t,r){if("object"!=link_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=link_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==link_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var link_n=(0,withStaticProps.N)((function a(o){var r,e,n,l,p=o.children,c=o.href,_o$size=o.size,d=void 0===_o$size?null===(r=a.sizes)||void 0===r?void 0:r.MEDIUM:_o$size,_o$withoutSpacing=o.withoutSpacing,u=void 0!==_o$withoutSpacing&&_o$withoutSpacing,_o$target=o.target,v=void 0===_o$target?null===(e=a.targets)||void 0===e?void 0:e.NEW_WINDOW:_o$target,f=o.className;return(0,jsx_runtime.jsx)(m,{text:p,href:c,target:v,className:classnames_default()(link_module_scss_l_compsLink,f,link_defineProperty(link_defineProperty(link_defineProperty({},link_module_scss_l_small,d===(null===(n=a.sizes)||void 0===n?void 0:n.SMALL)),link_module_scss_l_medium,d===(null===(l=a.sizes)||void 0===l?void 0:l.MEDIUM)),link_module_scss_l_withSpacing,!u))})}),{sizes:LinkConstants.s,targets:LinkConstants.M})},"../storybook-blocks/dist/src/components/multiple-story-elements-wrapper/multiple-story-elements-wrapper.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>t});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),e_multipleStoryElementsWrapper="multiple-story-elements-wrapper-module_multipleStoryElementsWrapper__EoEMA",e_focusTrap="multiple-story-elements-wrapper-module_focusTrap__IOwSd",t=function t(_ref){var t=_ref.className,m=_ref.children;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(e_multipleStoryElementsWrapper,t),children:[(0,jsx_runtime.jsx)("div",{"data-testid":"focusTrap",className:e_focusTrap}),m]})}},"../storybook-blocks/dist/src/components/paragraph/paragraph.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>r});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),r=function r(_ref){var r=_ref.children,e=_ref.className;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("vibe-sb-comps-paragraph",e),children:r})}},"../storybook-blocks/dist/src/components/related-component/related-component.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>s});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),information_box=__webpack_require__("../storybook-blocks/dist/src/components/information-box/information-box.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),related_components_context=__webpack_require__("../storybook-blocks/dist/src/components/related-components/related-components-context.js"),related_component_module_scss_e_relatedComponentComponent="related-component-module_relatedComponentComponent__uZQwS",s=(0,withStaticProps.N)((function(_ref){var l,e=_ref.component,_ref$title=_ref.title,n=void 0===_ref$title?"":_ref$title,_ref$description=_ref.description,s=void 0===_ref$description?"":_ref$description,a=_ref.href,p=_ref.linkTarget,c=null===(l=(0,react.useContext)(related_components_context.j))||void 0===l?void 0:l.linkTarget,d=p||c;return(0,jsx_runtime.jsx)(information_box.A,{component:(0,jsx_runtime.jsx)("div",{className:related_component_module_scss_e_relatedComponentComponent,children:e}),title:n,description:s,href:a,linkTarget:d})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/related-components/related-components-context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>r});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_link_LinkConstants_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),r=react__WEBPACK_IMPORTED_MODULE_0__.createContext({linkTarget:_link_LinkConstants_js__WEBPACK_IMPORTED_MODULE_1__.M.NEW_WINDOW})},"../storybook-blocks/dist/src/components/related-components/related-components.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>i});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),LinkConstants=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),related_components_context=__webpack_require__("../storybook-blocks/dist/src/components/related-components/related-components-context.js"),e_relatedComponents="related-components-module_relatedComponents__i89L0",i=(0,withStaticProps.N)((function(_ref){var _ref$componentsNames=_ref.componentsNames,r=void 0===_ref$componentsNames?[]:_ref$componentsNames,o=_ref.descriptionComponentsMap,i=_ref.linkTarget,m=(0,react.useMemo)((function(){return r.map((function(e,r){var n="".concat(e,"_").concat(r);return(0,jsx_runtime.jsx)("section",{children:o.get(e)},n)}))}),[r,o]);return(0,jsx_runtime.jsx)(related_components_context.j.Provider,{value:{linkTarget:i},children:(0,jsx_runtime.jsx)("article",{className:e_relatedComponents,children:m})})}),{linkTargets:LinkConstants.M})},"../storybook-blocks/dist/src/components/storybook-link/storybook-link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>a});var _virtual_tslib_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../storybook-blocks/dist/_virtual/_tslib.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),_link_link_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../storybook-blocks/dist/src/components/link/link.js"),_storybook_addon_links__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-links/dist/index.mjs"),_link_LinkConstants_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../storybook-blocks/dist/src/components/link/LinkConstants.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>l});var tipConstants_r,r,jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Flex=__webpack_require__("../storybook-blocks/dist/src/helpers/components/Flex/Flex.js"),withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js");(r=tipConstants_r||(tipConstants_r={})).PRIMARY="primary",r.SUCCESS="success",r.DANGER="danger",r.DARK="dark",r.WARNING="warning";var _={tip:"tip-module_tip__Fh-HE",title:"tip-module_title__JthJR",body:"tip-module_body__FiA3R",primary:"tip-module_primary__2KKDH",danger:"tip-module_danger__nQ5eQ",success:"tip-module_success__j8L0M",dark:"tip-module_dark__xa10r",warning:"tip-module_warning__I78T1"},l=(0,withStaticProps.N)((function(_ref){var _ref$title=_ref.title,r=void 0===_ref$title?"Tip":_ref$title,l=_ref.children,_ref$emoji=_ref.emoji,m=void 0===_ref$emoji?"🤓":_ref$emoji,_ref$type=_ref.type,o=void 0===_ref$type?tipConstants_r.DARK:_ref$type;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(_.tip,_[o]),children:[(0,jsx_runtime.jsx)("div",{className:_.title,children:(0,jsx_runtime.jsxs)(Flex.A,{gap:Flex.A.gaps.XS,align:Flex.A.align.CENTER,children:[(0,jsx_runtime.jsx)("span",{children:m}),(0,jsx_runtime.jsx)("span",{children:r})]})}),(0,jsx_runtime.jsx)("div",{className:_.body,children:l})]})}),{types:tipConstants_r})},"../storybook-blocks/dist/src/components/unstyled-list-item/unstyled-list-item.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>e});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),t_unstyledListItem="unstyled-list-item-module_unstyledListItem__prrSE",e=function e(_ref){var e=_ref.children;return(0,jsx_runtime.jsx)("li",{className:t_unstyledListItem,children:e})}},"../storybook-blocks/dist/src/components/unstyled-list/unstyled-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>e});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),e=function e(_ref){var e=_ref.children;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("ul",{children:e})}},"../storybook-blocks/dist/src/components/usage-guidelines/usage-guidelines.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>r});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),e={usageGuideline:"usage-guidelines-module_usageGuideline__RNDP8",icon:"usage-guidelines-module_icon__Cb645"},r=function r(_ref){var _ref$guidelines=_ref.guidelines,r=void 0===_ref$guidelines?[]:_ref$guidelines,n=(0,react.useMemo)((function(){return r.map((function(i,r){return(0,jsx_runtime.jsxs)("span",{id:""+r,className:e.usageGuideline,children:[(0,jsx_runtime.jsx)("span",{className:e.icon,children:"➡️"}),(0,jsx_runtime.jsx)("span",{children:i})]},r)}))}),[r]);return(0,jsx_runtime.jsx)("article",{className:e.usageGuidelines,children:n})}},"../storybook-blocks/dist/src/helpers/components/Flex/Flex.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>p});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),react=__webpack_require__("../../node_modules/react/index.js"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),FlexConstants=__webpack_require__("../storybook-blocks/dist/src/helpers/components/Flex/FlexConstants.js");function typesciptCssModulesHelper_n(n,r){return r&&n[r]?n[r]:""}var withStaticProps=__webpack_require__("../storybook-blocks/dist/src/types/withStaticProps.js"),e={container:"Flex-module_container__-8TjW",justifyStart:"Flex-module_justifyStart__WTGva",justifyEnd:"Flex-module_justifyEnd__mFuEf",justifyCenter:"Flex-module_justifyCenter__YbSfd",justifySpaceBetween:"Flex-module_justifySpaceBetween__t3iCX",justifySpaceAround:"Flex-module_justifySpaceAround__5Vckf",alignStart:"Flex-module_alignStart__Gy7YI",alignEnd:"Flex-module_alignEnd__HzxbP",alignCenter:"Flex-module_alignCenter__ZG9dk",alignStretch:"Flex-module_alignStretch__KLARl",directionColumn:"Flex-module_directionColumn__Dgbbo",wrap:"Flex-module_wrap__j-H7a"};function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperty(obj,key,value){return key=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var p=(0,withStaticProps.N)((function c(t){var s,l,r,n,p=t.className,m=t.id,_t$elementType=t.elementType,u=void 0===_t$elementType?"div":_t$elementType,_t$direction=t.direction,b=void 0===_t$direction?null===(s=c.directions)||void 0===s?void 0:s.ROW:_t$direction,_t$wrap=t.wrap,y=void 0!==_t$wrap&&_t$wrap,f=t.children,_t$justify=t.justify,j=void 0===_t$justify?null===(l=c.justify)||void 0===l?void 0:l.START:_t$justify,_t$align=t.align,g=void 0===_t$align?null===(r=c.align)||void 0===r?void 0:r.CENTER:_t$align,_t$gap=t.gap,v=void 0===_t$gap?null===(n=c.gaps)||void 0===n?void 0:n.NONE:_t$gap,x=t.onClick,C=t.style,N=t.ariaLabelledby,O=t.ariaLabel,T=t.tabIndex,h=t["data-testid"],w=(0,react.useMemo)((function(){return Object.assign(Object.assign({},C),{gap:v+"px"})}),[C,v]),E=(0,react.useMemo)((function(){return x?{elementType:u,ariaLabelledby:N}:{"aria-labelledby":N}}),[x,u,N]);return(0,jsx_runtime.jsx)(u,Object.assign({id:m,"data-testid":h},E,{className:classnames_default()(e.container,typesciptCssModulesHelper_n(e,"direction"+b),typesciptCssModulesHelper_n(e,"justify"+j),typesciptCssModulesHelper_n(e,"align"+g),p,_defineProperty({},e.wrap,y)),tabIndex:T,onClick:x,style:w,"aria-label":O,children:f}))}),{justify:FlexConstants.aP,align:FlexConstants.xB,gaps:FlexConstants.Us,directions:FlexConstants.bo})},"../storybook-blocks/dist/src/helpers/components/Flex/FlexConstants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var E,t,S,n;__webpack_require__.d(__webpack_exports__,{Us:()=>S,aP:()=>t,bo:()=>n,xB:()=>E}),function(E){E.START="Start",E.CENTER="Center",E.END="End",E.STRETCH="Stretch"}(E||(E={})),function(E){E.START="Start",E.CENTER="Center",E.END="End",E.STRETCH="Stretch",E.SPACE_AROUND="SpaceAround",E.SPACE_BETWEEN="SpaceBetween"}(t||(t={})),function(E){E[E.XS=4]="XS",E[E.SMALL=8]="SMALL",E[E.MEDIUM=16]="MEDIUM",E[E.LARGE=24]="LARGE",E[E.NONE=0]="NONE"}(S||(S={})),function(E){E.ROW="Row",E.COLUMN="Column"}(n||(n={}))},"../storybook-blocks/dist/src/types/withStaticProps.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>s});var s=function s(_s,t){return Object.assign(_s,t)}},"./.storybook/preview.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});var FormattedNumber_namespaceObject={};__webpack_require__.r(FormattedNumber_namespaceObject),__webpack_require__.d(FormattedNumber_namespaceObject,{A:()=>FormattedNumber_FormattedNumber});var components_namespaceObject={};__webpack_require__.r(components_namespaceObject),__webpack_require__.d(components_namespaceObject,{Accordion:()=>Accordion.A,AccordionItem:()=>AccordionItem.A,AccordionItemProps:()=>AccordionItem.AccordionItemProps,AccordionProps:()=>Accordion.AccordionProps,AlertBanner:()=>AlertBanner.A,AlertBannerButton:()=>AlertBannerButton.A,AlertBannerButtonProps:()=>AlertBannerButton.AlertBannerButtonProps,AlertBannerLink:()=>AlertBannerLink.A,AlertBannerLinkProps:()=>AlertBannerLink.AlertBannerLinkProps,AlertBannerProps:()=>AlertBanner.AlertBannerProps,AlertBannerText:()=>AlertBannerText.A,AlertBannerTextProps:()=>AlertBannerText.AlertBannerTextProps,AttentionBox:()=>AttentionBox.A,AttentionBoxLink:()=>AttentionBoxLink.A,AttentionBoxLinkProps:()=>AttentionBoxLink.AttentionBoxLinkProps,AttentionBoxProps:()=>AttentionBox.AttentionBoxProps,Avatar:()=>Avatar.A,AvatarGroup:()=>AvatarGroup.A,AvatarGroupProps:()=>AvatarGroup.AvatarGroupProps,AvatarProps:()=>Avatar.AvatarProps,Badge:()=>Badge.A,BadgeProps:()=>Badge.BadgeProps,Box:()=>Box.A,BoxProps:()=>Box.BoxProps,BreadcrumbBarProps:()=>BreadcrumbsBar.BreadcrumbBarProps,BreadcrumbItem:()=>BreadcrumbItem.A,BreadcrumbItemProps:()=>BreadcrumbItem.BreadcrumbItemProps,BreadcrumbsBar:()=>BreadcrumbsBar.A,Button:()=>Button.A,ButtonGroup:()=>ButtonGroup.A,ButtonGroupProps:()=>ButtonGroup.ButtonGroupProps,ButtonProps:()=>Button.ButtonProps,Checkbox:()=>Checkbox.A,CheckboxProps:()=>Checkbox.CheckBoxProps,Chips:()=>Chips.A,ChipsProps:()=>Chips.ChipsProps,Clickable:()=>Clickable.A,ClickableProps:()=>Clickable.ClickableProps,ColorPicker:()=>ColorPicker.A,ColorPickerContent:()=>ColorPickerContent.A,ColorPickerContentProps:()=>ColorPickerContent.ColorPickerContentProps,ColorPickerProps:()=>ColorPicker.ColorPickerProps,ColorUtils:()=>colors_utils.A,Combobox:()=>Combobox.A,ComboboxProps:()=>Combobox.ComboboxProps,Counter:()=>Counter.A,CounterProps:()=>Counter.CounterProps,CustomSvgIcon:()=>CustomSvgIcon.A,CustomSvgIconProps:()=>CustomSvgIcon.CustomSvgIconProps,DatePicker:()=>DatePicker.A,DatePickerProps:()=>DatePicker.DatePickerProps,Dialog:()=>Dialog.A,DialogContentContainer:()=>DialogContentContainer.A,DialogContentContainerProps:()=>DialogContentContainer.DialogContentContainerProps,DialogProps:()=>Dialog.DialogProps,Divider:()=>Divider.A,DividerProps:()=>Divider.DividerProps,Dropdown:()=>Dropdown.A,DropdownMenu:()=>menu.A,DropdownOption:()=>option_option.A,DropdownSingleValue:()=>singleValue.A,EditableHeading:()=>LegacyEditableHeading.A,EditableInput:()=>EditableInput.A,EditableInputProps:()=>EditableInput.EditableInputProps,EditableText:()=>EditableText.A,EditableTextProps:()=>EditableText.EditableTextProps,ExpandCollapse:()=>ExpandCollapse.A,ExpandCollapseProps:()=>ExpandCollapse.ExpandCollapseProps,Flex:()=>Flex.A,FlexProps:()=>Flex.FlexProps,FormattedNumber:()=>FormattedNumber_FormattedNumber,FormattedNumberProps:()=>FormattedNumber_namespaceObject.FormattedNumberProps,GridKeyboardNavigationContext:()=>GridKeyboardNavigationContext.v,Heading:()=>LegacyHeading.A,HiddenText:()=>HiddenText.A,HiddenTextProps:()=>HiddenText.HiddenTextProps,Icon:()=>Icon.A,IconButton:()=>IconButton.A,IconButtonProps:()=>IconButton.IconButtonProps,IconProps:()=>Icon.IconProps,InputField:()=>TextField.A,Label:()=>Label.A,LabelProps:()=>Label.LabelProps,LinearProgressBar:()=>LinearProgressBar.A,LinearProgressBarProps:()=>LinearProgressBar.LinearProgressBarProps,Link:()=>Link.A,LinkProps:()=>Link.LinkProps,List:()=>List.A,ListItem:()=>ListItem.A,ListItemAvatar:()=>ListItemAvatar.A,ListItemAvatarProps:()=>ListItemAvatar.ListItemAvatarProps,ListItemIcon:()=>ListItemIcon.A,ListItemIconProps:()=>ListItemIcon.ListItemIconProps,ListItemProps:()=>ListItem.ListItemProps,ListProps:()=>List.ListProps,ListTitle:()=>ListTitle.A,ListTitleProps:()=>ListTitle.ListTitleProps,Loader:()=>Loader.A,LoaderProps:()=>Loader.LoaderProps,Menu:()=>Menu.A,MenuButton:()=>MenuButton.A,MenuButtonProps:()=>MenuButton.MenuButtonProps,MenuDivider:()=>MenuDivider.A,MenuDividerProps:()=>MenuDivider.MenuDividerProps,MenuGridItem:()=>MenuGridItem.A,MenuGridItemProps:()=>MenuGridItem.MenuGridItemProps,MenuItem:()=>MenuItem.A,MenuItemButton:()=>MenuItemButton.A,MenuItemButtonProps:()=>MenuItemButton.MenuItemButtonProps,MenuItemProps:()=>MenuItem.MenuItemProps,MenuProps:()=>Menu.MenuProps,MenuTitle:()=>MenuTitle.A,MenuTitleProps:()=>MenuTitle.MenuTitleProps,Modal:()=>Modal.A,ModalContent:()=>ModalContent.A,ModalContentProps:()=>ModalContent.ModalContentProps,ModalFooter:()=>ModalFooter.A,ModalFooterButtons:()=>ModalFooterButtons.A,ModalFooterButtonsProps:()=>ModalFooterButtons.ModalFooterButtonsProps,ModalFooterProps:()=>ModalFooter.ModalFooterProps,ModalHeader:()=>ModalHeader.A,ModalHeaderProps:()=>ModalHeader.ModalHeaderProps,ModalProps:()=>Modal.ModalProps,MultiStepIndicator:()=>MultiStepIndicator.A,MultiStepIndicatorProps:()=>MultiStepIndicator.MultiStepIndicatorProps,RadioButton:()=>RadioButton.A,RadioButtonProps:()=>RadioButton.RadioButtonProps,ResponsiveList:()=>ResponsiveList.A,ResponsiveListProps:()=>ResponsiveList_types.ResponsiveListProps,Search:()=>LegacySearch.A,SearchComponent:()=>LegacySearch.A,Skeleton:()=>Skeleton.A,SkeletonProps:()=>Skeleton.SkeletonProps,Slider:()=>Slider.A,SliderProps:()=>Slider.SliderProps,SplitButton:()=>SplitButton.A,SplitButtonMenu:()=>SplitButtonMenu.A,SplitButtonMenuProps:()=>SplitButtonMenu.SplitButtonMenuProps,SplitButtonProps:()=>SplitButton.SplitButtonProps,Steps:()=>Steps.A,StepsProps:()=>Steps.StepsProps,Tab:()=>Tab.A,TabList:()=>TabList.A,TabListProps:()=>TabList.TabListProps,TabPanel:()=>TabPanel.A,TabPanelProps:()=>TabPanel.TabPanelProps,TabPanels:()=>TabPanels.A,TabPanelsProps:()=>TabPanels.TabPanelsProps,TabProps:()=>Tab.TabProps,Table:()=>Table.A,TableBody:()=>TableBody.A,TableBodyProps:()=>TableBody.ITableBodyProps,TableCell:()=>TableCell.A,TableCellProps:()=>TableCell.ITableCellProps,TableContainer:()=>TableContainer_TableContainer,TableHeader:()=>TableHeader.A,TableHeaderCell:()=>TableHeaderCell.A,TableHeaderCellProps:()=>TableHeaderCell.ITableHeaderCellProps,TableHeaderProps:()=>TableHeader.ITableHeaderProps,TableProps:()=>Table.ITableProps,TableRow:()=>TableRow.A,TableRowMenu:()=>TableRowMenu_TableRowMenu,TableRowProps:()=>TableRow.ITableRowProps,TableVirtualizedBody:()=>TableVirtualizedBody.A,TableVirtualizedBodyProps:()=>TableVirtualizedBody.ITableVirtualizedBodyProps,TableVirtualizedRow:()=>TableVirtualizedBody.TableVirtualizedRow,TabsContext:()=>TabsContext.A,TabsContextProps:()=>TabsContext.TabsContextProps,Text:()=>Text.A,TextArea:()=>TextArea.A,TextField:()=>TextField.A,TextFieldProps:()=>TextField.TextFieldProps,TextProps:()=>Text.TextProps,TextWithHighlight:()=>TextWithHighlight.A,TextWithHighlightProps:()=>TextWithHighlight.TextWithHighlightProps,ThemeProvider:()=>ThemeProvider.A,ThemeProviderProps:()=>ThemeProvider.ThemeProviderProps,Tipseen:()=>Tipseen.A,TipseenContent:()=>TipseenContent.A,TipseenContentProps:()=>TipseenContent.TipseenContentProps,TipseenImage:()=>TipseenImage.A,TipseenImageProps:()=>TipseenImage.TipseenImageProps,TipseenMedia:()=>TipseenMedia.A,TipseenMediaProps:()=>TipseenMedia.TipseenMediaProps,TipseenProps:()=>Tipseen.TipseenProps,TipseenWizard:()=>TipseenWizard.A,TipseenWizardProps:()=>TipseenWizard.TipseenWizardProps,Toast:()=>Toast.A,ToastButton:()=>ToastButton.A,ToastButtonProps:()=>ToastButton.ToastButtonProps,ToastLink:()=>ToastLink.A,ToastLinkProps:()=>ToastLink.ToastLinkProps,ToastProps:()=>Toast.ToastProps,Toggle:()=>Toggle.A,ToggleProps:()=>Toggle.ToggleProps,Tooltip:()=>Tooltip.A,TooltipProps:()=>Tooltip.TooltipProps,VirtualizedGrid:()=>VirtualizedGrid.A,VirtualizedGridProps:()=>VirtualizedGrid.VirtualizedGridProps,VirtualizedList:()=>VirtualizedList.A,VirtualizedListProps:()=>VirtualizedList.VirtualizedListProps,useGridKeyboardNavigationContext:()=>GridKeyboardNavigationContext.q});var next_namespaceObject={};__webpack_require__.r(next_namespaceObject),__webpack_require__.d(next_namespaceObject,{EditableHeading:()=>EditableHeading.A,EditableHeadingProps:()=>EditableHeading.EditableHeadingProps,Heading:()=>Heading.A,HeadingProps:()=>Heading.HeadingProps,Search:()=>Search.A});var hooks_namespaceObject={};__webpack_require__.r(hooks_namespaceObject),__webpack_require__.d(hooks_namespaceObject,{useActiveDescendantListFocus:()=>useActiveDescendantListFocus.A,useAfterFirstRender:()=>useAfterFirstRender.A,useClickOutside:()=>useClickOutside.A,useClickableProps:()=>useClickableProps.A,useDebounceEvent:()=>useDebounceEvent.A,useElementsOverflowingIndex:()=>useElementsOverflowingIndex.A,useEventListener:()=>useEventListener.A,useGridKeyboardNavigation:()=>useGridKeyboardNavigation.A,useHover:()=>useHover.A,useIsMouseOver:()=>useIsMouseOver,useIsOverflowing:()=>useIsOverflowing.A,useKeyEvent:()=>useKeyEvent.A,useListenFocusTriggers:()=>useListenFocusTriggers.A,useMediaQuery:()=>useMediaQuery.A,useMergeRefs:()=>useMergeRefs,usePrevious:()=>usePrevious.A,useResizeObserver:()=>useResizeObserver.A,useSetFocus:()=>useSetFocus.A,useSwitch:()=>useSwitch.A,useTimeout:()=>useTimeout.A,useVibeMediaQuery:()=>useVibeMediaQuery.A});var react=__webpack_require__("../../node_modules/react/index.js"),Accordion=__webpack_require__("./src/components/Accordion/Accordion/Accordion.tsx"),AccordionItem=__webpack_require__("./src/components/Accordion/AccordionItem/AccordionItem.tsx"),AlertBanner=__webpack_require__("./src/components/AlertBanner/AlertBanner.tsx"),AlertBannerButton=__webpack_require__("./src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"),AlertBannerLink=__webpack_require__("./src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"),AlertBannerText=__webpack_require__("./src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"),AttentionBox=__webpack_require__("./src/components/AttentionBox/AttentionBox.tsx"),AttentionBoxLink=__webpack_require__("./src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.tsx"),Avatar=__webpack_require__("./src/components/Avatar/Avatar.tsx"),AvatarGroup=__webpack_require__("./src/components/AvatarGroup/AvatarGroup.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Box=__webpack_require__("./src/components/Box/Box.tsx"),BreadcrumbsBar=__webpack_require__("./src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"),BreadcrumbItem=__webpack_require__("./src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),ButtonGroup=__webpack_require__("./src/components/ButtonGroup/ButtonGroup.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Chips=__webpack_require__("./src/components/Chips/Chips.tsx"),Clickable=__webpack_require__("./src/components/Clickable/Clickable.tsx"),ColorPicker=__webpack_require__("./src/components/ColorPicker/ColorPicker.tsx"),ColorPickerContent=__webpack_require__("./src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.tsx"),Combobox=__webpack_require__("./src/components/Combobox/Combobox.tsx"),Counter=__webpack_require__("./src/components/Counter/Counter.tsx"),DatePicker=__webpack_require__("./src/components/DatePicker/DatePicker.tsx"),Dialog=__webpack_require__("./src/components/Dialog/Dialog.tsx"),DialogContentContainer=__webpack_require__("./src/components/DialogContentContainer/DialogContentContainer.tsx"),Divider=__webpack_require__("./src/components/Divider/Divider.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),menu=__webpack_require__("./src/components/Dropdown/components/menu/menu.jsx"),option_option=__webpack_require__("./src/components/Dropdown/components/option/option.jsx"),singleValue=__webpack_require__("./src/components/Dropdown/components/singleValue/singleValue.jsx"),EditableInput=__webpack_require__("./src/components/EditableInput/EditableInput.tsx"),EditableText=__webpack_require__("./src/components/EditableText/EditableText.tsx"),ExpandCollapse=__webpack_require__("./src/components/ExpandCollapse/ExpandCollapse.tsx"),Flex=__webpack_require__("./src/components/Flex/Flex.tsx"),classnames=__webpack_require__("../../node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),function_utils=__webpack_require__("./src/utils/function-utils.ts");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r1&&void 0!==arguments[1]?arguments[1]:{},_ref$local=_ref.local,local=void 0===_ref$local?"en-US":_ref$local,_ref$isCompact=_ref.isCompact,isCompact=void 0===_ref$isCompact||_ref$isCompact,_ref$precision=_ref.precision,precision=void 0===_ref$precision?2:_ref$precision;if(null!=value){var isLocalSupported=function validateLocalSupported(local){var isLocalSupported;try{isLocalSupported=!!Intl.NumberFormat.supportedLocalesOf((0,function_utils.GT)(local),{localeMatcher:"lookup"}).length}catch(err){isLocalSupported=!1}return isLocalSupported}(local),normalizedPrecision=function validatePrecision(precision){return precisionMAX_PRECISION?MAX_PRECISION:precision}(precision),selectedLocal=isLocalSupported?local:"en-US";return new Intl.NumberFormat(selectedLocal,_objectSpread(_objectSpread({},isCompact&&{notation:"compact"}),{},{maximumFractionDigits:normalizedPrecision})).format(value)}}Object.freeze({range:function range(min,max){return function(props,propName,componentName){if(props[propName]max)return new Error("Invalid prop ".concat(propName," supplied to ").concat(componentName,". ").concat(propName," should be between ").concat(min," to ").concat(max,"."))}}});var test_ids_utils=__webpack_require__("./src/tests/test-ids-utils.ts"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),FormattedNumber_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/FormattedNumber/FormattedNumber.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(FormattedNumber_module.A,options);const FormattedNumber_FormattedNumber_module=FormattedNumber_module.A&&FormattedNumber_module.A.locals?FormattedNumber_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),FormattedNumber=(0,react.forwardRef)((function(_ref,ref){var value=_ref.value,className=_ref.className,_ref$local=_ref.local,local=void 0===_ref$local?FormattedNumber.localFallBack:_ref$local,prefix=_ref.prefix,suffix=_ref.suffix,_ref$emptyPlaceHolder=_ref.emptyPlaceHolder,emptyPlaceHolder=void 0===_ref$emptyPlaceHolder?"N/A":_ref$emptyPlaceHolder,_ref$decimalPrecision=_ref.decimalPrecision,decimalPrecision=void 0===_ref$decimalPrecision?2:_ref$decimalPrecision,_ref$compact=_ref.compact,compact=void 0===_ref$compact||_ref$compact,rtl=_ref.rtl,id=_ref.id,dataTestId=_ref["data-testid"],renderSuffix=(0,react.useMemo)((function(){return suffix?(0,jsx_runtime.jsx)("span",{className:classnames_default()(FormattedNumber_FormattedNumber_module.suffix),children:suffix}):null}),[suffix]),renderPrefix=(0,react.useMemo)((function(){return prefix?(0,jsx_runtime.jsx)("span",{className:classnames_default()(FormattedNumber_FormattedNumber_module.prefix),children:prefix}):null}),[prefix]),calculatedValue=(0,react.useMemo)((function(){return formatNumber(Number(value),{local,precision:decimalPrecision,isCompact:compact})}),[value,decimalPrecision,local,compact]);return function validateValue(value){var isNullOrUndefined=null==value,isEmptyStringWithSpaces="string"==typeof value&&!value.replace(" ","").length;return isNullOrUndefined||isNaN(Number(value))||isEmptyStringWithSpaces}(value)?(0,jsx_runtime.jsx)("span",{children:emptyPlaceHolder}):(0,jsx_runtime.jsxs)("div",{ref,className,id,"data-testid":dataTestId||(0,test_ids_utils.G)(test_ids_utils.w.FORMATTED_NUMBER,id),children:[rtl?renderSuffix:renderPrefix,(0,jsx_runtime.jsx)("span",{children:calculatedValue}),rtl?renderPrefix:renderSuffix]})}));Object.assign(FormattedNumber,{formatNumber,localFallBack:formatNumberConsts.DEFAULT_LOCAL});const FormattedNumber_FormattedNumber=FormattedNumber;try{FormattedNumber.displayName="FormattedNumber",FormattedNumber.__docgenInfo={description:"",displayName:"FormattedNumber",props:{value:{defaultValue:null,description:"A numeric value to format.",name:"value",required:!1,type:{name:"string | number"}},prefix:{defaultValue:null,description:"If included, will be added as a prefix to the number.",name:"prefix",required:!1,type:{name:"string"}},suffix:{defaultValue:null,description:"If included, will be added as a suffix to the number.",name:"suffix",required:!1,type:{name:"string"}},emptyPlaceHolder:{defaultValue:{value:"N/A"},description:"The text that will be shown if no value is provided.",name:"emptyPlaceHolder",required:!1,type:{name:"string"}},decimalPrecision:{defaultValue:{value:"2"},description:"Determines the number of decimal numbers (0 ~ 20).",name:"decimalPrecision",required:!1,type:{name:"number"}},compact:{defaultValue:{value:"true"},description:"Format number into compact number and initial (if required).",name:"compact",required:!1,type:{name:"boolean"}},local:{defaultValue:{value:"FormattedNumber.localFallBack"},description:"Determines the number's local (Unicode BCP 47 locale identifier).",name:"local",required:!1,type:{name:"string"}},rtl:{defaultValue:null,description:"Determines suffix and prefix location",name:"rtl",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FormattedNumber/FormattedNumber.tsx#FormattedNumber"]={docgenInfo:FormattedNumber.__docgenInfo,name:"FormattedNumber",path:"src/components/FormattedNumber/FormattedNumber.tsx#FormattedNumber"})}catch(__react_docgen_typescript_loader_error){}var GridKeyboardNavigationContext=__webpack_require__("./src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"),HiddenText=__webpack_require__("./src/components/HiddenText/HiddenText.tsx"),Icon=__webpack_require__("./src/components/Icon/Icon.tsx"),CustomSvgIcon=__webpack_require__("./src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Label=__webpack_require__("./src/components/Label/Label.tsx"),LegacyEditableHeading=__webpack_require__("./src/components/LegacyEditableHeading/LegacyEditableHeading.tsx"),LegacyHeading=__webpack_require__("./src/components/LegacyHeading/LegacyHeading.tsx"),LegacySearch=__webpack_require__("./src/components/LegacySearch/LegacySearch.tsx"),Link=__webpack_require__("./src/components/Link/Link.tsx"),List=__webpack_require__("./src/components/List/List.tsx"),ListItem=__webpack_require__("./src/components/ListItem/ListItem.tsx"),ListItemAvatar=__webpack_require__("./src/components/ListItemAvatar/ListItemAvatar.tsx"),ListItemIcon=__webpack_require__("./src/components/ListItemIcon/ListItemIcon.tsx"),ListTitle=__webpack_require__("./src/components/ListTitle/ListTitle.tsx"),Loader=__webpack_require__("./src/components/Loader/Loader.tsx"),Menu=__webpack_require__("./src/components/Menu/Menu/Menu.tsx"),MenuItem=__webpack_require__("./src/components/Menu/MenuItem/MenuItem.tsx"),MenuItemButton=__webpack_require__("./src/components/Menu/MenuItemButton/MenuItemButton.tsx"),MenuDivider=__webpack_require__("./src/components/Menu/MenuDivider/MenuDivider.tsx"),MenuTitle=__webpack_require__("./src/components/Menu/MenuTitle/MenuTitle.tsx"),MenuGridItem=__webpack_require__("./src/components/Menu/MenuGridItem/MenuGridItem.tsx"),MenuButton=__webpack_require__("./src/components/MenuButton/MenuButton.tsx"),Modal=__webpack_require__("./src/components/Modal/Modal.tsx"),ModalHeader=__webpack_require__("./src/components/Modal/ModalHeader/ModalHeader.tsx"),ModalContent=__webpack_require__("./src/components/Modal/ModalContent/ModalContent.tsx"),ModalFooter=__webpack_require__("./src/components/Modal/ModalFooter/ModalFooter.tsx"),ModalFooterButtons=__webpack_require__("./src/components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.tsx"),MultiStepIndicator=__webpack_require__("./src/components/MultiStepIndicator/MultiStepIndicator.tsx"),LinearProgressBar=__webpack_require__("./src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"),RadioButton=__webpack_require__("./src/components/RadioButton/RadioButton.tsx"),ResponsiveList=__webpack_require__("./src/components/ResponsiveList/ResponsiveList.tsx"),ResponsiveList_types=__webpack_require__("./src/components/ResponsiveList/ResponsiveList.types.ts"),Skeleton=__webpack_require__("./src/components/Skeleton/Skeleton.tsx"),Slider=__webpack_require__("./src/components/Slider/Slider.tsx"),SplitButton=__webpack_require__("./src/components/SplitButton/SplitButton.tsx"),SplitButtonMenu=__webpack_require__("./src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"),Steps=__webpack_require__("./src/components/Steps/Steps.tsx"),Table=__webpack_require__("./src/components/Table/Table/Table.tsx"),TableContainerContext=(0,react.createContext)(void 0),TableContainerProvider=function TableContainerProvider(_ref){var children=_ref.children,menuContainerRef=(0,react.useRef)(null),contextValue=(0,react.useMemo)((function(){return{menuContainerRef}}),[menuContainerRef]);return(0,jsx_runtime.jsx)(TableContainerContext.Provider,{value:contextValue,children})};TableContainerProvider.displayName="TableContainerProvider";var useTableContainer=function useTableContainer(){var context=(0,react.useContext)(TableContainerContext);if(!context)throw new Error("useTableContainer must be used within a TableContainerProvider");return context};try{TableContainerProvider.displayName="TableContainerProvider",TableContainerProvider.__docgenInfo={description:"",displayName:"TableContainerProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/context/TableContainerContext/TableContainerContext.tsx#TableContainerProvider"]={docgenInfo:TableContainerProvider.__docgenInfo,name:"TableContainerProvider",path:"src/components/Table/context/TableContainerContext/TableContainerContext.tsx#TableContainerProvider"})}catch(__react_docgen_typescript_loader_error){}var TableContainerRoot_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Table/TableContainer/TableContainerRoot.module.scss"),TableContainerRoot_module_options={};TableContainerRoot_module_options.styleTagTransform=styleTagTransform_default(),TableContainerRoot_module_options.setAttributes=setAttributesWithoutAttributes_default(),TableContainerRoot_module_options.insert=insertBySelector_default().bind(null,"head"),TableContainerRoot_module_options.domAPI=styleDomAPI_default(),TableContainerRoot_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TableContainerRoot_module.A,TableContainerRoot_module_options);const TableContainer_TableContainerRoot_module=TableContainerRoot_module.A&&TableContainerRoot_module.A.locals?TableContainerRoot_module.A.locals:void 0;var TableContainerRoot=(0,react.forwardRef)((function(_ref,ref){var id=_ref.id,className=_ref.className,dataTestId=_ref["data-testid"],style=_ref.style,children=_ref.children,menuContainerRef=useTableContainer().menuContainerRef;return(0,jsx_runtime.jsxs)("div",{ref,id,className:classnames_default()(TableContainer_TableContainerRoot_module.tableContainer,className),"data-testid":dataTestId,style,children:[(0,jsx_runtime.jsx)("div",{ref:menuContainerRef,className:TableContainer_TableContainerRoot_module.menuContainer}),children]})}));const TableContainer_TableContainerRoot=TableContainerRoot;try{TableContainerRoot.displayName="TableContainerRoot",TableContainerRoot.__docgenInfo={description:"",displayName:"TableContainerRoot",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableContainer/TableContainerRoot.tsx#TableContainerRoot"]={docgenInfo:TableContainerRoot.__docgenInfo,name:"TableContainerRoot",path:"src/components/Table/TableContainer/TableContainerRoot.tsx#TableContainerRoot"})}catch(__react_docgen_typescript_loader_error){}var constants=__webpack_require__("./src/tests/constants.ts"),TableContainer=function TableContainer(_ref){var id=_ref.id,className=_ref.className,dataTestId=_ref["data-testid"],style=_ref.style,children=_ref.children;return(0,jsx_runtime.jsx)(TableContainerProvider,{children:(0,jsx_runtime.jsx)(TableContainer_TableContainerRoot,{id,className,"data-testid":dataTestId||(0,test_ids_utils.G)(constants.w.TABLE_CONTAINER,id),style,children})})};TableContainer.displayName="TableContainer";const TableContainer_TableContainer=TableContainer;try{TableContainer.displayName="TableContainer",TableContainer.__docgenInfo={description:"",displayName:"TableContainer",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableContainer/TableContainer.tsx#TableContainer"]={docgenInfo:TableContainer.__docgenInfo,name:"TableContainer",path:"src/components/Table/TableContainer/TableContainer.tsx#TableContainer"})}catch(__react_docgen_typescript_loader_error){}var TableHeader=__webpack_require__("./src/components/Table/TableHeader/TableHeader.tsx"),TableHeaderCell=__webpack_require__("./src/components/Table/TableHeaderCell/TableHeaderCell.tsx"),TableBody=__webpack_require__("./src/components/Table/TableBody/TableBody.tsx"),TableVirtualizedBody=__webpack_require__("./src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"),TableRow=__webpack_require__("./src/components/Table/TableRow/TableRow.tsx"),TableRowMenu_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/components/Table/TableRowMenu/TableRowMenu.module.scss"),TableRowMenu_module_options={};TableRowMenu_module_options.styleTagTransform=styleTagTransform_default(),TableRowMenu_module_options.setAttributes=setAttributesWithoutAttributes_default(),TableRowMenu_module_options.insert=insertBySelector_default().bind(null,"head"),TableRowMenu_module_options.domAPI=styleDomAPI_default(),TableRowMenu_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(TableRowMenu_module.A,TableRowMenu_module_options);const TableRowMenu_TableRowMenu_module=TableRowMenu_module.A&&TableRowMenu_module.A.locals?TableRowMenu_module.A.locals:void 0;var react_dom=__webpack_require__("../../node_modules/react-dom/index.js"),TableContext=__webpack_require__("./src/components/Table/context/TableContext/TableContext.tsx"),typesciptCssModulesHelper=__webpack_require__("./src/helpers/typesciptCssModulesHelper.ts"),TableRowMenuContext=__webpack_require__("./src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"),TableRowMenu=(0,react.forwardRef)((function(_ref,ref){var rowId=_ref.rowId,className=_ref.className,id=_ref.id,dataTestId=_ref["data-testid"],children=_ref.children,menuContainerRef=useTableContainer().menuContainerRef,size=(0,TableContext.K)().size,_useTableRowMenu=(0,TableRowMenuContext.V)(),hoveredRowId=_useTableRowMenu.hoveredRowId,setTableMenuHidden=_useTableRowMenu.setTableMenuHidden,setTableMenuShown=_useTableRowMenu.setTableMenuShown,menuButtonPosition=_useTableRowMenu.menuButtonPosition,onMouseOverRowMenu=_useTableRowMenu.onMouseOverRowMenu,onMouseLeaveRowMenu=_useTableRowMenu.onMouseLeaveRowMenu,onMenuHide=(0,react.useCallback)((function(){setTableMenuHidden()}),[setTableMenuHidden]),onMenuShow=(0,react.useCallback)((function(){setTableMenuShown()}),[setTableMenuShown]);return menuContainerRef.current&&hoveredRowId&&hoveredRowId===rowId?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,react_dom.createPortal)((0,jsx_runtime.jsx)("div",{className:classnames_default()(TableRowMenu_TableRowMenu_module.rowMenuContainer,(0,typesciptCssModulesHelper.g)(TableRowMenu_TableRowMenu_module,size)),style:{top:menuButtonPosition},onMouseOver:onMouseOverRowMenu,onMouseLeave:onMouseLeaveRowMenu,children:(0,jsx_runtime.jsx)(MenuButton.A,{id,ref,className:classnames_default()(TableRowMenu_TableRowMenu_module.tableMenu,className),size:MenuButton.A.sizes.XS,onMenuHide,onMenuShow,"data-testid":dataTestId||(0,test_ids_utils.G)(constants.w.TABLE_ROW_MENU,id),children:(0,jsx_runtime.jsx)(Menu.A,{children})})}),menuContainerRef.current)}):null}));const TableRowMenu_TableRowMenu=TableRowMenu;try{TableRowMenu.displayName="TableRowMenu",TableRowMenu.__docgenInfo={description:"",displayName:"TableRowMenu",props:{rowId:{defaultValue:null,description:"",name:"rowId",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableRowMenu/TableRowMenu.tsx#TableRowMenu"]={docgenInfo:TableRowMenu.__docgenInfo,name:"TableRowMenu",path:"src/components/Table/TableRowMenu/TableRowMenu.tsx#TableRowMenu"})}catch(__react_docgen_typescript_loader_error){}var TableCell=__webpack_require__("./src/components/Table/TableCell/TableCell.tsx"),Tab=__webpack_require__("./src/components/Tabs/Tab/Tab.tsx"),TabList=__webpack_require__("./src/components/Tabs/TabList/TabList.tsx"),TabPanel=__webpack_require__("./src/components/Tabs/TabPanel/TabPanel.tsx"),TabsContext=__webpack_require__("./src/components/Tabs/TabsContext/TabsContext.tsx"),TabPanels=__webpack_require__("./src/components/Tabs/TabPanels/TabPanels.tsx"),Text=__webpack_require__("./src/components/Text/Text.tsx"),TextArea=__webpack_require__("./src/components/TextArea/TextArea.tsx"),TextField=__webpack_require__("./src/components/TextField/TextField.tsx"),TextWithHighlight=__webpack_require__("./src/components/TextWithHighlight/TextWithHighlight.tsx"),ThemeProvider=__webpack_require__("./src/components/ThemeProvider/ThemeProvider.tsx"),Tipseen=__webpack_require__("./src/components/Tipseen/Tipseen.tsx"),TipseenContent=__webpack_require__("./src/components/Tipseen/TipseenContent.tsx"),TipseenWizard=__webpack_require__("./src/components/Tipseen/TipseenWizard.tsx"),TipseenImage=__webpack_require__("./src/components/Tipseen/TipseenImage.tsx"),TipseenMedia=__webpack_require__("./src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"),Toast=__webpack_require__("./src/components/Toast/Toast.tsx"),ToastButton=__webpack_require__("./src/components/Toast/ToastButton/ToastButton.tsx"),ToastLink=__webpack_require__("./src/components/Toast/ToastLink/ToastLink.tsx"),Toggle=__webpack_require__("./src/components/Toggle/Toggle.tsx"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),VirtualizedGrid=__webpack_require__("./src/components/VirtualizedGrid/VirtualizedGrid.tsx"),VirtualizedList=__webpack_require__("./src/components/VirtualizedList/VirtualizedList.tsx"),colors_utils=__webpack_require__("./src/utils/colors-utils.ts"),Heading=__webpack_require__("./src/components/Heading/Heading.tsx"),EditableHeading=__webpack_require__("./src/components/EditableHeading/EditableHeading.tsx"),Search=__webpack_require__("./src/components/Search/Search.tsx"),useKeyEvent=__webpack_require__("./src/hooks/useKeyEvent/index.ts"),useEventListener=__webpack_require__("./src/hooks/useEventListener/index.ts"),useDebounceEvent=__webpack_require__("./src/hooks/useDebounceEvent/index.ts"),useClickOutside=__webpack_require__("./src/hooks/useClickOutside/index.ts"),useResizeObserver=__webpack_require__("./src/hooks/useResizeObserver.ts"),useAfterFirstRender=__webpack_require__("./src/hooks/useAfterFirstRender/index.ts"),useTimeout=__webpack_require__("./src/hooks/useTimeout/index.ts"),usePrevious=__webpack_require__("./src/hooks/usePrevious/index.ts"),useSetFocus=__webpack_require__("./src/hooks/useSetFocus/index.ts");function useMergeRefs(_ref){var _ref$refs=_ref.refs,refs=void 0===_ref$refs?[]:_ref$refs;return(0,react.useMemo)((function(){return refs.every((function(ref){return null===ref}))?null:function(node){refs.forEach((function(ref){ref&&function assignRef(ref,value){if(null===ref)return;if("function"==typeof ref)return void ref(value);try{ref.current=value}catch(error){throw console.error(error),new Error("Cannot assign value '".concat(value,"' to ref '").concat(ref,"'"))}}(ref,node)}))}}),[refs])}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);ia.children.length;){var _e=document.createElement("span");_e.style.cssText="width:1px;height:30px;float:left;background-color:#131",a.appendChild(_e)}window.performance&&!performance.memory&&(performance.memory={usedJSHeapSize:0,totalJSHeapSize:0}),0===performance.memory.totalJSHeapSize&&console.warn("totalJSHeapSize === 0... performance.memory is only available in Chrome .");var l,s,i=["Bytes","KB","MB","GB","TB"],c=Date.now(),m=performance.memory.usedJSHeapSize,p=0,d="#131",h=0,f=0,u=0;return{domElement:o,update:function update(){var o,n,y,g;Date.now()-c<1e3/30||(c=Date.now(),p=performance.memory.usedJSHeapSize-m,m=performance.memory.usedJSHeapSize,d=0>p?"#830":"#131",h=m,r.textContent="Mem: "+(n=2,0===(o=h)?"n/a":(l=Math.pow(10,n=void 0!==n?n:0),s=Math.floor(Math.log(o)/Math.log(1024)),"".concat(Math.round(o*l/Math.pow(1024,s))/l," ").concat(i[s]))),(f=h/1048576)>t&&(y=e/t,g=e/(u=e*((f-f%e)/e+1)),[].forEach.call(a.children,(function(t){var o=t.style.height.substring(0,t.style.height.length-2);t.style.height=e-(e-o)/y*g+"px"})),t=u),function(e,t,o){var n=e.appendChild(e.firstChild);n.style.height=t+"px",o&&(n.style.backgroundColor=o)}(a,e-f*(e/t),d))}}});var memory_stats_lib_o=function _commonjsHelpers_e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}(memory_stats_lib_e.exports),memory_stats_t=null;var CanvasWrapper_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/storybook/components/canvas-wrapper/CanvasWrapper.module.scss"),CanvasWrapper_module_options={};CanvasWrapper_module_options.styleTagTransform=styleTagTransform_default(),CanvasWrapper_module_options.setAttributes=setAttributesWithoutAttributes_default(),CanvasWrapper_module_options.insert=insertBySelector_default().bind(null,"head"),CanvasWrapper_module_options.domAPI=styleDomAPI_default(),CanvasWrapper_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CanvasWrapper_module.A,CanvasWrapper_module_options);const canvas_wrapper_CanvasWrapper_module=CanvasWrapper_module.A&&CanvasWrapper_module.A.locals?CanvasWrapper_module.A.locals:void 0;function CanvasWrapper_slicedToArray(arr,i){return function CanvasWrapper_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function CanvasWrapper_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function CanvasWrapper_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return CanvasWrapper_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return CanvasWrapper_arrayLikeToArray(o,minLen)}(arr,i)||function CanvasWrapper_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function CanvasWrapper_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\n\n```",name:"of",required:!1,type:{name:"any"}},meta:{defaultValue:null,description:"Pass all exports of the CSF file if this MDX file is unattached\n\n```jsx\nimport { Canvas } from '@storybook/blocks';\nimport * as ButtonStories from './Button.stories';\n\n\n```",name:"meta",required:!1,type:{name:"ModuleExports"}},sourceState:{defaultValue:{value:"'hidden'"},description:"Specify the initial state of the source panel\nhidden: the source panel is hidden by default\nshown: the source panel is shown by default\nnone: the source panel is not available and the button to show it is hidden",name:"sourceState",required:!1,type:{name:"enum",value:[{value:'"hidden"'},{value:'"shown"'},{value:'"none"'}]}},layout:{defaultValue:{value:"'padded'"},description:"how to layout the story within the canvas\npadded: the story has padding within the canvas\nfullscreen: the story is rendered edge to edge within the canvas\ncentered: the story is centered within the canvas",name:"layout",required:!1,type:{name:"enum",value:[{value:'"padded"'},{value:'"fullscreen"'},{value:'"centered"'}]}},source:{defaultValue:null,description:"@see {SourceProps}",name:"source",required:!1,type:{name:'Omit'}},story:{defaultValue:null,description:"@see {StoryProps}",name:"story",required:!1,type:{name:'Pick'}},isColumn:{defaultValue:null,description:"@deprecated multiple stories are not supported",name:"isColumn",required:!1,type:{name:"boolean"}},columns:{defaultValue:null,description:"@deprecated multiple stories are not supported",name:"columns",required:!1,type:{name:"number"}},withSource:{defaultValue:null,description:"@deprecated use `sourceState` instead",name:"withSource",required:!1,type:{name:"enum",value:[{value:'"open"'},{value:'"closed"'},{value:'"none"'}]}},mdxSource:{defaultValue:null,description:"@deprecated use `source.code` instead",name:"mdxSource",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"@deprecated reference stories with the `of` prop instead",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/components/canvas-wrapper/CanvasWrapper.tsx#CanvasWrapper"]={docgenInfo:CanvasWrapper.__docgenInfo,name:"CanvasWrapper",path:"src/storybook/components/canvas-wrapper/CanvasWrapper.tsx#CanvasWrapper"})}catch(__react_docgen_typescript_loader_error){}var multiple_story_elements_wrapper=__webpack_require__("../storybook-blocks/dist/src/components/multiple-story-elements-wrapper/multiple-story-elements-wrapper.js"),withGlobalStyle_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[16].use[1]!../../node_modules/resolve-url-loader/index.js!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[16].use[3]!./src/storybook/decorators/withGlobalStyle/withGlobalStyle.module.scss"),withGlobalStyle_module_options={};withGlobalStyle_module_options.styleTagTransform=styleTagTransform_default(),withGlobalStyle_module_options.setAttributes=setAttributesWithoutAttributes_default(),withGlobalStyle_module_options.insert=insertBySelector_default().bind(null,"head"),withGlobalStyle_module_options.domAPI=styleDomAPI_default(),withGlobalStyle_module_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(withGlobalStyle_module.A,withGlobalStyle_module_options);const withGlobalStyle_withGlobalStyle_module=withGlobalStyle_module.A&&withGlobalStyle_module.A.locals?withGlobalStyle_module.A.locals:void 0;function withGlobalStyle_typeof(o){return withGlobalStyle_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},withGlobalStyle_typeof(o)}function withGlobalStyle_defineProperty(obj,key,value){return key=function withGlobalStyle_toPropertyKey(t){var i=function withGlobalStyle_toPrimitive(t,r){if("object"!=withGlobalStyle_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=withGlobalStyle_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==withGlobalStyle_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var WithGlobalStyle=function WithGlobalStyle(Story,_ref){var className=_ref.className,viewMode=_ref.viewMode;return(0,jsx_runtime.jsx)(multiple_story_elements_wrapper.A,{className:classnames_default()(withGlobalStyle_defineProperty({},withGlobalStyle_withGlobalStyle_module.storyWrapper,"docs"===viewMode),className),children:(0,jsx_runtime.jsx)(Story,{})})};WithGlobalStyle.displayName="WithGlobalStyle";const withGlobalStyle=WithGlobalStyle;function props_table_typeof(o){return props_table_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},props_table_typeof(o)}function props_table_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function props_table_defineProperty(obj,key,value){return key=function props_table_toPropertyKey(t){var i=function props_table_toPrimitive(t,r){if("object"!=props_table_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=props_table_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==props_table_typeof(i)?i:i+""}(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var PropsTable=function PropsTable(props){return(0,jsx_runtime.jsx)(dist.uY,function props_table_objectSpread(e){for(var r=1;r {\n const [timesClicked, setTimesClicked] = React.useState(0);\n\n function onButtonClick(): void {\n if (timesClicked === 0) {\n alert("isn\'t that nice?");\n }\n setTimesClicked(prev => prev + 1);\n }\n\n return (\n \n
\n Online Playground\n \n Prototype with actual components\n \n
\n
\n Can\'t see the code editor?\n \n Click on the button on the left panel and\n select the{" "}\n \n \n "Change Addons Orientation"\n \n
\n \n Button has been clicked {timesClicked} times\n \n );\n}',css:".container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium);\n}\n\n.action-button {\n align-self: flex-start;\n}"},react_docgen_output_namespaceObject=JSON.parse('{"src/components/AlertBanner/AlertBanner.tsx":[{"description":"","methods":[],"displayName":"AlertBanner","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Set external styling to the progress bar."},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"AlertBannerBackgroundColor"},"description":"","defaultValue":{"value":"AlertBanner.backgroundColors.PRIMARY","computed":true}},"isCloseHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA description for the progress bar","defaultValue":{"value":"\\"\\"","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ChildrenType | ChildrenType[]","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"}],"raw":"ChildrenType[]"}]},"description":""}}}],"src/components/AttentionBox/AttentionBox.tsx":[{"description":"","methods":[],"displayName":"AttentionBox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withIconWithoutHeader":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"type":{"required":false,"tsType":{"name":"AttentionBoxType"},"description":"we support 5 types of attention boxes","defaultValue":{"value":"AttentionBox.types.PRIMARY","computed":true}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon classname for icon font or SVG Icon Component for SVG Type"},"iconType":{"required":false,"tsType":{"name":"union","raw":"IconType.SVG | IconType.ICON_FONT","elements":[{"name":"IconType.SVG"},{"name":"IconType.ICON_FONT"}]},"description":"","defaultValue":{"value":"Icon.type.SVG","computed":true}},"title":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"withoutIcon":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}}}}],"src/components/Avatar/Avatar.tsx":[{"description":"","methods":[],"displayName":"Avatar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"withoutTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for the avatar content of text type","defaultValue":{"value":"\\"\\"","computed":false}},"avatarContentWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for a div-wrapper of avatar content"},"backgroundColor":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Avatar.colors.CHILI_BLUE","computed":true}},"customBackgroundColor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"null","computed":false}},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":""},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"customSize":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"null","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"isSquare":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use square instead"},"isDisabled":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use disabled instead"},"square":{"required":false,"tsType":{"name":"boolean"},"description":""},"topLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"topRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"withoutBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"},{"type":{"name":"string"},"name":"avatarId"}],"return":{"name":"void"}}},"description":""}}}],"src/components/Avatar/AvatarBadge.tsx":[{"description":"","methods":[],"displayName":"AvatarBadge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Use to provide SVG Components"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"0","computed":false}},"size":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}}}}],"src/components/Avatar/AvatarContent.tsx":[{"description":"","methods":[],"displayName":"AvatarContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"role":{"required":false,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component"},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"text":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx":[{"description":"","methods":[],"displayName":"avatarRenderer","props":{"value":{"required":true,"tsType":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"ElementContent","required":true}}]}}]},"description":""}}}],"src/components/AvatarGroup/AvatarGroup.tsx":[{"description":"","methods":[],"displayName":"AvatarGroup","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":"Array of `Avatar` components"},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"max":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"5","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"4 `Counter.props` for customization + ariaLabelItemsName for specifying the \\"items\\" name in aria label"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":"`Tooltip.props`: props for custom counter tooltip"},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"Using counter default tooltip virtualized list for rendering only visible items (performance optimization)","defaultValue":{"value":"false","computed":false}},"removePadding":{"required":false,"tsType":{"name":"boolean"},"description":"If true, padding will be removed from the container","defaultValue":{"value":"false","computed":false}}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContentVirtualizedList","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarItems":{"required":false,"tsType":{"name":"Array","elements":[{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}}],"raw":"AvatarItem[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"avatarRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(\\n item: AvatarItem,\\n index: number,\\n style: CSSProperties,\\n type: AvatarType,\\n displayAsGrid: boolean\\n) => ReactElement","signature":{"arguments":[{"type":{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}},"name":"item"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"CSSProperties"},"name":"style"},{"type":{"name":"AvatarType"},"name":"type"},{"type":{"name":"boolean"},"name":"displayAsGrid"}],"return":{"name":"ReactElement"}}},"description":""},"tooltipContainerAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""}}}],"src/components/Badge/Badge.tsx":[{"description":"","methods":[],"displayName":"Badge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"anchor":{"required":false,"tsType":{"name":"BadgeAnchor"},"description":"","defaultValue":{"value":"Badge.anchors.TOP_END","computed":true}},"alignment":{"required":false,"tsType":{"name":"BadgeAlignments"},"description":"","defaultValue":{"value":"Badge.alignments.RECTANGULAR","computed":true}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"type":{"defaultValue":{"value":"Badge.types.INDICATOR","computed":true},"required":false}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"children":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},"description":"Counter element & focus placeholders","defaultValue":{"value":"[]","computed":false}},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"focusPrevPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"focusNextPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"counterContainerRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounter.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"counterTooltipAvatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"AvatarGroupCounterVisualProps: props for counter"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"Avatar.sizes.MEDIUM","computed":true}},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"counterAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"isVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""}}}],"src/components/BreadcrumbsBar/BreadcrumbsBar.tsx":[{"description":"","methods":[],"displayName":"BreadcrumbsBar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"BreadcrumbsBarType"},"description":"The type of the bar is responsible for whether it will be navigational or for indication only","defaultValue":{"value":"BreadcrumbsBar.types.INDICATION","computed":true}},"children":{"required":true,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":""}}}],"src/components/Box/Box.tsx":[{"description":"","methods":[],"displayName":"Box","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"border":{"required":false,"tsType":{"name":"BORDER[BORDER]","raw":"T[keyof T]"},"description":""},"borderColor":{"required":false,"tsType":{"name":"BORDER_COLOR[BORDER_COLOR]","raw":"T[keyof T]"},"description":""},"rounded":{"required":false,"tsType":{"name":"ROUNDED[ROUNDED]","raw":"T[keyof T]"},"description":""},"shadow":{"required":false,"tsType":{"name":"SHADOW[SHADOW]","raw":"T[keyof T]"},"description":""},"margin":{"required":false,"tsType":{"name":"MARGIN[MARGIN]","raw":"T[keyof T]"},"description":""},"marginX":{"required":false,"tsType":{"name":"MARGIN_X[MARGIN_X]","raw":"T[keyof T]"},"description":""},"marginY":{"required":false,"tsType":{"name":"MARGIN_Y[MARGIN_Y]","raw":"T[keyof T]"},"description":""},"marginTop":{"required":false,"tsType":{"name":"MARGIN_TOP[MARGIN_TOP]","raw":"T[keyof T]"},"description":""},"marginEnd":{"required":false,"tsType":{"name":"MARGIN_END[MARGIN_END]","raw":"T[keyof T]"},"description":""},"marginBottom":{"required":false,"tsType":{"name":"MARGIN_BOTTOM[MARGIN_BOTTOM]","raw":"T[keyof T]"},"description":""},"marginStart":{"required":false,"tsType":{"name":"MARGIN_START[MARGIN_START]","raw":"T[keyof T]"},"description":""},"padding":{"required":false,"tsType":{"name":"PADDING[PADDING]","raw":"T[keyof T]"},"description":""},"paddingX":{"required":false,"tsType":{"name":"PADDING_X[PADDING_X]","raw":"T[keyof T]"},"description":""},"paddingY":{"required":false,"tsType":{"name":"PADDING_Y[PADDING_Y]","raw":"T[keyof T]"},"description":""},"paddingTop":{"required":false,"tsType":{"name":"PADDING_TOP[PADDING_TOP]","raw":"T[keyof T]"},"description":""},"paddingEnd":{"required":false,"tsType":{"name":"PADDING_END[PADDING_END]","raw":"T[keyof T]"},"description":""},"paddingBottom":{"required":false,"tsType":{"name":"PADDING_BOTTOM[PADDING_BOTTOM]","raw":"T[keyof T]"},"description":""},"paddingStart":{"required":false,"tsType":{"name":"PADDING_START[PADDING_START]","raw":"T[keyof T]"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"BACKGROUND_COLORS[BACKGROUND_COLORS]","raw":"T[keyof T]"},"description":""},"textColor":{"required":false,"tsType":{"name":"COLORS[COLORS]","raw":"T[keyof T]"},"description":""},"scrollable":{"required":false,"tsType":{"name":"boolean"},"description":"TODO: make default in next major version"}}}],"src/components/Button/Button.tsx":[{"description":"","methods":[],"displayName":"Button","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button","defaultValue":{"value":"undefined","computed":true}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind","defaultValue":{"value":"ButtonType.PRIMARY","computed":true}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked","defaultValue":{"value":"function NOOP() {}","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click","defaultValue":{"value":"true","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages","defaultValue":{"value":"undefined","computed":true}},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size","defaultValue":{"value":"SIZES.MEDIUM","computed":true}},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color","defaultValue":{"value":"ButtonColor.PRIMARY","computed":true}},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type","defaultValue":{"value":"ButtonInputType.BUTTON","computed":true}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not","defaultValue":{"value":"false","computed":false}},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message","defaultValue":{"value":"false","computed":false}},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name","defaultValue":{"value":"null","computed":false}},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text","defaultValue":{"value":"\\"\\"","computed":false}},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":"","defaultValue":{"value":"undefined","computed":true}},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state","defaultValue":{"value":"false","computed":false}},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right","defaultValue":{"value":"false","computed":false}},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left","defaultValue":{"value":"false","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly","defaultValue":{"value":"undefined","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon","defaultValue":{"value":"undefined","computed":true}},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup","defaultValue":{"value":"undefined","computed":true}},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open","defaultValue":{"value":"undefined","computed":true}},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region","defaultValue":{"value":"undefined","computed":true}},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)","defaultValue":{"value":"\\"rgba(0, 0, 0, 0)\\"","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead","defaultValue":{"value":"undefined","computed":true}},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it","defaultValue":{"value":"false","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"}}}],"src/components/ButtonGroup/ButtonWrapper.tsx":[{"description":"","methods":[],"displayName":"ButtonWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked"},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click"},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages"},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size"},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color"},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right"},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left"},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message"},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name"},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text"},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state"},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right"},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left"},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon"},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open"},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region"},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback"},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":""},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":""},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)"},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it"},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipPosition":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ..."},"tooltipHideDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipShowDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipContainerSelector":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipMoveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n main?: number;\\n secondary?: number;\\n}","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":""}}}],"src/components/Chips/Chips.tsx":[{"description":"","methods":[],"displayName":"Chips","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"rightRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the right of the text"},"leftRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the left of the text"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"rightAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the right","defaultValue":{"value":"null","computed":false}},"rightAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of right avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"leftAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the left","defaultValue":{"value":"null","computed":false}},"leftAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of left avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right icon"},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right avatar"},"color":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Chips.colors.PRIMARY","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"18","computed":false}},"onDelete":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string, event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"},{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_id: string, _e: React.MouseEvent) => {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the Chip\'s entry animation","defaultValue":{"value":"true","computed":false}},"allowTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Allow user to select text","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Applies when element has onClick or onMouseDown props"},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"disableClickableBehavior":{"required":false,"tsType":{"name":"boolean"},"description":"Disable click behaviors","defaultValue":{"value":"false","computed":false}},"showBorder":{"required":false,"tsType":{"name":"boolean"},"description":"Show border, the border color is `--text-color-on-primary`, should be when the chip is a colored background like\\nselected-color","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Remove\\"","computed":false}}}}],"src/components/Checkbox/Checkbox.tsx":[{"description":"","methods":[],"displayName":"Checkbox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the wrapping element"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"An id to be added the input element"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"checkboxClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the checkbox element label"},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the label element"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"A11y prop to describe the content for screen readers"},"label":{"required":false,"tsType":{"name":"union","raw":"React.ReactNode | Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"}],"raw":"Array"}]},"description":"The content to be rendered within the option"},"ariaLabelledBy":{"required":false,"tsType":{"name":"string"},"description":"A11y prop - An Id of an element which describes this option"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.ChangeEvent) => void","signature":{"arguments":[{"type":{"name":"ReactChangeEvent","raw":"React.ChangeEvent","elements":[{"name":"HTMLInputElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when the value changes","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"checked":{"required":false,"tsType":{"name":"boolean"},"description":"Use this when you want to control the component, this will set the state of the component"},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"An in between state to display a non selected","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Set the option to be disabled","defaultValue":{"value":"false","computed":false}},"defaultChecked":{"required":false,"tsType":{"name":"boolean"},"description":"the default value which the checkbox will start from"},"value":{"required":false,"tsType":{"name":"string"},"description":"The input control\'s value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object\'s value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l","defaultValue":{"value":"\\"\\"","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"A string specifying a name for the input control. This name is submitted along with the control\'s value when the form data is submitted.","defaultValue":{"value":"\\"\\"","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of the input element"}}}],"src/components/Clickable/ClickableWrapper.tsx":[{"description":"","methods":[],"displayName":"ClickableWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"clickableProps":{"required":false,"tsType":{"name":"ClickableProps"},"description":"","defaultValue":{"value":"{}","computed":false}}}}],"src/components/Counter/Counter.tsx":[{"description":"","methods":[],"displayName":"Counter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component wrapper"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the element","defaultValue":{"value":"\\"\\"","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly","defaultValue":{"value":"\\"\\"","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Use className instead\\n@deprecated"},"counterClassName":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"count":{"required":false,"tsType":{"name":"number"},"description":"The numeric value of the counter","defaultValue":{"value":"0","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Counter description","defaultValue":{"value":"\\"\\"","computed":false}},"size":{"required":false,"tsType":{"name":"CounterSize"},"description":"The size of the counter","defaultValue":{"value":"Counter.sizes.LARGE","computed":true}},"kind":{"required":false,"tsType":{"name":"CounterType"},"description":"","defaultValue":{"value":"Counter.kinds.FILL","computed":true}},"color":{"required":false,"tsType":{"name":"CounterColor"},"description":"The color of the counter","defaultValue":{"value":"Counter.colors.PRIMARY","computed":true}},"maxDigits":{"required":false,"tsType":{"name":"number"},"description":"maximum number of digits to display (see relevant story)","defaultValue":{"value":"3","computed":false}},"prefix":{"required":false,"tsType":{"name":"string"},"description":"Text prepended to counter value","defaultValue":{"value":"\\"\\"","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback to be called when the counter is clicked.","defaultValue":{"value":"function NOOP() {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the component\'s animation","defaultValue":{"value":"false","computed":false}}}}],"src/components/Combobox/Combobox.tsx":[{"description":"","methods":[],"displayName":"Combobox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"Unique element id","defaultValue":{"value":"\\"\\"","computed":false}},"optionClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"searchWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder to show when no value was selected","defaultValue":{"value":"\\"\\"","computed":false}},"noResultsMessage":{"required":false,"tsType":{"name":"string"},"description":"A message that will be displayed inside the combo box when no results are found","defaultValue":{"value":"\\"No results found\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"options":{"required":false,"tsType":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"description":"","defaultValue":{"value":"[]","computed":false}},"categories":{"required":false,"tsType":{"name":"IComboboxCategoryMap"},"description":""},"withCategoriesDivider":{"required":false,"tsType":{"name":"boolean"},"description":"Divider between categories sections","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof BASE_SIZES)[keyof typeof BASE_SIZES]"},"description":"","defaultValue":{"value":"Combobox.sizes.MEDIUM","computed":true}},"optionLineHeight":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"32","computed":false}},"optionsListHeight":{"required":false,"tsType":{"name":"number"},"description":""},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onAddNew":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Callback that called after clicking on the add new combo box button.\\n@param {string} _filterValue"},"addNewLabel":{"required":false,"tsType":{"name":"union","raw":"((label: string) => ElementContent) | string","elements":[{"name":"unknown"},{"name":"string"}]},"description":"The label of the button that appears at the end of the combo box when the search does not return appropriate options","defaultValue":{"value":"\\"Add new\\"","computed":false}},"filter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(filterValue: string, options: IComboboxOption[]) => IComboboxOption[]","signature":{"arguments":[{"type":{"name":"string"},"name":"filterValue"},{"type":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"name":"options"}],"return":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"}}},"description":"","defaultValue":{"value":"(filterValue: string, options: IComboboxOption[]) =>\\noptions.filter(\\n ({ label }: { label: string }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase())\\n)","computed":false}},"defaultFilter":{"required":false,"tsType":{"name":"string"},"description":"Default search input","defaultValue":{"value":"\\"\\"","computed":false}},"disableFilter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onFilterChanged":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Display the combo box with loading state","defaultValue":{"value":"false","computed":false}},"onOptionHover":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent, index: number, option: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"void"}}},"description":"on mouse hover callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onOptionLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"on mouse leave callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"shouldScrollToSelectedItem":{"required":false,"tsType":{"name":"boolean"},"description":"Allowed to the following behavior: scrolling automatically to the combo box\'s selected option","defaultValue":{"value":"true","computed":false}},"noResultsRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => JSX.Element","signature":{"arguments":[],"return":{"name":"JSX.Element"}}},"description":""},"stickyCategories":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultVisualFocusFirstIndex":{"required":false,"tsType":{"name":"boolean"},"description":"By default, the first option will be selected, when focusing selecting the first option, or when changing items"},"clearFilterOnSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Clear the filter/search on selection (click or enter)","defaultValue":{"value":"false","computed":false}},"optionRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(option: IComboboxOption) => JSX.Element","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"JSX.Element"}}},"description":"Replace the regular appearance of combo box option with custom renderer.","defaultValue":{"value":"null","computed":false}},"maxOptionsWithoutScroll":{"required":false,"tsType":{"name":"number"},"description":"Maximum options count without scroll"},"renderOnlyVisibleOptions":{"required":false,"tsType":{"name":"boolean"},"description":"Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(optionData: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"optionData"}],"return":{"name":"void"}}},"description":"On option click callback","defaultValue":{"value":"(_optionData: IComboboxOption) => {}","computed":false}},"searchIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Custom search icon"},"searchInputAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Search for content\\"","computed":false}}}}],"src/components/DatePicker/DatePicker.tsx":[{"description":"","methods":[],"displayName":"DatePicker","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"firstDayOfWeek":{"required":false,"tsType":{"name":"DayOfWeekShape"},"description":"set the first day of the week to display","defaultValue":{"value":"1","computed":false}},"date":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current start date"},"endDate":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current end date"},"onPickDate":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment | RangeDate) => void","signature":{"arguments":[{"type":{"name":"union","raw":"Moment | RangeDate","elements":[{"name":"moment.Moment"},{"name":"RangeDate"}]},"name":"date"}],"return":{"name":"void"}}},"description":"on date selected callback"},"hideNavigationKeys":{"required":false,"tsType":{"name":"boolean"},"description":"hide the month navigations keys","defaultValue":{"value":"false","computed":false}},"enableOutsideDays":{"required":false,"tsType":{"name":"boolean"},"description":"show days outside the cuurent month view","defaultValue":{"value":"false","computed":false}},"showWeekNumber":{"required":false,"tsType":{"name":"boolean"},"description":"show week number column","defaultValue":{"value":"false","computed":false}},"daySize":{"required":false,"tsType":{"name":"number"},"description":"set the size of single day element","defaultValue":{"value":"40","computed":false}},"shouldBlockDay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if day should be disabled"},"range":{"required":false,"tsType":{"name":"boolean"},"description":"date range mode","defaultValue":{"value":"false","computed":false}},"numberOfMonths":{"required":false,"tsType":{"name":"number"},"description":"number of month to display","defaultValue":{"value":"1","computed":false}},"shouldBlockYear":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(year: number) => boolean","signature":{"arguments":[{"type":{"name":"number"},"name":"year"}],"return":{"name":"boolean"}}},"description":"determine if year should be disabled"},"shouldBlockRange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if date range should be disabled"}}}],"src/components/Dialog/Dialog.tsx":[{"description":"","methods":[{"name":"closeDialogOnEscape","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"KeyboardEvent","alias":"KeyboardEvent"}}],"returns":null},{"name":"getContainer","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialog","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"onShowDialog","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"hideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"onHideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"hideDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"handleEvent","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}},{"name":"target","optional":false,"type":{"name":"EventTarget","alias":"EventTarget"}},{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}}],"returns":null},{"name":"isShown","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"isShowTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"isHideTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"onMouseEnter","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onMouseLeave","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onKeyDown","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onMouseDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onEsc","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onContextMenu","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClickOutside","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onDialogEnter","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onDialogLeave","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onContentClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null}],"displayName":"Dialog","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"referenceWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"A Classname to be added to element which wraps the children"},"position":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the dialog should be in reference to the children,\\nTop, Left, Right, Bottom ...","defaultValue":{"value":"\\"top\\"","computed":false}},"modifiers":{"required":false,"tsType":{"name":"Array","elements":[{"name":"Modifier","elements":[{"name":"any"}],"raw":"Modifier"}],"raw":"Modifier[]"},"description":"PopperJS Modifiers type\\nhttps://popper.js.org/docs/v2/modifiers/","defaultValue":{"value":"[]","computed":false}},"startingEdge":{"required":false,"tsType":{"name":"string"},"description":""},"moveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{ main?: number; secondary?: number }","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":"How much to move the dialog in relative to children\\nmain is the axis in which the position is aligned to\\nsecondary is the vertical axes to the position","defaultValue":{"value":"{ main: 0, secondary: 0 }","computed":false}},"showDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the show in MS","defaultValue":{"value":"100","computed":false}},"hideDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the hide in MS","defaultValue":{"value":"100","computed":false}},"showTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_ENTER","computed":true}},"hideTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_LEAVE","computed":true}},"showOnDialogEnter":{"required":false,"tsType":{"name":"boolean"},"description":"If true, prevents open Dialog from closing on mouseEnter and closes Dialog, when mouse leaves it","defaultValue":{"value":"false","computed":false}},"shouldShowOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Show the Dialog when the children are mounting","defaultValue":{"value":"false","computed":false}},"disable":{"required":false,"tsType":{"name":"boolean"},"description":"disable the opening of the dialog","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":"open is a controlled prop to open the dialog","defaultValue":{"value":"false","computed":false}},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"used when state is derived from props"},"showTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the show trigger will be ignored"},"hideTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the hide trigger will be ignored"},"animationType":{"required":false,"tsType":{"name":"AnimationType"},"description":"Dialog animation type","defaultValue":{"value":"Dialog.animationTypes.EXPAND","computed":true}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Classname to be added to the content container"},"preventAnimationOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Prevent Animation","defaultValue":{"value":"false","computed":false}},"containerSelector":{"required":false,"tsType":{"name":"string"},"description":"the container selector in which to append the dialog\\nfor examples: \\"body\\" , \\".my-class\\", \\"#my-id\\"","defaultValue":{"value":"\\"body\\"","computed":false}},"tooltip":{"required":false,"tsType":{"name":"boolean"},"description":"should position the tooltip element\\nhttps://popper.js.org/docs/v2/modifiers/arrow/","defaultValue":{"value":"false","computed":false}},"tooltipClassName":{"required":false,"tsType":{"name":"string"},"description":"class name to add to the tooltip element"},"onDialogDidShow":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"callback to be called when the dialog is shown","defaultValue":{"value":"function NOOP() {}","computed":false}},"onDialogDidHide":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: DialogEvent, eventName: HideShowEvent | string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}]},"name":"event"},{"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]},"name":"eventName"}],"return":{"name":"void"}}},"description":"callback to be called when the dialog is hidden","defaultValue":{"value":"function NOOP() {}","computed":false}},"onClickOutside":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click outside is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"onContentClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click on the content is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"z-index to add to the dialog"},"useDerivedStateFromProps":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"hideWhenReferenceHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Make the dialog disappear when the element it is attached to becomes hidden","defaultValue":{"value":"false","computed":false}},"shoudlCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use shouldCallbackOnMount instead","defaultValue":{"value":"false","computed":false}},"shouldCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"instantShowAndHide":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"getDynamicShowDelay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => { showDelay: number; preventAnimation: boolean }","signature":{"arguments":[],"return":{"name":"signature","type":"object","raw":"{ showDelay: number; preventAnimation: boolean }","signature":{"properties":[{"key":"showDelay","value":{"name":"number","required":true}},{"key":"preventAnimation","value":{"name":"boolean","required":true}}]}}}},"description":""},"content":{"required":false,"tsType":{"name":"union","raw":"(() => JSX.Element) | JSX.Element","elements":[{"name":"unknown"},{"name":"JSX.Element"}]},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[] | string","elements":[{"name":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},{"name":"string"}]},"description":"The element where we will position the dialog beside."},"addKeyboardHideShowTriggersByDefault":{"required":false,"tsType":{"name":"boolean"},"description":"Treats keyboard focus/blur events as mouse-enter/mouse-leave events","defaultValue":{"value":"false","computed":false}},"disableContainerScroll":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":"If true disable the scroll for the containerSelector element.\\nIf string use it as selector to prevent scroll."}}}],"src/components/Dropdown/Dropdown.jsx":[{"description":"","methods":[],"displayName":"Dropdown","props":{"multi":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, the dropdown will be in multi-select mode.\\nWhen in multi-select mode, the selected value will be an array,\\nand it will be displayed as our [``](/?path=/docs/components-chips--sandbox) component.","type":{"name":"bool"},"required":false},"multiline":{"defaultValue":{"value":"false","computed":false},"description":"If set to true together with `multi`, it will make the dropdown expand to multiple lines when new values are selected.","type":{"name":"bool"},"required":false},"closeMenuOnSelect":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass closeMenuOnSelect to close the multi choose any time an options is chosen.","type":{"name":"bool"},"required":false},"tabSelectsValue":{"defaultValue":{"value":"true","computed":false},"description":"Overrides the built-in logic of tab selecting value (default: true)","type":{"name":"bool"},"required":false},"className":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Custom style","type":{"name":"string"},"required":false},"optionWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown option wrapper (dropdown-wrapper__option--reset)","type":{"name":"string"},"required":false},"dropdownMenuWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown menu wrapper (dropdown-menu-wrapper)","type":{"name":"string"},"required":false},"singleValueWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown single value wrapper (dropdown-wrapper__single-value--reset)","type":{"name":"string"},"required":false},"placeholder":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Placeholder to show when no value was selected","type":{"name":"string"},"required":false},"onMenuOpen":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is opened","type":{"name":"func"},"required":false},"onMenuClose":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is closed","type":{"name":"func"},"required":false},"onKeyDown":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when key is pressed in the dropdown","type":{"name":"func"},"required":false},"onFocus":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when focused","type":{"name":"func"},"required":false},"onBlur":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when blurred","type":{"name":"func"},"required":false},"onChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when selected value has changed","type":{"name":"func"},"required":false},"onInputChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when the dropdown\'s input changes.","type":{"name":"func"},"required":false},"searchable":{"defaultValue":{"value":"true","computed":false},"description":"If true, search in options will be enabled","type":{"name":"bool"},"required":false},"options":{"defaultValue":{"value":"[]","computed":false},"description":"The dropdown options","type":{"name":"arrayOf","value":{"name":"object"}},"required":false},"menuPlacement":{"defaultValue":{"value":"Dropdown.menuPlacements.BOTTOM","computed":true},"description":"Default placement of the Dropdown menu in relation to its control. Use \\"auto\\" to flip the menu when there isn\'t enough space below the control.","type":{"name":"enum","value":[{"value":"\\"top\\"","computed":false},{"value":"\\"bottom\\"","computed":false},{"value":"\\"auto\\"","computed":false}]},"required":false},"menuPosition":{"defaultValue":{"value":"Dropdown.menuPositions.ABSOLUTE","computed":true},"description":"The CSS position value of the menu, when \\"fixed\\" extra layout management might be required\\nFixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog","type":{"name":"enum","value":[{"value":"\\"absolute\\"","computed":false},{"value":"\\"fixed\\"","computed":false}]},"required":false},"noOptionsMessage":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Text to display when there are no options","type":{"name":"func"},"required":false},"clearable":{"defaultValue":{"value":"true","computed":false},"description":"If set to true, clear button will be added","type":{"name":"bool"},"required":false},"size":{"defaultValue":{"value":"SIZES.MEDIUM","computed":true},"description":"Select menu size from `Dropdown.size` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL","type":{"name":"string"},"required":false},"extraStyles":{"defaultValue":{"value":"baseStyles => baseStyles","computed":false},"description":"Custom function to override existing styles (similar to `react-select`\'s `style` prop), for example: `base => ({...base, color: \'red\'})`, where `base` is the component\'s default styles","type":{"name":"func"},"required":false},"tabIndex":{"defaultValue":{"value":"\\"0\\"","computed":false},"description":"Tab index for keyboard navigation purposes","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false},"onOptionRemove":{"defaultValue":{"value":"undefined","computed":true},"description":"callback to be called when `multiline` is `true` and the option is removed","type":{"name":"func"},"required":false},"id":{"defaultValue":{"value":"\\"dropdown-menu-id\\"","computed":false},"description":"ID for the select container","type":{"name":"string"},"required":false},"autoFocus":{"defaultValue":{"value":"false","computed":false},"description":"focusAuto when component mount","type":{"name":"bool"},"required":false},"closeMenuOnScroll":{"defaultValue":{"value":"false","computed":false},"description":"If menu should be closed on scroll - helpful for some tricky use cases\\n@default false, but true when insideOverflowContainer or insideOverflowWithTransformContainer are true","type":{"name":"bool"},"required":false},"ref":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass Ref for reference of the actual dropdown component","type":{"name":"func"},"required":false},"withMandatoryDefaultOptions":{"defaultValue":{"value":"false","computed":false},"description":"The options set by default will be set as mandatory and the user will not be able to cancel their selection","type":{"name":"bool"},"required":false},"insideOverflowContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container.","type":{"name":"bool"},"required":false},"insideOverflowWithTransformContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container which contains transform css function usage.","type":{"name":"bool"},"required":false},"tooltipContent":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"When content is passed, the dropdown will include a tooltip on the dropdown\'s value.","type":{"name":"string"},"required":false},"disabled":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown will be disabled","type":{"name":"bool"},"required":false},"readOnly":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown won\'t be editable","type":{"name":"bool"},"required":false},"isLoading":{"defaultValue":{"value":"false","computed":false},"description":"Display the drop down with loading state.","type":{"name":"bool"},"required":false},"loadingMessage":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the built-in logic of loading message design","type":{"name":"func"},"required":false},"ariaLabel":{"defaultValue":{"value":"undefined","computed":true},"description":"aria-label attribute for dropdown","type":{"name":"string"},"required":false},"filterOption":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the build-in search filter logic - https://react-select.com/advanced#custom-filter-logic\\ncreateFilter function is available at Dropdown.createFilter","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"openMenuOnFocus":{"description":"If set to true, the menu will open when focused","type":{"name":"bool"},"required":false},"openMenuOnClick":{"description":"If set to true, the menu will open when clicked","type":{"name":"bool"},"required":false},"optionRenderer":{"description":"custom option render function","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"valueRenderer":{"description":"custom value render function","type":{"name":"func"},"required":false},"menuRenderer":{"description":"custom menu render function","type":{"name":"func"},"required":false},"rtl":{"description":"If set to true, the dropdown will be in Right to Left mode","type":{"name":"bool"},"required":false},"defaultValue":{"description":"Set default selected value","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"value":{"description":"The component\'s value.\\nWhen passed, makes this a [controlled](https://reactjs.org/docs/forms.html#controlled-components) component.","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"asyncOptions":{"description":"If provided Dropdown will work in async mode. Can be either promise or callback","type":{"name":"union","value":[{"name":"func"},{"name":"shape","value":{"then":{"name":"func","required":true},"catch":{"name":"func","required":true}}}]},"required":false},"cacheOptions":{"description":"If set to true, fetched async options will be cached","type":{"name":"bool"},"required":false},"defaultOptions":{"description":"If set, `asyncOptions` will be invoked with its value on mount and the resolved results will be loaded","type":{"name":"union","value":[{"name":"bool"},{"name":"arrayOf","value":{"name":"object"}}]},"required":false},"isVirtualized":{"description":"If set to true, the menu will use virtualization. Virtualized async works only with","type":{"name":"bool"},"required":false},"menuPortalTarget":{"description":"Whether the menu should use a portal, and where it should attach","type":{"name":"union","value":[{"name":"element"},{"name":"object"}]},"required":false},"maxMenuHeight":{"description":"Maximum height of the menu before scrolling","type":{"name":"number"},"required":false},"isOptionSelected":{"description":"Override the built-in logic to detect whether an option is selected.","type":{"name":"func"},"required":false}}}],"src/components/DialogContentContainer/DialogContentContainer.tsx":[{"description":"","methods":[],"displayName":"DialogContentContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id)","computed":true}},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"type":{"required":false,"tsType":{"name":"DialogType"},"description":"","defaultValue":{"value":"DialogType.POPOVER","computed":true}},"size":{"required":false,"tsType":{"name":"DialogSize"},"description":"","defaultValue":{"value":"DialogSize.MEDIUM","computed":true}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""}}}],"src/components/Clickable/Clickable.tsx":[{"description":"","methods":[],"displayName":"Clickable","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"The type of the clickable element wrapper (for example div or span)","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":"","defaultValue":{"value":"\\"button\\"","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"enableTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseEnter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Is the element and its content should be hidden from screen readers and other assistive technologies"},"ariaHasPopup":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":""},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"\\"0\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"}}}],"src/components/Divider/Divider.tsx":[{"description":"","methods":[],"displayName":"Divider","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"direction":{"required":false,"tsType":{"name":"DirectionType"},"description":"","defaultValue":{"value":"DirectionType.HORIZONTAL","computed":true}},"classname":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withoutMargin":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/EditableInput/EditableInput.tsx":[{"description":"","methods":[],"displayName":"EditableInput","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"inputType":{"required":false,"tsType":{"name":"InputType"},"description":"","defaultValue":{"value":"InputType.INPUT","computed":true}},"autoSize":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"autoComplete":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"maxLength":{"required":false,"tsType":{"name":"number"},"description":""},"shouldFocusOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"textareaSubmitOnEnter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"customColor":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"isValidValue":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => boolean","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"boolean"}}},"description":""},"onFinishEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent | React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"union","raw":"React.KeyboardEvent | React.FocusEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onArrowKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"union","raw":"HTMLInputElement | HTMLTextAreaElement","elements":[{"name":"HTMLInputElement"},{"name":"HTMLTextAreaElement"}]}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"selectOnMount":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"ignoreBlurClass":{"required":false,"tsType":{"name":"string"},"description":""},"onIgnoreBlurEvent":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onCancelEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onError":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onSuccess":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onTabHandler":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""}}}],"src/components/EditableText/EditableText.tsx":[{"description":"","methods":[],"displayName":"EditableText","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"TextType"},"description":"Sets the Text type\\n@type {TextType}","defaultValue":{"value":"Text.types.TEXT2","computed":true}},"weight":{"required":false,"tsType":{"name":"TextWeight"},"description":"Sets the Text weight\\n@type {TextWeight}","defaultValue":{"value":"Text.weights.NORMAL","computed":true}}}}],"src/components/EditableTypography/EditableTypography.tsx":[{"description":"","methods":[],"displayName":"EditableTypography","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element","defaultValue":{"value":"false","computed":false}},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label","defaultValue":{"value":"\\"\\"","computed":false}},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"component":{"required":true,"tsType":{"name":"ElementType"},"description":"A typography component that is being rendered in view mode"},"typographyClassName":{"required":true,"tsType":{"name":"string"},"description":"Controls the style of the typography component in view mode"},"clearable":{"required":false,"tsType":{"name":"boolean"},"description":"Shows placeholder when empty, if provided"}}}],"src/components/EditableHeading/EditableHeading.tsx":[{"description":"","methods":[],"displayName":"EditableHeading","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"HeadingType"},"description":"Sets the Heading type\\n@type {HeadingType}","defaultValue":{"value":"Heading.types.H1","computed":true}},"weight":{"required":false,"tsType":{"name":"HeadingWeight"},"description":"Sets the Heading weight\\n@type {HeadingWeight}","defaultValue":{"value":"Heading.weights.NORMAL","computed":true}}}}],"src/components/FieldLabel/FieldLabel.tsx":[{"description":"","methods":[],"displayName":"FieldLabel","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FunctionComponent | null","elements":[{"name":"string"},{"name":"ReactFunctionComponent","raw":"React.FunctionComponent"},{"name":"null"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelText":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelFor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"requiredAsterisk":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/FormattedNumber/FormattedNumber.tsx":[{"description":"","methods":[],"displayName":"FormattedNumber","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"A numeric value to format."},"prefix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a prefix to the number."},"suffix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a suffix to the number."},"emptyPlaceHolder":{"required":false,"tsType":{"name":"string"},"description":"The text that will be shown if no value is provided.","defaultValue":{"value":"\\"N/A\\"","computed":false}},"decimalPrecision":{"required":false,"tsType":{"name":"number"},"description":"Determines the number of decimal numbers (0 ~ 20).","defaultValue":{"value":"2","computed":false}},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Format number into compact number and initial (if required).","defaultValue":{"value":"true","computed":false}},"local":{"required":false,"tsType":{"name":"string"},"description":"Determines the number\'s local (Unicode BCP 47 locale identifier).","defaultValue":{"value":"FormattedNumber.localFallBack","computed":true}},"rtl":{"required":false,"tsType":{"name":"boolean"},"description":"Determines suffix and prefix location"}}}],"src/components/Icon/Icon.tsx":[{"description":"","methods":[],"displayName":"Icon","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_event: React.MouseEvent) => {}","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component","defaultValue":{"value":"\\"\\"","computed":false}},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Is icon is a button","defaultValue":{"value":"true","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"mo * Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"},"iconType":{"required":false,"tsType":{"name":"IconType"},"description":"The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))","defaultValue":{"value":"IconType.SVG","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"16","computed":false}},"ignoreFocusStyle":{"required":false,"tsType":{"name":"boolean"},"description":"Remove focus style","defaultValue":{"value":"false","computed":false}},"tabindex":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"useCurrentColor":{"required":false,"tsType":{"name":"boolean"},"description":"When using svg from src (Icon.type.SRC) this boolean will transform the \\"fill\\" property to \\"currentColor\\"","defaultValue":{"value":"false","computed":false}},"customColor":{"required":false,"tsType":{"name":"string"},"description":"Override the default color with a custom one"}}}],"src/components/ExpandCollapse/ExpandCollapse.tsx":[{"description":"","methods":[],"displayName":"ExpandCollapse","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"headerComponentRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => ReactElement","signature":{"arguments":[],"return":{"name":"ReactElement"}}},"description":"Component as parameter to be rendered as header","defaultValue":{"value":"null","computed":false}},"headerClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the header of the expandable"},"contentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the content of the expandable"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the component"},"title":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"Header title","defaultValue":{"value":"\\"\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"The value of the expandable section"},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"The expand icon font size","defaultValue":{"value":"24","computed":false}},"defaultOpenState":{"required":false,"tsType":{"name":"boolean"},"description":"Should be open or closed by default (when rendered)","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"null","computed":false}},"hideBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/Flex/Flex.tsx":[{"description":"","methods":[],"displayName":"Flex","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"style":{"required":false,"tsType":{"name":"object"},"description":""},"direction":{"required":false,"tsType":{"name":"FlexDirection"},"description":"","defaultValue":{"value":"Flex.directions.ROW","computed":true}},"elementType":{"required":false,"tsType":{"name":"ReactElementType","raw":"React.ElementType"},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"wrap":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ElementContent | ElementContent[]","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},{"name":"Array","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]}],"raw":"ElementContent[]"}]},"description":""},"justify":{"required":false,"tsType":{"name":"FlexJustify"},"description":"","defaultValue":{"value":"Flex.justify.START","computed":true}},"align":{"required":false,"tsType":{"name":"FlexAlign"},"description":"","defaultValue":{"value":"Flex.align.CENTER","computed":true}},"gap":{"required":false,"tsType":{"name":"union","raw":"FlexGap | number","elements":[{"name":"FlexGap"},{"name":"number"}]},"description":"","defaultValue":{"value":"Flex.gaps.NONE","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"onClick function - MouseEvent"},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly"}}}],"src/components/HiddenText/HiddenText.tsx":[{"description":"","methods":[],"displayName":"HiddenText","props":{"className":{"defaultValue":{"value":"\\"\\"","computed":false},"required":false},"id":{"defaultValue":{"value":"\\"hiddenText\\"","computed":false},"required":false}}}],"src/components/IconButton/IconButton.tsx":[{"description":"","methods":[],"displayName":"IconButton","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to be added to the element"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when clicking the icon button","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button wrapper"},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button icon"},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to be rendered","defaultValue":{"value":"({size, ...props}) => (\\n \\n \\n \\n)","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"a11y property to be added, used for screen reader to know what kind of button it is"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"a11y property to be added, used for screen reader to know if the button is expanded"},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"a11y property to be added, used for screen reader to know if the button is hidden"},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},"description":"Size of the icon","defaultValue":{"value":"IconButton.sizes.MEDIUM","computed":true}},"hideTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the tooltip should be displayed or not","defaultValue":{"value":"false","computed":false}},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Props for Tooltip component","defaultValue":{"value":"{}","computed":false}},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":"Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown"},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"Kind of button - like \n Button has been clicked {timesClicked} times\n \n );\n}',css:".container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium);\n}\n\n.action-button {\n align-self: flex-start;\n}"},react_docgen_output_namespaceObject=JSON.parse('{"src/components/AlertBanner/AlertBanner.tsx":[{"description":"","methods":[],"displayName":"AlertBanner","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Set external styling to the progress bar."},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"AlertBannerBackgroundColor"},"description":"","defaultValue":{"value":"AlertBanner.backgroundColors.PRIMARY","computed":true}},"isCloseHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA description for the progress bar","defaultValue":{"value":"\\"\\"","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ChildrenType | ChildrenType[]","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"union","raw":"AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps","elements":[{"name":"AlertBannerButtonProps"},{"name":"AlertBannerLinkProps"},{"name":"AlertBannerTextProps"}]}],"raw":"ReactElement"}],"raw":"ChildrenType[]"}]},"description":""}}}],"src/components/AttentionBox/AttentionBox.tsx":[{"description":"","methods":[],"displayName":"AttentionBox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withIconWithoutHeader":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"type":{"required":false,"tsType":{"name":"AttentionBoxType"},"description":"we support 5 types of attention boxes","defaultValue":{"value":"AttentionBox.types.PRIMARY","computed":true}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon classname for icon font or SVG Icon Component for SVG Type"},"iconType":{"required":false,"tsType":{"name":"union","raw":"IconType.SVG | IconType.ICON_FONT","elements":[{"name":"IconType.SVG"},{"name":"IconType.ICON_FONT"}]},"description":"","defaultValue":{"value":"Icon.type.SVG","computed":true}},"title":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"withoutIcon":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Close\\"","computed":false}}}}],"src/components/Avatar/Avatar.tsx":[{"description":"","methods":[],"displayName":"Avatar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"text":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"withoutTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for the avatar content of text type","defaultValue":{"value":"\\"\\"","computed":false}},"avatarContentWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name for a div-wrapper of avatar content"},"backgroundColor":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Avatar.colors.CHILI_BLUE","computed":true}},"customBackgroundColor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"null","computed":false}},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":""},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"customSize":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"null","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"isSquare":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use square instead"},"isDisabled":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use disabled instead"},"square":{"required":false,"tsType":{"name":"boolean"},"description":""},"topLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"topRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomLeftBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"bottomRightBadgeProps":{"required":false,"tsType":{"name":"AvatarBadgeProps"},"description":""},"withoutBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"},{"type":{"name":"string"},"name":"avatarId"}],"return":{"name":"void"}}},"description":""}}}],"src/components/Avatar/AvatarBadge.tsx":[{"description":"","methods":[],"displayName":"AvatarBadge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Use to provide SVG Components"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"0","computed":false}},"size":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}}}}],"src/components/Avatar/AvatarContent.tsx":[{"description":"","methods":[],"displayName":"AvatarContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"src":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":"","defaultValue":{"value":"AvatarType.TEXT","computed":true}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"AvatarSize.LARGE","computed":true}},"role":{"required":false,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component"},"textClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"text":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx":[{"description":"","methods":[],"displayName":"avatarRenderer","props":{"value":{"required":true,"tsType":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"ElementContent","required":true}}]}}]},"description":""}}}],"src/components/AvatarGroup/AvatarGroup.tsx":[{"description":"","methods":[],"displayName":"AvatarGroup","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":"Array of `Avatar` components"},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"max":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"5","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"4 `Counter.props` for customization + ariaLabelItemsName for specifying the \\"items\\" name in aria label"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":"`Tooltip.props`: props for custom counter tooltip"},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"Using counter default tooltip virtualized list for rendering only visible items (performance optimization)","defaultValue":{"value":"false","computed":false}},"removePadding":{"required":false,"tsType":{"name":"boolean"},"description":"If true, padding will be removed from the container","defaultValue":{"value":"false","computed":false}}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContentVirtualizedList","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"avatarItems":{"required":false,"tsType":{"name":"Array","elements":[{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}}],"raw":"AvatarItem[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"avatarRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(\\n item: AvatarItem,\\n index: number,\\n style: CSSProperties,\\n type: AvatarType,\\n displayAsGrid: boolean\\n) => ReactElement","signature":{"arguments":[{"type":{"name":"signature","type":"object","raw":"{\\n value: AvatarProps & { tooltipContent: ElementContent };\\n}","signature":{"properties":[{"key":"value","value":{"name":"intersection","raw":"AvatarProps & { tooltipContent: ElementContent }","elements":[{"name":"AvatarProps"},{"name":"signature","type":"object","raw":"{ tooltipContent: ElementContent }","signature":{"properties":[{"key":"tooltipContent","value":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}],"required":true}}]}}],"required":true}}]}},"name":"item"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"CSSProperties"},"name":"style"},{"type":{"name":"AvatarType"},"name":"type"},{"type":{"name":"boolean"},"name":"displayAsGrid"}],"return":{"name":"ReactElement"}}},"description":""},"tooltipContainerAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""}}}],"src/components/Badge/Badge.tsx":[{"description":"","methods":[],"displayName":"Badge","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"anchor":{"required":false,"tsType":{"name":"BadgeAnchor"},"description":"","defaultValue":{"value":"Badge.anchors.TOP_END","computed":true}},"alignment":{"required":false,"tsType":{"name":"BadgeAlignments"},"description":"","defaultValue":{"value":"Badge.alignments.RECTANGULAR","computed":true}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"type":{"defaultValue":{"value":"Badge.types.INDICATOR","computed":true},"required":false}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"children":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},"description":"Counter element & focus placeholders","defaultValue":{"value":"[]","computed":false}},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"focusPrevPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"focusNextPlaceholderRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""},"counterContainerRef":{"required":false,"tsType":{"name":"RefObject","elements":[{"name":"HTMLDivElement"}],"raw":"RefObject"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounter.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"counterTooltipAvatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar elements","defaultValue":{"value":"[]","computed":false}},"counterProps":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n color?: CounterColor.LIGHT | CounterColor.DARK;\\n count?: number;\\n prefix?: string;\\n maxDigits?: number;\\n ariaLabelItemsName?: string;\\n noAnimation?: boolean;\\n}","signature":{"properties":[{"key":"color","value":{"name":"union","raw":"CounterColor.LIGHT | CounterColor.DARK","elements":[{"name":"CounterColor.LIGHT"},{"name":"CounterColor.DARK"}],"required":false}},{"key":"count","value":{"name":"number","required":false}},{"key":"prefix","value":{"name":"string","required":false}},{"key":"maxDigits","value":{"name":"number","required":false}},{"key":"ariaLabelItemsName","value":{"name":"string","required":false}},{"key":"noAnimation","value":{"name":"boolean","required":false}}]}},"description":"AvatarGroupCounterVisualProps: props for counter"},"counterTooltipCustomProps":{"required":false,"tsType":{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]},"description":""},"counterTooltipIsVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"AvatarSize"},"description":"","defaultValue":{"value":"Avatar.sizes.MEDIUM","computed":true}},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"counterAriaLabel":{"required":false,"tsType":{"name":"string"},"description":""}}}],"src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx":[{"description":"","methods":[],"displayName":"AvatarGroupCounterTooltipContent","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"AvatarType"},"description":""},"avatars":{"required":false,"tsType":{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"AvatarProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"},"description":"Array of Avatar components","defaultValue":{"value":"[]","computed":false}},"isVirtualizedList":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"tooltipContentContainerRef":{"required":false,"tsType":{"name":"Ref","elements":[{"name":"HTMLDivElement"}],"raw":"Ref"},"description":""}}}],"src/components/BreadcrumbsBar/BreadcrumbsBar.tsx":[{"description":"","methods":[],"displayName":"BreadcrumbsBar","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"type":{"required":false,"tsType":{"name":"BreadcrumbsBarType"},"description":"The type of the bar is responsible for whether it will be navigational or for indication only","defaultValue":{"value":"BreadcrumbsBar.types.INDICATION","computed":true}},"children":{"required":true,"tsType":{"name":"union","raw":"ReactElement | ReactElement[]","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement","elements":[{"name":"BreadcrumbItemProps"}],"raw":"ReactElement"}],"raw":"ReactElement[]"}]},"description":""}}}],"src/components/Box/Box.tsx":[{"description":"","methods":[],"displayName":"Box","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"border":{"required":false,"tsType":{"name":"BORDER[BORDER]","raw":"T[keyof T]"},"description":""},"borderColor":{"required":false,"tsType":{"name":"BORDER_COLOR[BORDER_COLOR]","raw":"T[keyof T]"},"description":""},"rounded":{"required":false,"tsType":{"name":"ROUNDED[ROUNDED]","raw":"T[keyof T]"},"description":""},"shadow":{"required":false,"tsType":{"name":"SHADOW[SHADOW]","raw":"T[keyof T]"},"description":""},"margin":{"required":false,"tsType":{"name":"MARGIN[MARGIN]","raw":"T[keyof T]"},"description":""},"marginX":{"required":false,"tsType":{"name":"MARGIN_X[MARGIN_X]","raw":"T[keyof T]"},"description":""},"marginY":{"required":false,"tsType":{"name":"MARGIN_Y[MARGIN_Y]","raw":"T[keyof T]"},"description":""},"marginTop":{"required":false,"tsType":{"name":"MARGIN_TOP[MARGIN_TOP]","raw":"T[keyof T]"},"description":""},"marginEnd":{"required":false,"tsType":{"name":"MARGIN_END[MARGIN_END]","raw":"T[keyof T]"},"description":""},"marginBottom":{"required":false,"tsType":{"name":"MARGIN_BOTTOM[MARGIN_BOTTOM]","raw":"T[keyof T]"},"description":""},"marginStart":{"required":false,"tsType":{"name":"MARGIN_START[MARGIN_START]","raw":"T[keyof T]"},"description":""},"padding":{"required":false,"tsType":{"name":"PADDING[PADDING]","raw":"T[keyof T]"},"description":""},"paddingX":{"required":false,"tsType":{"name":"PADDING_X[PADDING_X]","raw":"T[keyof T]"},"description":""},"paddingY":{"required":false,"tsType":{"name":"PADDING_Y[PADDING_Y]","raw":"T[keyof T]"},"description":""},"paddingTop":{"required":false,"tsType":{"name":"PADDING_TOP[PADDING_TOP]","raw":"T[keyof T]"},"description":""},"paddingEnd":{"required":false,"tsType":{"name":"PADDING_END[PADDING_END]","raw":"T[keyof T]"},"description":""},"paddingBottom":{"required":false,"tsType":{"name":"PADDING_BOTTOM[PADDING_BOTTOM]","raw":"T[keyof T]"},"description":""},"paddingStart":{"required":false,"tsType":{"name":"PADDING_START[PADDING_START]","raw":"T[keyof T]"},"description":""},"backgroundColor":{"required":false,"tsType":{"name":"BACKGROUND_COLORS[BACKGROUND_COLORS]","raw":"T[keyof T]"},"description":""},"textColor":{"required":false,"tsType":{"name":"COLORS[COLORS]","raw":"T[keyof T]"},"description":""},"scrollable":{"required":false,"tsType":{"name":"boolean"},"description":"TODO: make default in next major version"}}}],"src/components/Button/Button.tsx":[{"description":"","methods":[],"displayName":"Button","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button","defaultValue":{"value":"undefined","computed":true}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind","defaultValue":{"value":"ButtonType.PRIMARY","computed":true}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked","defaultValue":{"value":"function NOOP() {}","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function NOOP() {}","computed":false}},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click","defaultValue":{"value":"true","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages","defaultValue":{"value":"undefined","computed":true}},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size","defaultValue":{"value":"SIZES.MEDIUM","computed":true}},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color","defaultValue":{"value":"ButtonColor.PRIMARY","computed":true}},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type","defaultValue":{"value":"ButtonInputType.BUTTON","computed":true}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not","defaultValue":{"value":"false","computed":false}},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message","defaultValue":{"value":"false","computed":false}},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name","defaultValue":{"value":"null","computed":false}},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text","defaultValue":{"value":"\\"\\"","computed":false}},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":"","defaultValue":{"value":"undefined","computed":true}},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state","defaultValue":{"value":"false","computed":false}},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right","defaultValue":{"value":"false","computed":false}},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left","defaultValue":{"value":"false","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly","defaultValue":{"value":"undefined","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon","defaultValue":{"value":"undefined","computed":true}},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup","defaultValue":{"value":"undefined","computed":true}},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open","defaultValue":{"value":"undefined","computed":true}},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region","defaultValue":{"value":"undefined","computed":true}},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback","defaultValue":{"value":"function NOOP() {}","computed":false}},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)","defaultValue":{"value":"\\"rgba(0, 0, 0, 0)\\"","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead","defaultValue":{"value":"undefined","computed":true}},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it","defaultValue":{"value":"false","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"}}}],"src/components/ButtonGroup/ButtonWrapper.tsx":[{"description":"","methods":[],"displayName":"ButtonWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the button"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"activeButtonClassName":{"required":false,"tsType":{"name":"string"},"description":""},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"The button\'s kind"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to run when the button is clicked"},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"blurOnMouseUp":{"required":false,"tsType":{"name":"boolean"},"description":"Blur on button click"},"name":{"required":false,"tsType":{"name":"string"},"description":"Name of the button - for form submit usages"},"size":{"required":false,"tsType":{"name":"union","raw":"(typeof SIZES)[keyof typeof SIZES] | keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},{"name":"union","raw":"keyof typeof OLD_BUTTON_SIZES","elements":[{"name":"literal","value":"sm"},{"name":"literal","value":"md"},{"name":"literal","value":"lg"}]}]},"description":"The button\'s size"},"color":{"required":false,"tsType":{"name":"ButtonColor"},"description":"The button\'s color"},"type":{"required":false,"tsType":{"name":"ButtonInputType"},"description":"The button\'s type"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button should be disabled or not"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right"},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left"},"success":{"required":false,"tsType":{"name":"boolean"},"description":"the success props are used when you have async action and wants to display a success message"},"successIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Success icon name"},"successText":{"required":false,"tsType":{"name":"string"},"description":"Success text"},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"loading boolean which switches the text to a loader"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":"displays the active state"},"marginRight":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the right"},"marginLeft":{"required":false,"tsType":{"name":"boolean"},"description":"adds 8px margin to the left"},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the button accordingly"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"aria label to provide important when providing only Icon"},"ariaHasPopup":{"required":false,"tsType":{"name":"ReactHTMLProps[\\"aria-haspopup\\"]","raw":"React.HTMLProps[\\"aria-haspopup\\"]"},"description":"aria for a button popup"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"aria to be set if the popup is open"},"ariaControls":{"required":false,"tsType":{"name":"string"},"description":"aria controls - receives id for the controlled region"},"aria-describedby":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-describedby\\"]","raw":"AriaAttributes[\\"aria-describedby\\"]"},"description":""},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"aria to be used for screen reader to know if the button is hidden"},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Focus callback"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"On Button Blur callback"},"rightFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"leftFlat":{"required":false,"tsType":{"name":"boolean"},"description":""},"preventClickAnimation":{"required":false,"tsType":{"name":"boolean"},"description":""},"noSidePadding":{"required":false,"tsType":{"name":"boolean"},"description":""},"defaultTextColorOnPrimaryColor":{"required":false,"tsType":{"name":"string"},"description":"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)"},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"insetFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Change the focus indicator from around the button to within it"},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of an element"},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipPosition":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ..."},"tooltipHideDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipShowDelay":{"required":false,"tsType":{"name":"number"},"description":""},"tooltipContainerSelector":{"required":false,"tsType":{"name":"string"},"description":""},"tooltipMoveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n main?: number;\\n secondary?: number;\\n}","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":""}}}],"src/components/Chips/Chips.tsx":[{"description":"","methods":[],"displayName":"Chips","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"},"rightRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the right of the text"},"leftRenderer":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"A React element that is positioned to the left of the text"},"rightIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the right","defaultValue":{"value":"null","computed":false}},"leftIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to place on the left","defaultValue":{"value":"null","computed":false}},"rightAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the right","defaultValue":{"value":"null","computed":false}},"rightAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of right avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"leftAvatar":{"required":false,"tsType":{"name":"string"},"description":"Img to place as avatar on the left","defaultValue":{"value":"null","computed":false}},"leftAvatarType":{"required":false,"tsType":{"name":"AvatarType"},"description":"the type of left avatar","defaultValue":{"value":"AvatarType.IMG","computed":true}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right icon"},"avatarClassName":{"required":false,"tsType":{"name":"string"},"description":"ClassName for left or right avatar"},"color":{"required":false,"tsType":{"name":"union","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string","elements":[{"name":"unknown[unknown]","raw":"(typeof ElementAllowedColor)[keyof typeof ElementAllowedColor]"},{"name":"string"}]},"description":"","defaultValue":{"value":"Chips.colors.PRIMARY","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"18","computed":false}},"onDelete":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string, event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"},{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_id: string, _e: React.MouseEvent) => {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the Chip\'s entry animation","defaultValue":{"value":"true","computed":false}},"allowTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Allow user to select text","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLDivElement"},{"name":"MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback function to be called when the user clicks the component."},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Applies when element has onClick or onMouseDown props"},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"Deprecated, there is no need to use this prop for implementing clickable chips. Please use onClick for this purpose.\\n@deprecated"},"disableClickableBehavior":{"required":false,"tsType":{"name":"boolean"},"description":"Disable click behaviors","defaultValue":{"value":"false","computed":false}},"showBorder":{"required":false,"tsType":{"name":"boolean"},"description":"Show border, the border color is `--text-color-on-primary`, should be when the chip is a colored background like\\nselected-color","defaultValue":{"value":"false","computed":false}},"closeButtonAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Remove\\"","computed":false}}}}],"src/components/Checkbox/Checkbox.tsx":[{"description":"","methods":[],"displayName":"Checkbox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the wrapping element"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"An id to be added the input element"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"checkboxClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the checkbox element label"},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"A classname to be added to the label element"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"A11y prop to describe the content for screen readers"},"label":{"required":false,"tsType":{"name":"union","raw":"React.ReactNode | Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"Array","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"}],"raw":"Array"}]},"description":"The content to be rendered within the option"},"ariaLabelledBy":{"required":false,"tsType":{"name":"string"},"description":"A11y prop - An Id of an element which describes this option"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.ChangeEvent) => void","signature":{"arguments":[{"type":{"name":"ReactChangeEvent","raw":"React.ChangeEvent","elements":[{"name":"HTMLInputElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when the value changes","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"checked":{"required":false,"tsType":{"name":"boolean"},"description":"Use this when you want to control the component, this will set the state of the component"},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"An in between state to display a non selected","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Set the option to be disabled","defaultValue":{"value":"false","computed":false}},"defaultChecked":{"required":false,"tsType":{"name":"boolean"},"description":"the default value which the checkbox will start from"},"value":{"required":false,"tsType":{"name":"string"},"description":"The input control\'s value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object\'s value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l","defaultValue":{"value":"\\"\\"","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"A string specifying a name for the input control. This name is submitted along with the control\'s value when the form data is submitted.","defaultValue":{"value":"\\"\\"","computed":false}},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":"Specifies the tab order of the input element"}}}],"src/components/Clickable/ClickableWrapper.tsx":[{"description":"","methods":[],"displayName":"ClickableWrapper","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"isClickable":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"clickableProps":{"required":false,"tsType":{"name":"ClickableProps"},"description":"","defaultValue":{"value":"{}","computed":false}}}}],"src/components/Counter/Counter.tsx":[{"description":"","methods":[],"displayName":"Counter","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component wrapper"},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to pass to the element","defaultValue":{"value":"\\"\\"","computed":false}},"ariaLabeledBy":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly","defaultValue":{"value":"\\"\\"","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Use className instead\\n@deprecated"},"counterClassName":{"required":false,"tsType":{"name":"string"},"description":"Custom class names to pass to the component"},"count":{"required":false,"tsType":{"name":"number"},"description":"The numeric value of the counter","defaultValue":{"value":"0","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Counter description","defaultValue":{"value":"\\"\\"","computed":false}},"size":{"required":false,"tsType":{"name":"CounterSize"},"description":"The size of the counter","defaultValue":{"value":"Counter.sizes.LARGE","computed":true}},"kind":{"required":false,"tsType":{"name":"CounterType"},"description":"","defaultValue":{"value":"Counter.kinds.FILL","computed":true}},"color":{"required":false,"tsType":{"name":"CounterColor"},"description":"The color of the counter","defaultValue":{"value":"Counter.colors.PRIMARY","computed":true}},"maxDigits":{"required":false,"tsType":{"name":"number"},"description":"maximum number of digits to display (see relevant story)","defaultValue":{"value":"3","computed":false}},"prefix":{"required":false,"tsType":{"name":"string"},"description":"Text prepended to counter value","defaultValue":{"value":"\\"\\"","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"HTMLSpanElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Callback to be called when the counter is clicked.","defaultValue":{"value":"function NOOP() {}","computed":false}},"noAnimation":{"required":false,"tsType":{"name":"boolean"},"description":"Disables the component\'s animation","defaultValue":{"value":"false","computed":false}}}}],"src/components/Combobox/Combobox.tsx":[{"description":"","methods":[],"displayName":"Combobox","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"Unique element id","defaultValue":{"value":"\\"\\"","computed":false}},"optionClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"searchWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder to show when no value was selected","defaultValue":{"value":"\\"\\"","computed":false}},"noResultsMessage":{"required":false,"tsType":{"name":"string"},"description":"A message that will be displayed inside the combo box when no results are found","defaultValue":{"value":"\\"No results found\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"options":{"required":false,"tsType":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"description":"","defaultValue":{"value":"[]","computed":false}},"categories":{"required":false,"tsType":{"name":"IComboboxCategoryMap"},"description":""},"withCategoriesDivider":{"required":false,"tsType":{"name":"boolean"},"description":"Divider between categories sections","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof BASE_SIZES)[keyof typeof BASE_SIZES]"},"description":"","defaultValue":{"value":"Combobox.sizes.MEDIUM","computed":true}},"optionLineHeight":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"32","computed":false}},"optionsListHeight":{"required":false,"tsType":{"name":"number"},"description":""},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onAddNew":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Callback that called after clicking on the add new combo box button.\\n@param {string} _filterValue"},"addNewLabel":{"required":false,"tsType":{"name":"union","raw":"((label: string) => ElementContent) | string","elements":[{"name":"unknown"},{"name":"string"}]},"description":"The label of the button that appears at the end of the combo box when the search does not return appropriate options","defaultValue":{"value":"\\"Add new\\"","computed":false}},"filter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(filterValue: string, options: IComboboxOption[]) => IComboboxOption[]","signature":{"arguments":[{"type":{"name":"string"},"name":"filterValue"},{"type":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"},"name":"options"}],"return":{"name":"Array","elements":[{"name":"IComboboxOption"}],"raw":"IComboboxOption[]"}}},"description":"","defaultValue":{"value":"(filterValue: string, options: IComboboxOption[]) =>\\noptions.filter(\\n ({ label }: { label: string }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase())\\n)","computed":false}},"defaultFilter":{"required":false,"tsType":{"name":"string"},"description":"Default search input","defaultValue":{"value":"\\"\\"","computed":false}},"disableFilter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onFilterChanged":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Display the combo box with loading state","defaultValue":{"value":"false","computed":false}},"onOptionHover":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent, index: number, option: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"},{"type":{"name":"number"},"name":"index"},{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"void"}}},"description":"on mouse hover callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onOptionLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"on mouse leave callback for option","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"shouldScrollToSelectedItem":{"required":false,"tsType":{"name":"boolean"},"description":"Allowed to the following behavior: scrolling automatically to the combo box\'s selected option","defaultValue":{"value":"true","computed":false}},"noResultsRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => JSX.Element","signature":{"arguments":[],"return":{"name":"JSX.Element"}}},"description":""},"stickyCategories":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"defaultVisualFocusFirstIndex":{"required":false,"tsType":{"name":"boolean"},"description":"By default, the first option will be selected, when focusing selecting the first option, or when changing items"},"clearFilterOnSelection":{"required":false,"tsType":{"name":"boolean"},"description":"Clear the filter/search on selection (click or enter)","defaultValue":{"value":"false","computed":false}},"optionRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(option: IComboboxOption) => JSX.Element","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"option"}],"return":{"name":"JSX.Element"}}},"description":"Replace the regular appearance of combo box option with custom renderer.","defaultValue":{"value":"null","computed":false}},"maxOptionsWithoutScroll":{"required":false,"tsType":{"name":"number"},"description":"Maximum options count without scroll"},"renderOnlyVisibleOptions":{"required":false,"tsType":{"name":"boolean"},"description":"Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)","defaultValue":{"value":"false","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(optionData: IComboboxOption) => void","signature":{"arguments":[{"type":{"name":"IComboboxOption"},"name":"optionData"}],"return":{"name":"void"}}},"description":"On option click callback","defaultValue":{"value":"(_optionData: IComboboxOption) => {}","computed":false}},"searchIcon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Custom search icon"},"searchInputAriaLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"Search for content\\"","computed":false}}}}],"src/components/DatePicker/DatePicker.tsx":[{"description":"","methods":[],"displayName":"DatePicker","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"firstDayOfWeek":{"required":false,"tsType":{"name":"DayOfWeekShape"},"description":"set the first day of the week to display","defaultValue":{"value":"1","computed":false}},"date":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current start date"},"endDate":{"required":false,"tsType":{"name":"moment.Moment"},"description":"current end date"},"onPickDate":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment | RangeDate) => void","signature":{"arguments":[{"type":{"name":"union","raw":"Moment | RangeDate","elements":[{"name":"moment.Moment"},{"name":"RangeDate"}]},"name":"date"}],"return":{"name":"void"}}},"description":"on date selected callback"},"hideNavigationKeys":{"required":false,"tsType":{"name":"boolean"},"description":"hide the month navigations keys","defaultValue":{"value":"false","computed":false}},"enableOutsideDays":{"required":false,"tsType":{"name":"boolean"},"description":"show days outside the cuurent month view","defaultValue":{"value":"false","computed":false}},"showWeekNumber":{"required":false,"tsType":{"name":"boolean"},"description":"show week number column","defaultValue":{"value":"false","computed":false}},"daySize":{"required":false,"tsType":{"name":"number"},"description":"set the size of single day element","defaultValue":{"value":"40","computed":false}},"shouldBlockDay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if day should be disabled"},"range":{"required":false,"tsType":{"name":"boolean"},"description":"date range mode","defaultValue":{"value":"false","computed":false}},"numberOfMonths":{"required":false,"tsType":{"name":"number"},"description":"number of month to display","defaultValue":{"value":"1","computed":false}},"shouldBlockYear":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(year: number) => boolean","signature":{"arguments":[{"type":{"name":"number"},"name":"year"}],"return":{"name":"boolean"}}},"description":"determine if year should be disabled"},"shouldBlockRange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(date: Moment) => boolean","signature":{"arguments":[{"type":{"name":"moment.Moment"},"name":"date"}],"return":{"name":"boolean"}}},"description":"determine if date range should be disabled"}}}],"src/components/Dialog/Dialog.tsx":[{"description":"","methods":[{"name":"closeDialogOnEscape","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"KeyboardEvent","alias":"KeyboardEvent"}}],"returns":null},{"name":"getContainer","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialog","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"onShowDialog","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"showDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"options","optional":true,"type":null}],"returns":null},{"name":"hideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"onHideDialog","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"hideDialogIfNeeded","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}},{"name":"eventName","optional":false,"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]}}],"returns":null},{"name":"handleEvent","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}},{"name":"target","optional":false,"type":{"name":"EventTarget","alias":"EventTarget"}},{"name":"event","optional":false,"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}],"alias":"DialogEvent"}}],"returns":null},{"name":"isShown","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"isShowTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"isHideTrigger","docblock":null,"modifiers":[],"params":[{"name":"eventName","optional":false,"type":{"name":"HideShowEvent","alias":"HideShowEvent"}}],"returns":null},{"name":"onMouseEnter","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onMouseLeave","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onKeyDown","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onMouseDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent","alias":"React.FocusEvent"}}],"returns":null},{"name":"onEsc","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent","alias":"React.KeyboardEvent"}}],"returns":null},{"name":"onContextMenu","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onClickOutside","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onDialogEnter","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onDialogLeave","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null},{"name":"onContentClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","alias":"React.MouseEvent"}}],"returns":null}],"displayName":"Dialog","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"referenceWrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"A Classname to be added to element which wraps the children"},"position":{"required":false,"tsType":{"name":"DialogPosition"},"description":"Where the dialog should be in reference to the children,\\nTop, Left, Right, Bottom ...","defaultValue":{"value":"\\"top\\"","computed":false}},"modifiers":{"required":false,"tsType":{"name":"Array","elements":[{"name":"Modifier","elements":[{"name":"any"}],"raw":"Modifier"}],"raw":"Modifier[]"},"description":"PopperJS Modifiers type\\nhttps://popper.js.org/docs/v2/modifiers/","defaultValue":{"value":"[]","computed":false}},"startingEdge":{"required":false,"tsType":{"name":"string"},"description":""},"moveBy":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{ main?: number; secondary?: number }","signature":{"properties":[{"key":"main","value":{"name":"number","required":false}},{"key":"secondary","value":{"name":"number","required":false}}]}},"description":"How much to move the dialog in relative to children\\nmain is the axis in which the position is aligned to\\nsecondary is the vertical axes to the position","defaultValue":{"value":"{ main: 0, secondary: 0 }","computed":false}},"showDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the show in MS","defaultValue":{"value":"100","computed":false}},"hideDelay":{"required":false,"tsType":{"name":"number"},"description":"how much delay should the Dialog wait until it should trigger the hide in MS","defaultValue":{"value":"100","computed":false}},"showTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_ENTER","computed":true}},"hideTrigger":{"required":false,"tsType":{"name":"union","raw":"HideShowEvent | HideShowEvent[]","elements":[{"name":"HideShowEvent"},{"name":"Array","elements":[{"name":"HideShowEvent"}],"raw":"HideShowEvent[]"}]},"description":"an array of hide/show trigger -\\nDialog.hideShowTriggers","defaultValue":{"value":"Dialog.hideShowTriggers.MOUSE_LEAVE","computed":true}},"showOnDialogEnter":{"required":false,"tsType":{"name":"boolean"},"description":"If true, prevents open Dialog from closing on mouseEnter and closes Dialog, when mouse leaves it","defaultValue":{"value":"false","computed":false}},"shouldShowOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Show the Dialog when the children are mounting","defaultValue":{"value":"false","computed":false}},"disable":{"required":false,"tsType":{"name":"boolean"},"description":"disable the opening of the dialog","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":"open is a controlled prop to open the dialog","defaultValue":{"value":"false","computed":false}},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"used when state is derived from props"},"showTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the show trigger will be ignored"},"hideTriggerIgnoreClass":{"required":false,"tsType":{"name":"union","raw":"string | Array","elements":[{"name":"string"},{"name":"Array","elements":[{"name":"string"}],"raw":"Array"}]},"description":"if this class exists on the children the hide trigger will be ignored"},"animationType":{"required":false,"tsType":{"name":"AnimationType"},"description":"Dialog animation type","defaultValue":{"value":"Dialog.animationTypes.EXPAND","computed":true}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"Classname to be added to the content container"},"preventAnimationOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"Prevent Animation","defaultValue":{"value":"false","computed":false}},"containerSelector":{"required":false,"tsType":{"name":"string"},"description":"the container selector in which to append the dialog\\nfor examples: \\"body\\" , \\".my-class\\", \\"#my-id\\"","defaultValue":{"value":"\\"body\\"","computed":false}},"tooltip":{"required":false,"tsType":{"name":"boolean"},"description":"should position the tooltip element\\nhttps://popper.js.org/docs/v2/modifiers/arrow/","defaultValue":{"value":"false","computed":false}},"tooltipClassName":{"required":false,"tsType":{"name":"string"},"description":"class name to add to the tooltip element"},"onDialogDidShow":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"callback to be called when the dialog is shown","defaultValue":{"value":"function NOOP() {}","computed":false}},"onDialogDidHide":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: DialogEvent, eventName: HideShowEvent | string) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"},{"name":"CustomEvent"}]},"name":"event"},{"type":{"name":"union","raw":"HideShowEvent | string","elements":[{"name":"HideShowEvent"},{"name":"string"}]},"name":"eventName"}],"return":{"name":"void"}}},"description":"callback to be called when the dialog is hidden","defaultValue":{"value":"function NOOP() {}","computed":false}},"onClickOutside":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click outside is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"onContentClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback to be called when click on the content is being triggered","defaultValue":{"value":"function NOOP() {}","computed":false}},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"z-index to add to the dialog"},"useDerivedStateFromProps":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"hideWhenReferenceHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Make the dialog disappear when the element it is attached to becomes hidden","defaultValue":{"value":"false","computed":false}},"shoudlCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated - use shouldCallbackOnMount instead","defaultValue":{"value":"false","computed":false}},"shouldCallbackOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"instantShowAndHide":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"getDynamicShowDelay":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => { showDelay: number; preventAnimation: boolean }","signature":{"arguments":[],"return":{"name":"signature","type":"object","raw":"{ showDelay: number; preventAnimation: boolean }","signature":{"properties":[{"key":"showDelay","value":{"name":"number","required":true}},{"key":"preventAnimation","value":{"name":"boolean","required":true}}]}}}},"description":""},"content":{"required":false,"tsType":{"name":"union","raw":"(() => JSX.Element) | JSX.Element","elements":[{"name":"unknown"},{"name":"JSX.Element"}]},"description":""},"children":{"required":false,"tsType":{"name":"union","raw":"ReactElement | ReactElement[] | string","elements":[{"name":"ReactElement"},{"name":"Array","elements":[{"name":"ReactElement"}],"raw":"ReactElement[]"},{"name":"string"}]},"description":"The element where we will position the dialog beside."},"addKeyboardHideShowTriggersByDefault":{"required":false,"tsType":{"name":"boolean"},"description":"Treats keyboard focus/blur events as mouse-enter/mouse-leave events","defaultValue":{"value":"false","computed":false}},"disableContainerScroll":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":"If true disable the scroll for the containerSelector element.\\nIf string use it as selector to prevent scroll."}}}],"src/components/Dropdown/Dropdown.jsx":[{"description":"","methods":[],"displayName":"Dropdown","props":{"multi":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, the dropdown will be in multi-select mode.\\nWhen in multi-select mode, the selected value will be an array,\\nand it will be displayed as our [``](/?path=/docs/components-chips--sandbox) component.","type":{"name":"bool"},"required":false},"multiline":{"defaultValue":{"value":"false","computed":false},"description":"If set to true together with `multi`, it will make the dropdown expand to multiple lines when new values are selected.","type":{"name":"bool"},"required":false},"closeMenuOnSelect":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass closeMenuOnSelect to close the multi choose any time an options is chosen.","type":{"name":"bool"},"required":false},"tabSelectsValue":{"defaultValue":{"value":"true","computed":false},"description":"Overrides the built-in logic of tab selecting value (default: true)","type":{"name":"bool"},"required":false},"className":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Custom style","type":{"name":"string"},"required":false},"optionWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown option wrapper (dropdown-wrapper__option--reset)","type":{"name":"string"},"required":false},"dropdownMenuWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown menu wrapper (dropdown-menu-wrapper)","type":{"name":"string"},"required":false},"singleValueWrapperClassName":{"defaultValue":{"value":"undefined","computed":true},"description":"ClassName to be added to dropdown single value wrapper (dropdown-wrapper__single-value--reset)","type":{"name":"string"},"required":false},"placeholder":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"Placeholder to show when no value was selected","type":{"name":"string"},"required":false},"onMenuOpen":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is opened","type":{"name":"func"},"required":false},"onMenuClose":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when menu is closed","type":{"name":"func"},"required":false},"onKeyDown":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when key is pressed in the dropdown","type":{"name":"func"},"required":false},"onFocus":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when focused","type":{"name":"func"},"required":false},"onBlur":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when blurred","type":{"name":"func"},"required":false},"onChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when selected value has changed","type":{"name":"func"},"required":false},"onInputChange":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Called when the dropdown\'s input changes.","type":{"name":"func"},"required":false},"searchable":{"defaultValue":{"value":"true","computed":false},"description":"If true, search in options will be enabled","type":{"name":"bool"},"required":false},"options":{"defaultValue":{"value":"[]","computed":false},"description":"The dropdown options","type":{"name":"arrayOf","value":{"name":"object"}},"required":false},"menuPlacement":{"defaultValue":{"value":"Dropdown.menuPlacements.BOTTOM","computed":true},"description":"Default placement of the Dropdown menu in relation to its control. Use \\"auto\\" to flip the menu when there isn\'t enough space below the control.","type":{"name":"enum","value":[{"value":"\\"top\\"","computed":false},{"value":"\\"bottom\\"","computed":false},{"value":"\\"auto\\"","computed":false}]},"required":false},"menuPosition":{"defaultValue":{"value":"Dropdown.menuPositions.ABSOLUTE","computed":true},"description":"The CSS position value of the menu, when \\"fixed\\" extra layout management might be required\\nFixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog","type":{"name":"enum","value":[{"value":"\\"absolute\\"","computed":false},{"value":"\\"fixed\\"","computed":false}]},"required":false},"noOptionsMessage":{"defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false},"description":"Text to display when there are no options","type":{"name":"func"},"required":false},"clearable":{"defaultValue":{"value":"true","computed":false},"description":"If set to true, clear button will be added","type":{"name":"bool"},"required":false},"size":{"defaultValue":{"value":"SIZES.MEDIUM","computed":true},"description":"Select menu size from `Dropdown.size` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL","type":{"name":"string"},"required":false},"extraStyles":{"defaultValue":{"value":"baseStyles => baseStyles","computed":false},"description":"Custom function to override existing styles (similar to `react-select`\'s `style` prop), for example: `base => ({...base, color: \'red\'})`, where `base` is the component\'s default styles","type":{"name":"func"},"required":false},"tabIndex":{"defaultValue":{"value":"\\"0\\"","computed":false},"description":"Tab index for keyboard navigation purposes","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false},"onOptionRemove":{"defaultValue":{"value":"undefined","computed":true},"description":"callback to be called when `multiline` is `true` and the option is removed","type":{"name":"func"},"required":false},"id":{"defaultValue":{"value":"\\"dropdown-menu-id\\"","computed":false},"description":"ID for the select container","type":{"name":"string"},"required":false},"autoFocus":{"defaultValue":{"value":"false","computed":false},"description":"focusAuto when component mount","type":{"name":"bool"},"required":false},"closeMenuOnScroll":{"defaultValue":{"value":"false","computed":false},"description":"If menu should be closed on scroll - helpful for some tricky use cases\\n@default false, but true when insideOverflowContainer or insideOverflowWithTransformContainer are true","type":{"name":"bool"},"required":false},"ref":{"defaultValue":{"value":"undefined","computed":true},"description":"Pass Ref for reference of the actual dropdown component","type":{"name":"func"},"required":false},"withMandatoryDefaultOptions":{"defaultValue":{"value":"false","computed":false},"description":"The options set by default will be set as mandatory and the user will not be able to cancel their selection","type":{"name":"bool"},"required":false},"insideOverflowContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container.","type":{"name":"bool"},"required":false},"insideOverflowWithTransformContainer":{"defaultValue":{"value":"false","computed":false},"description":"For display the drop down menu in overflow hidden/scroll container which contains transform css function usage.","type":{"name":"bool"},"required":false},"tooltipContent":{"defaultValue":{"value":"\\"\\"","computed":false},"description":"When content is passed, the dropdown will include a tooltip on the dropdown\'s value.","type":{"name":"string"},"required":false},"disabled":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown will be disabled","type":{"name":"bool"},"required":false},"readOnly":{"defaultValue":{"value":"false","computed":false},"description":"If set to true, dropdown won\'t be editable","type":{"name":"bool"},"required":false},"isLoading":{"defaultValue":{"value":"false","computed":false},"description":"Display the drop down with loading state.","type":{"name":"bool"},"required":false},"loadingMessage":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the built-in logic of loading message design","type":{"name":"func"},"required":false},"ariaLabel":{"defaultValue":{"value":"undefined","computed":true},"description":"aria-label attribute for dropdown","type":{"name":"string"},"required":false},"filterOption":{"defaultValue":{"value":"undefined","computed":true},"description":"Overrides the build-in search filter logic - https://react-select.com/advanced#custom-filter-logic\\ncreateFilter function is available at Dropdown.createFilter","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"openMenuOnFocus":{"description":"If set to true, the menu will open when focused","type":{"name":"bool"},"required":false},"openMenuOnClick":{"description":"If set to true, the menu will open when clicked","type":{"name":"bool"},"required":false},"optionRenderer":{"description":"custom option render function","type":{"name":"union","value":[{"name":"func"},{"name":"object"}]},"required":false},"valueRenderer":{"description":"custom value render function","type":{"name":"func"},"required":false},"menuRenderer":{"description":"custom menu render function","type":{"name":"func"},"required":false},"rtl":{"description":"If set to true, the dropdown will be in Right to Left mode","type":{"name":"bool"},"required":false},"defaultValue":{"description":"Set default selected value","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"value":{"description":"The component\'s value.\\nWhen passed, makes this a [controlled](https://reactjs.org/docs/forms.html#controlled-components) component.","type":{"name":"union","value":[{"name":"arrayOf","value":{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}},{"name":"shape","value":{"label":{"name":"string","required":true},"value":{"name":"string","required":true}}}]},"required":false},"asyncOptions":{"description":"If provided Dropdown will work in async mode. Can be either promise or callback","type":{"name":"union","value":[{"name":"func"},{"name":"shape","value":{"then":{"name":"func","required":true},"catch":{"name":"func","required":true}}}]},"required":false},"cacheOptions":{"description":"If set to true, fetched async options will be cached","type":{"name":"bool"},"required":false},"defaultOptions":{"description":"If set, `asyncOptions` will be invoked with its value on mount and the resolved results will be loaded","type":{"name":"union","value":[{"name":"bool"},{"name":"arrayOf","value":{"name":"object"}}]},"required":false},"isVirtualized":{"description":"If set to true, the menu will use virtualization. Virtualized async works only with","type":{"name":"bool"},"required":false},"menuPortalTarget":{"description":"Whether the menu should use a portal, and where it should attach","type":{"name":"union","value":[{"name":"element"},{"name":"object"}]},"required":false},"maxMenuHeight":{"description":"Maximum height of the menu before scrolling","type":{"name":"number"},"required":false},"isOptionSelected":{"description":"Override the built-in logic to detect whether an option is selected.","type":{"name":"func"},"required":false}}}],"src/components/DialogContentContainer/DialogContentContainer.tsx":[{"description":"","methods":[],"displayName":"DialogContentContainer","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id)","computed":true}},"id":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"type":{"required":false,"tsType":{"name":"DialogType"},"description":"","defaultValue":{"value":"DialogType.POPOVER","computed":true}},"size":{"required":false,"tsType":{"name":"DialogSize"},"description":"","defaultValue":{"value":"DialogSize.MEDIUM","computed":true}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""}}}],"src/components/Clickable/Clickable.tsx":[{"description":"","methods":[],"displayName":"Clickable","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"elementType":{"required":false,"tsType":{"name":"union","raw":"keyof JSX.IntrinsicElements | string","elements":[{"name":"JSX.IntrinsicElements"},{"name":"string"}]},"description":"The type of the clickable element wrapper (for example div or span)","defaultValue":{"value":"\\"div\\"","computed":false}},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"role":{"required":false,"tsType":{"name":"AriaRole"},"description":"","defaultValue":{"value":"\\"button\\"","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent | React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.MouseEvent | React.KeyboardEvent","elements":[{"name":"ReactMouseEvent","raw":"React.MouseEvent"},{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"enableTextSelection":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onMouseDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseEnter":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"onMouseLeave":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Is the element and its content should be hidden from screen readers and other assistive technologies"},"ariaHasPopup":{"required":false,"tsType":{"name":"union","raw":"boolean | string","elements":[{"name":"boolean"},{"name":"string"}]},"description":""},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"","defaultValue":{"value":"\\"0\\"","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"dataTestId":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use \\"data-testid\\" instead"}}}],"src/components/Divider/Divider.tsx":[{"description":"","methods":[],"displayName":"Divider","props":{"className":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"undefined","computed":true}},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"direction":{"required":false,"tsType":{"name":"DirectionType"},"description":"","defaultValue":{"value":"DirectionType.HORIZONTAL","computed":true}},"classname":{"required":false,"tsType":{"name":"string"},"description":"@deprecated - use className instead"},"withoutMargin":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/EditableInput/EditableInput.tsx":[{"description":"","methods":[],"displayName":"EditableInput","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"inputType":{"required":false,"tsType":{"name":"InputType"},"description":"","defaultValue":{"value":"InputType.INPUT","computed":true}},"autoSize":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"autoComplete":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"maxLength":{"required":false,"tsType":{"name":"number"},"description":""},"shouldFocusOnMount":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"textareaSubmitOnEnter":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"customColor":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"isValidValue":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => boolean","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"boolean"}}},"description":""},"onFinishEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent | React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"union","raw":"React.KeyboardEvent | React.FocusEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactFocusEvent","raw":"React.FocusEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onArrowKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent","elements":[{"name":"union","raw":"HTMLInputElement | HTMLTextAreaElement","elements":[{"name":"HTMLInputElement"},{"name":"HTMLTextAreaElement"}]}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"selectOnMount":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"ignoreBlurClass":{"required":false,"tsType":{"name":"string"},"description":""},"onIgnoreBlurEvent":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.FocusEvent) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onCancelEditing":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onError":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onSuccess":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onTabHandler":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string, event: React.KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"},{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},"name":"event"}],"return":{"name":"void"}}},"description":""}}}],"src/components/EditableText/EditableText.tsx":[{"description":"","methods":[],"displayName":"EditableText","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"TextType"},"description":"Sets the Text type\\n@type {TextType}","defaultValue":{"value":"Text.types.TEXT2","computed":true}},"weight":{"required":false,"tsType":{"name":"TextWeight"},"description":"Sets the Text weight\\n@type {TextWeight}","defaultValue":{"value":"Text.weights.NORMAL","computed":true}}}}],"src/components/EditableTypography/EditableTypography.tsx":[{"description":"","methods":[],"displayName":"EditableTypography","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element","defaultValue":{"value":"false","computed":false}},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label","defaultValue":{"value":"\\"\\"","computed":false}},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"component":{"required":true,"tsType":{"name":"ElementType"},"description":"A typography component that is being rendered in view mode"},"typographyClassName":{"required":true,"tsType":{"name":"string"},"description":"Controls the style of the typography component in view mode"},"clearable":{"required":false,"tsType":{"name":"boolean"},"description":"Shows placeholder when empty, if provided"}}}],"src/components/EditableHeading/EditableHeading.tsx":[{"description":"","methods":[],"displayName":"EditableHeading","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the text"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Will be called whenever the current value changes to a non-empty value"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.KeyboardEvent | React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"union","raw":"React.KeyboardEvent | React.MouseEvent","elements":[{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent"},{"name":"ReactMouseEvent","raw":"React.MouseEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"Will be called whenever the component gets clicked"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"Disables editing mode - component will be just a typography element"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Shown in edit mode when the text value is empty"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"ARIA Label"},"isEditMode":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the mode of the component (i.e. view/edit mode)"},"onEditModeChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isEditMode: boolean) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isEditMode"}],"return":{"name":"void"}}},"description":"Will be called when the mode of the component changes"},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Override Tooltip props when needed"},"type":{"required":false,"tsType":{"name":"HeadingType"},"description":"Sets the Heading type\\n@type {HeadingType}","defaultValue":{"value":"Heading.types.H1","computed":true}},"weight":{"required":false,"tsType":{"name":"HeadingWeight"},"description":"Sets the Heading weight\\n@type {HeadingWeight}","defaultValue":{"value":"Heading.weights.NORMAL","computed":true}}}}],"src/components/FieldLabel/FieldLabel.tsx":[{"description":"","methods":[],"displayName":"FieldLabel","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FunctionComponent | null","elements":[{"name":"string"},{"name":"ReactFunctionComponent","raw":"React.FunctionComponent"},{"name":"null"}]},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelText":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelFor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"labelClassName":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"requiredAsterisk":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/FormattedNumber/FormattedNumber.tsx":[{"description":"","methods":[],"displayName":"FormattedNumber","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"value":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"A numeric value to format."},"prefix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a prefix to the number."},"suffix":{"required":false,"tsType":{"name":"string"},"description":"If included, will be added as a suffix to the number."},"emptyPlaceHolder":{"required":false,"tsType":{"name":"string"},"description":"The text that will be shown if no value is provided.","defaultValue":{"value":"\\"N/A\\"","computed":false}},"decimalPrecision":{"required":false,"tsType":{"name":"number"},"description":"Determines the number of decimal numbers (0 ~ 20).","defaultValue":{"value":"2","computed":false}},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Format number into compact number and initial (if required).","defaultValue":{"value":"true","computed":false}},"local":{"required":false,"tsType":{"name":"string"},"description":"Determines the number\'s local (Unicode BCP 47 locale identifier).","defaultValue":{"value":"FormattedNumber.localFallBack","computed":true}},"rtl":{"required":false,"tsType":{"name":"boolean"},"description":"Determines suffix and prefix location"}}}],"src/components/Icon/Icon.tsx":[{"description":"","methods":[],"displayName":"Icon","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"(_event: React.MouseEvent) => {}","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component","defaultValue":{"value":"\\"\\"","computed":false}},"clickable":{"required":false,"tsType":{"name":"boolean"},"description":"Is icon is a button","defaultValue":{"value":"true","computed":false}},"iconLabel":{"required":false,"tsType":{"name":"string"},"description":"mo * Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"},"iconType":{"required":false,"tsType":{"name":"IconType"},"description":"The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))","defaultValue":{"value":"IconType.SVG","computed":true}},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"Size for font icon","defaultValue":{"value":"16","computed":false}},"ignoreFocusStyle":{"required":false,"tsType":{"name":"boolean"},"description":"Remove focus style","defaultValue":{"value":"false","computed":false}},"tabindex":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":""},"ariaHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false"},"style":{"required":false,"tsType":{"name":"ReactCSSProperties","raw":"React.CSSProperties"},"description":""},"useCurrentColor":{"required":false,"tsType":{"name":"boolean"},"description":"When using svg from src (Icon.type.SRC) this boolean will transform the \\"fill\\" property to \\"currentColor\\"","defaultValue":{"value":"false","computed":false}},"customColor":{"required":false,"tsType":{"name":"string"},"description":"Override the default color with a custom one"}}}],"src/components/ExpandCollapse/ExpandCollapse.tsx":[{"description":"","methods":[],"displayName":"ExpandCollapse","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\\"\\"","computed":false}},"headerComponentRenderer":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => ReactElement","signature":{"arguments":[],"return":{"name":"ReactElement"}}},"description":"Component as parameter to be rendered as header","defaultValue":{"value":"null","computed":false}},"headerClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the header of the expandable"},"contentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the content of the expandable"},"componentClassName":{"required":false,"tsType":{"name":"string"},"description":"Class name to add to the component"},"title":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"Header title","defaultValue":{"value":"\\"\\"","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},"description":"The value of the expandable section"},"iconSize":{"required":false,"tsType":{"name":"union","raw":"number | string","elements":[{"name":"number"},{"name":"string"}]},"description":"The expand icon font size","defaultValue":{"value":"24","computed":false}},"defaultOpenState":{"required":false,"tsType":{"name":"boolean"},"description":"Should be open or closed by default (when rendered)","defaultValue":{"value":"false","computed":false}},"open":{"required":false,"tsType":{"name":"boolean"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"null","computed":false}},"hideBorder":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}}}],"src/components/Flex/Flex.tsx":[{"description":"","methods":[],"displayName":"Flex","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":""},"style":{"required":false,"tsType":{"name":"object"},"description":""},"direction":{"required":false,"tsType":{"name":"FlexDirection"},"description":"","defaultValue":{"value":"Flex.directions.ROW","computed":true}},"elementType":{"required":false,"tsType":{"name":"ReactElementType","raw":"React.ElementType"},"description":"","defaultValue":{"value":"\\"div\\"","computed":false}},"wrap":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"ElementContent | ElementContent[]","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]},{"name":"Array","elements":[{"name":"union","raw":"ReactNode | ReactNode[]","elements":[{"name":"ReactNode"},{"name":"Array","elements":[{"name":"ReactNode"}],"raw":"ReactNode[]"}]}],"raw":"ElementContent[]"}]},"description":""},"justify":{"required":false,"tsType":{"name":"FlexJustify"},"description":"","defaultValue":{"value":"Flex.justify.START","computed":true}},"align":{"required":false,"tsType":{"name":"FlexAlign"},"description":"","defaultValue":{"value":"Flex.align.CENTER","computed":true}},"gap":{"required":false,"tsType":{"name":"union","raw":"FlexGap | number","elements":[{"name":"FlexGap"},{"name":"number"}]},"description":"","defaultValue":{"value":"Flex.gaps.NONE","computed":true}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":""},"tabIndex":{"required":false,"tsType":{"name":"number"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"onClick function - MouseEvent"},"ariaLabelledby":{"required":false,"tsType":{"name":"string"},"description":"element id to describe the counter accordingly"}}}],"src/components/HiddenText/HiddenText.tsx":[{"description":"","methods":[],"displayName":"HiddenText","props":{"className":{"defaultValue":{"value":"\\"\\"","computed":false},"required":false},"id":{"defaultValue":{"value":"\\"hiddenText\\"","computed":false},"required":false}}}],"src/components/IconButton/IconButton.tsx":[{"description":"","methods":[],"displayName":"IconButton","props":{"className":{"required":false,"tsType":{"name":"string"},"description":""},"data-testid":{"required":false,"tsType":{"name":"string"},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"id to be added to the element"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.MouseEvent) => void","signature":{"arguments":[{"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent"},"name":"event"}],"return":{"name":"void"}}},"description":"callback function when clicking the icon button","defaultValue":{"value":"function noop() {\\n // No operation performed.\\n}","computed":false}},"wrapperClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button wrapper"},"iconClassName":{"required":false,"tsType":{"name":"string"},"description":"the class name of the button icon"},"icon":{"required":false,"tsType":{"name":"union","raw":"string | React.FC | null","elements":[{"name":"string"},{"name":"ReactFC","raw":"React.FC","elements":[{"name":"IconSubComponentProps"}]},{"name":"null"}]},"description":"Icon to be rendered","defaultValue":{"value":"({size, ...props}) => (\\n \\n \\n \\n)","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"a11y property to be added, used for screen reader to know what kind of button it is"},"ariaExpanded":{"required":false,"tsType":{"name":"boolean"},"description":"a11y property to be added, used for screen reader to know if the button is expanded"},"aria-hidden":{"required":false,"tsType":{"name":"AriaAttributes[\\"aria-hidden\\"]","raw":"AriaAttributes[\\"aria-hidden\\"]"},"description":"a11y property to be added, used for screen reader to know if the button is hidden"},"size":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof SIZES)[keyof typeof SIZES]"},"description":"Size of the icon","defaultValue":{"value":"IconButton.sizes.MEDIUM","computed":true}},"hideTooltip":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the tooltip should be displayed or not","defaultValue":{"value":"false","computed":false}},"tooltipProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"intersection","raw":"TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps)","elements":[{"name":"TooltipBaseProps"},{"name":"unknown"}]}],"raw":"Partial"},"description":"Props for Tooltip component","defaultValue":{"value":"{}","computed":false}},"tooltipContent":{"required":false,"tsType":{"name":"string"},"description":"Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown"},"kind":{"required":false,"tsType":{"name":"ButtonType"},"description":"Kind of button - like