npm - @skodaflow/web-library - Versions diffs - 5.0.0 → 6.0.0 - Mend

@skodaflow/web-library 5.0.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (325) hide show

package/components/icon/icon.definitions.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const a=[{name:"upload",category:"actions",tags:["send"]},{name:"download",category:"actions",tags:["receive"]},{name:"export",category:"actions",tags:["send"]},{name:"import",category:"actions",tags:["receive"]},{name:"back-to-parent",category:"actions",tags:["revert"]},{name:"reload",category:"actions",tags:["refresh"]},{name:"change-order",category:"actions",tags:["reverse"]},{name:"sort-down",category:"actions",tags:["descending"]},{name:"sort-up",category:"actions",tags:["ascending"]},{name:"close",category:"actions",tags:["cross","ballotx"]},{name:"minus",category:"actions",tags:["delete"]},{name:"plus",category:"actions",tags:["add"]},{name:"revert",category:"actions",tags:["reverse"]},{name:"refresh",category:"actions",tags:["reload"]},{name:"history",category:"actions",tags:["previous"]},{name:"settings",category:"actions",tags:["cog"]},{name:"show",category:"actions",tags:["look","password","visible","display","eye"]},{name:"hide",category:"actions",tags:["password","eye","invisible","hidden"]},{name:"send",category:"actions",tags:["delivery"]},{name:"heart",category:"actions",tags:["love","like"]},{name:"share",category:"actions",tags:["distribute"]},{name:"microphone",category:"actions",tags:["record"]},{name:"filter",category:"actions",tags:["funnel"]},{name:"bell",category:"actions",tags:["ding","notification"]},{name:"bookmark",category:"actions",tags:["ribbon","save"]},{name:"thumb-up",category:"actions",tags:["like"]},{name:"thumb-down",category:"actions",tags:["dislike"]},{name:"audio-off",category:"actions",tags:["mute","volume","sound"]},{name:"audio-mid",category:"actions",tags:["quiet","volume","sound"]},{name:"audio-on",category:"actions",tags:["loud","volume","sound"]},{name:"audio-mute",category:"actions",tags:["mute","volume","sound"]},{name:"mute",category:"actions",tags:["microphone"]},{name:"write",category:"actions",tags:["draft"]},{name:"external-link",category:"actions",tags:["webpage"]},{name:"select",category:"actions",tags:["duplicate"]},{name:"select-all",category:"actions",tags:["finished"]},{name:"menu-waffle",category:"actions",tags:["window"]},{name:"logout",category:"actions",tags:["signout"]},{name:"login",category:"actions",tags:["signin"]},{name:"cut",category:"actions",tags:["remove"]},{name:"copy",category:"actions",tags:[]},{name:"paste",category:"actions",tags:["apply"]},{name:"trashcan",category:"actions",tags:["bin","delete","remove"]},{name:"shuffle",category:"actions",tags:["remix"]},{name:"archived",category:"actions",tags:["stored","drawer"]},{name:"edit",category:"actions",tags:["pencil"]},{name:"list",category:"actions",tags:["bulletpoints"]},{name:"filters",category:"actions",tags:["sliders"]},{name:"search",category:"actions",tags:["find"]},{name:"search-plus",category:"actions",tags:["zoom"]},{name:"search-minus",category:"actions",tags:["zoom"]},{name:"arrow-up",category:"arrows",tags:["forwards"]},{name:"arrow-top-right",category:"arrows",tags:["diagonal"]},{name:"arrow-right",category:"arrows",tags:["forwards"]},{name:"arrow-bottom-right",category:"arrows",tags:["diagonal"]},{name:"arrow-down",category:"arrows",tags:["backwards"]},{name:"arrow-bottom-left",category:"arrows",tags:["diagonal"]},{name:"arrow-left",category:"arrows",tags:["backwards"]},{name:"arrow-top-left",category:"arrows",tags:["diagonal"]},{name:"curved-up",category:"arrows",tags:[]},{name:"curved-up-flipped",category:"arrows",tags:[]},{name:"curved-left-flipped",category:"arrows",tags:["point"]},{name:"curved-right-flipped",category:"arrows",tags:["reply"]},{name:"curved-down",category:"arrows",tags:["point"]},{name:"curved-down-flipped",category:"arrows",tags:["point"]},{name:"curved-left",category:"arrows",tags:["point"]},{name:"curved-right",category:"arrows",tags:["point"]},{name:"chevron-up",category:"arrows",tags:["ascend","toggle"]},{name:"chevron-right",category:"arrows",tags:["forwards"]},{name:"chevron-left",category:"arrows",tags:["backwards"]},{name:"chevron-down",category:"arrows",tags:["descend","toggle"]},{name:"chevron-double-up",category:"arrows",tags:["ascend"]},{name:"chevron-double-down",category:"arrows",tags:["descend"]},{name:"chevron-double-left",category:"arrows",tags:["backwards"]},{name:"chevron-double-right",category:"arrows",tags:["forwards"]},{name:"chevron-previous",category:"arrows",tags:["backwards"]},{name:"chevron-next",category:"arrows",tags:["forwards"]},{name:"circle-down",category:"arrows",tags:["descend","download"]},{name:"circle-left",category:"arrows",tags:["backwards"]},{name:"circle-up",category:"arrows",tags:["ascend","upload"]},{name:"circle-right",category:"arrows",tags:["forwards"]},{name:"circle-top-right",category:"arrows",tags:["diagonal"]},{name:"circle-bottom-right",category:"arrows",tags:["diagonal"]},{name:"circle-bottom-left",category:"arrows",tags:["diagonal"]},{name:"circle-top-left",category:"arrows",tags:["diagonal"]},{name:"circle-chevron-down",category:"arrows",tags:["descend"]},{name:"circle-chevron-right",category:"arrows",tags:["forwards"]},{name:"circle-chevron-up",category:"arrows",tags:["ascend"]},{name:"circle-chevron-left",category:"arrows",tags:["backwards"]},{name:"triangle",category:"shapes",tags:["equilateral"]},{name:"star",category:"shapes",tags:["award","pentagram"]},{name:"circle",category:"shapes",tags:["dot"]},{name:"square",category:"shapes",tags:["box"]},{name:"shapes",category:"shapes",tags:["basic"]},{name:"rhombus",category:"shapes",tags:["quadrilateral","diamond"]},{name:"rectangle-vertical",category:"shapes",tags:["box"]},{name:"rectangle-horizontal",category:"shapes",tags:["box"]},{name:"rounded",category:"shapes",tags:["box","oblong"]},{name:"calendar",category:"calendar",tags:["date"]},{name:"calendar-check",category:"calendar",tags:["entered"]},{name:"calendar-point",category:"calendar",tags:["date"]},{name:"engine",category:"car",tags:["motor"]},{name:"tyres",category:"car",tags:["nut","target"]},{name:"breaks",category:"car",tags:["abs"]},{name:"car",category:"car",tags:["front"]},{name:"steering",category:"car",tags:["direction"]},{name:"steering-locked",category:"car",tags:["direction"]},{name:"wiper",category:"car",tags:["gauge","window"]},{name:"tracks",category:"car",tags:[]},{name:"pump",category:"car",tags:["fuel","gas"]},{name:"brightness",category:"car",tags:["daylight"]},{name:"nut",category:"car",tags:[]},{name:"fan",category:"car",tags:["ac","a/c","air conditioning","clima","air"]},{name:"cone",category:"car",tags:["road","block"]},{name:"assistance",category:"car",tags:["aid"]},{name:"comfort",category:"car",tags:["mode","switch","pillow"]},{name:"battery",category:"car",tags:["voltage"]},{name:"charger",category:"car",tags:["ev","gas","fuel"]},{name:"lights",category:"car",tags:["headlights","headlamps"]},{name:"bolt",category:"car",tags:["flash","electricity"]},{name:"reverse",category:"media",tags:["backwards","audio","video"]},{name:"rewind",category:"media",tags:["audio","video","reply"]},{name:"previous",category:"media",tags:["audio","video","skip","backwards"]},{name:"pause",category:"media",tags:["audio","video","hold"]},{name:"next",category:"media",tags:["audio","video","skip","forwards"]},{name:"play",category:"media",tags:["audio","video"]},{name:"stop",category:"media",tags:["audio","video","square"]},{name:"record",category:"media",tags:["audio","video","circle"]},{name:"audio-note",category:"media",tags:["audio","video","music","sound"]},{name:"wave",category:"media",tags:["audio","video","equalizer"]},{name:"battery-empty",category:"battery",tags:["energy"]},{name:"battery-onefourth",category:"battery",tags:["energy"]},{name:"battery-twofourths",category:"battery",tags:["energy"]},{name:"battery-threefourths",category:"battery",tags:["energy"]},{name:"battery-full",category:"battery",tags:["charged"]},{name:"file",category:"file",tags:["document"]},{name:"new",category:"file",tags:["document","create"]},{name:"missing",category:"file",tags:["document","unavailable"]},{name:"folder",category:"file",tags:[]},{name:"folder-share",category:"file",tags:["distributed"]},{name:"image",category:"file",tags:["picture"]},{name:"check",category:"informational",tags:["tick","checkmark"]},{name:"stats",category:"informational",tags:["graphs"]},{name:"warning",category:"informational",tags:["alert","exclamation"]},{name:"clip",category:"informational",tags:["paperclip"]},{name:"locked",category:"informational",tags:["padlock"]},{name:"unlocked",category:"informational",tags:["padlock"]},{name:"shield",category:"informational",tags:["badge"]},{name:"shield-check",category:"informational",tags:["verified"]},{name:"phone",category:"informational",tags:["call","telephone"]},{name:"barcode",category:"informational",tags:["scan"]},{name:"qrcode",category:"informational",tags:["scan"]},{name:"news",category:"informational",tags:["info"]},{name:"newspaper",category:"informational",tags:["print"]},{name:"manual",category:"informational",tags:["instructions","magazine"]},{name:"note",category:"informational",tags:["clipboard"]},{name:"schedule",category:"informational",tags:["list"]},{name:"task-done",category:"informational",tags:["completed"]},{name:"mail",category:"informational",tags:["envelope","email","e-mail"]},{name:"suitcase",category:"informational",tags:["luggage","work","business"]},{name:"camera",category:"informational",tags:["photo"]},{name:"speech",category:"informational",tags:["balloon"]},{name:"cloud-download",category:"informational",tags:["transfer"]},{name:"cloud-upload",category:"informational",tags:["saved"]},{name:"circle-exclamation",category:"informational",tags:["alert","warning"]},{name:"circle-minus",category:"informational",tags:["decrease"]},{name:"circle-plus",category:"informational",tags:["increase"]},{name:"circle-close",category:"informational",tags:["remove","delete","circle-multiply"]},{name:"circle-slash",category:"informational",tags:["refuse","not allowed"]},{name:"circle-question",category:"informational",tags:["help"]},{name:"circle-info",category:"informational",tags:["info","help"]},{name:"circle-check",category:"informational",tags:["verified"]},{name:"circle-download",category:"informational",tags:["import"]},{name:"circle-upload",category:"informational",tags:["export"]},{name:"circle-bluetooth",category:"informational",tags:["sync","wireless"]},{name:"clock",category:"informational",tags:["time"]},{name:"stopwatch",category:"informational",tags:["timer","counter"]},{name:"globe",category:"informational",tags:["world"]},{name:"contrast",category:"informational",tags:["ratio"]},{name:"add",category:"informational",tags:["plus"]},{name:"weather-rainy",category:"informational",tags:["partially cloudy","partially sunny"]},{name:"signal",category:"informational",tags:["station","tower"]},{name:"radar",category:"informational",tags:["locator"]},{name:"inbox",category:"informational",tags:["email","drawer"]},{name:"health",category:"informational",tags:["scan","diagnostics"]},{name:"first-aid",category:"informational",tags:["medical"]},{name:"pin",category:"maps",tags:[]},{name:"marker",category:"maps",tags:["position"]},{name:"location",category:"maps",tags:["access"]},{name:"locate",category:"maps",tags:["center"]},{name:"map",category:"maps",tags:["navigate"]},{name:"compass",category:"maps",tags:["navigate"]},{name:"hamburger",category:"menu",tags:["menu"]},{name:"horizontal",category:"menu",tags:["more","ellipsis"]},{name:"vertical",category:"menu",tags:["more","kebab"]},{name:"window",category:"menu",tags:[]},{name:"home",category:"menu",tags:["house"]},{name:"wifi-low",category:"wifi",tags:["wi-fi","weak","signal"]},{name:"wifi-medium",category:"wifi",tags:["wi-fi","mid","signal"]},{name:"wifi-high",category:"wifi",tags:["wi-fi","strong","signal"]},{name:"wifi-no-signal",category:"wifi",tags:["wi-fi","empty","signal"]},{name:"wifi-disabled",category:"wifi",tags:["wi-fi","disconnected","signal"]},{name:"card",category:"shopping",tags:["credit"]},{name:"box",category:"shopping",tags:["package","order"]},{name:"shopping-bag",category:"shopping",tags:["e-commerce"]},{name:"price-tag",category:"shopping",tags:[""]},{name:"ticket",category:"shopping",tags:["voucher","coupon","discount"]},{name:"profile",category:"user",tags:[]},{name:"group",category:"user",tags:["profiles"]},{name:"id-card",category:"user",tags:["identification"]},{name:"finger-print",category:"user",tags:["biometrics"]}],e=a.map((a=>a.name));export{e as availableIcons,a as iconDefinitions};
2	+ //# sourceMappingURL=icon.definitions.js.map

package/components/icon/icon.definitions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.definitions.js","sources":["../../../src/components/icon/icon.definitions.ts"],"sourcesContent":["export const iconDefinitions = [\n { name: 'upload', category: 'actions', tags: ['send'] },\n { name: 'download', category: 'actions', tags: ['receive'] },\n { name: 'export', category: 'actions', tags: ['send'] },\n { name: 'import', category: 'actions', tags: ['receive'] },\n { name: 'back-to-parent', category: 'actions', tags: ['revert'] },\n { name: 'reload', category: 'actions', tags: ['refresh'] },\n { name: 'change-order', category: 'actions', tags: ['reverse'] },\n { name: 'sort-down', category: 'actions', tags: ['descending'] },\n { name: 'sort-up', category: 'actions', tags: ['ascending'] },\n { name: 'close', category: 'actions', tags: ['cross', 'ballotx'] },\n { name: 'minus', category: 'actions', tags: ['delete'] },\n { name: 'plus', category: 'actions', tags: ['add'] },\n { name: 'revert', category: 'actions', tags: ['reverse'] },\n { name: 'refresh', category: 'actions', tags: ['reload'] },\n { name: 'history', category: 'actions', tags: ['previous'] },\n { name: 'settings', category: 'actions', tags: ['cog'] },\n { name: 'show', category: 'actions', tags: ['look', 'password', 'visible', 'display', 'eye'] },\n { name: 'hide', category: 'actions', tags: ['password', 'eye', 'invisible', 'hidden'] },\n { name: 'send', category: 'actions', tags: ['delivery'] },\n { name: 'heart', category: 'actions', tags: ['love', 'like'] },\n { name: 'share', category: 'actions', tags: ['distribute'] },\n { name: 'microphone', category: 'actions', tags: ['record'] },\n { name: 'filter', category: 'actions', tags: ['funnel'] },\n { name: 'bell', category: 'actions', tags: ['ding', 'notification'] },\n { name: 'bookmark', category: 'actions', tags: ['ribbon', 'save'] },\n { name: 'thumb-up', category: 'actions', tags: ['like'] },\n { name: 'thumb-down', category: 'actions', tags: ['dislike'] },\n { name: 'audio-off', category: 'actions', tags: ['mute', 'volume', 'sound'] },\n { name: 'audio-mid', category: 'actions', tags: ['quiet', 'volume', 'sound'] },\n { name: 'audio-on', category: 'actions', tags: ['loud', 'volume', 'sound'] },\n { name: 'audio-mute', category: 'actions', tags: ['mute', 'volume', 'sound'] },\n { name: 'mute', category: 'actions', tags: ['microphone'] },\n { name: 'write', category: 'actions', tags: ['draft'] },\n { name: 'external-link', category: 'actions', tags: ['webpage'] },\n { name: 'select', category: 'actions', tags: ['duplicate'] },\n { name: 'select-all', category: 'actions', tags: ['finished'] },\n { name: 'menu-waffle', category: 'actions', tags: ['window'] },\n { name: 'logout', category: 'actions', tags: ['signout'] },\n { name: 'login', category: 'actions', tags: ['signin'] },\n { name: 'cut', category: 'actions', tags: ['remove'] },\n { name: 'copy', category: 'actions', tags: [] },\n { name: 'paste', category: 'actions', tags: ['apply'] },\n { name: 'trashcan', category: 'actions', tags: ['bin', 'delete', 'remove'] },\n { name: 'shuffle', category: 'actions', tags: ['remix'] },\n { name: 'archived', category: 'actions', tags: ['stored', 'drawer'] },\n { name: 'edit', category: 'actions', tags: ['pencil'] },\n { name: 'list', category: 'actions', tags: ['bulletpoints'] },\n { name: 'filters', category: 'actions', tags: ['sliders'] },\n { name: 'search', category: 'actions', tags: ['find'] },\n { name: 'search-plus', category: 'actions', tags: ['zoom'] },\n { name: 'search-minus', category: 'actions', tags: ['zoom'] },\n { name: 'arrow-up', category: 'arrows', tags: ['forwards'] },\n { name: 'arrow-top-right', category: 'arrows', tags: ['diagonal'] },\n { name: 'arrow-right', category: 'arrows', tags: ['forwards'] },\n { name: 'arrow-bottom-right', category: 'arrows', tags: ['diagonal'] },\n { name: 'arrow-down', category: 'arrows', tags: ['backwards'] },\n { name: 'arrow-bottom-left', category: 'arrows', tags: ['diagonal'] },\n { name: 'arrow-left', category: 'arrows', tags: ['backwards'] },\n { name: 'arrow-top-left', category: 'arrows', tags: ['diagonal'] },\n { name: 'curved-up', category: 'arrows', tags: [] },\n { name: 'curved-up-flipped', category: 'arrows', tags: [] },\n { name: 'curved-left-flipped', category: 'arrows', tags: ['point'] },\n { name: 'curved-right-flipped', category: 'arrows', tags: ['reply'] },\n { name: 'curved-down', category: 'arrows', tags: ['point'] },\n { name: 'curved-down-flipped', category: 'arrows', tags: ['point'] },\n { name: 'curved-left', category: 'arrows', tags: ['point'] },\n { name: 'curved-right', category: 'arrows', tags: ['point'] },\n { name: 'chevron-up', category: 'arrows', tags: ['ascend', 'toggle'] },\n { name: 'chevron-right', category: 'arrows', tags: ['forwards'] },\n { name: 'chevron-left', category: 'arrows', tags: ['backwards'] },\n { name: 'chevron-down', category: 'arrows', tags: ['descend', 'toggle'] },\n { name: 'chevron-double-up', category: 'arrows', tags: ['ascend'] },\n { name: 'chevron-double-down', category: 'arrows', tags: ['descend'] },\n { name: 'chevron-double-left', category: 'arrows', tags: ['backwards'] },\n { name: 'chevron-double-right', category: 'arrows', tags: ['forwards'] },\n { name: 'chevron-previous', category: 'arrows', tags: ['backwards'] },\n { name: 'chevron-next', category: 'arrows', tags: ['forwards'] },\n { name: 'circle-down', category: 'arrows', tags: ['descend', 'download'] },\n { name: 'circle-left', category: 'arrows', tags: ['backwards'] },\n { name: 'circle-up', category: 'arrows', tags: ['ascend', 'upload'] },\n { name: 'circle-right', category: 'arrows', tags: ['forwards'] },\n { name: 'circle-top-right', category: 'arrows', tags: ['diagonal'] },\n { name: 'circle-bottom-right', category: 'arrows', tags: ['diagonal'] },\n { name: 'circle-bottom-left', category: 'arrows', tags: ['diagonal'] },\n { name: 'circle-top-left', category: 'arrows', tags: ['diagonal'] },\n { name: 'circle-chevron-down', category: 'arrows', tags: ['descend'] },\n { name: 'circle-chevron-right', category: 'arrows', tags: ['forwards'] },\n { name: 'circle-chevron-up', category: 'arrows', tags: ['ascend'] },\n { name: 'circle-chevron-left', category: 'arrows', tags: ['backwards'] },\n { name: 'triangle', category: 'shapes', tags: ['equilateral'] },\n { name: 'star', category: 'shapes', tags: ['award', 'pentagram'] },\n { name: 'circle', category: 'shapes', tags: ['dot'] },\n { name: 'square', category: 'shapes', tags: ['box'] },\n { name: 'shapes', category: 'shapes', tags: ['basic'] },\n { name: 'rhombus', category: 'shapes', tags: ['quadrilateral', 'diamond'] },\n { name: 'rectangle-vertical', category: 'shapes', tags: ['box'] },\n { name: 'rectangle-horizontal', category: 'shapes', tags: ['box'] },\n { name: 'rounded', category: 'shapes', tags: ['box', 'oblong'] },\n { name: 'calendar', category: 'calendar', tags: ['date'] },\n { name: 'calendar-check', category: 'calendar', tags: ['entered'] },\n { name: 'calendar-point', category: 'calendar', tags: ['date'] },\n { name: 'engine', category: 'car', tags: ['motor'] },\n { name: 'tyres', category: 'car', tags: ['nut', 'target'] },\n { name: 'breaks', category: 'car', tags: ['abs'] },\n { name: 'car', category: 'car', tags: ['front'] },\n { name: 'steering', category: 'car', tags: ['direction'] },\n { name: 'steering-locked', category: 'car', tags: ['direction'] },\n { name: 'wiper', category: 'car', tags: ['gauge', 'window'] },\n { name: 'tracks', category: 'car', tags: [] },\n { name: 'pump', category: 'car', tags: ['fuel', 'gas'] },\n { name: 'brightness', category: 'car', tags: ['daylight'] },\n { name: 'nut', category: 'car', tags: [] },\n { name: 'fan', category: 'car', tags: ['ac', 'a/c', 'air conditioning', 'clima', 'air'] },\n { name: 'cone', category: 'car', tags: ['road', 'block'] },\n { name: 'assistance', category: 'car', tags: ['aid'] },\n { name: 'comfort', category: 'car', tags: ['mode', 'switch', 'pillow'] },\n { name: 'battery', category: 'car', tags: ['voltage'] },\n { name: 'charger', category: 'car', tags: ['ev', 'gas', 'fuel'] },\n { name: 'lights', category: 'car', tags: ['headlights', 'headlamps'] },\n { name: 'bolt', category: 'car', tags: ['flash', 'electricity'] },\n { name: 'reverse', category: 'media', tags: ['backwards', 'audio', 'video'] },\n { name: 'rewind', category: 'media', tags: ['audio', 'video', 'reply'] },\n { name: 'previous', category: 'media', tags: ['audio', 'video', 'skip', 'backwards'] },\n { name: 'pause', category: 'media', tags: ['audio', 'video', 'hold'] },\n { name: 'next', category: 'media', tags: ['audio', 'video', 'skip', 'forwards'] },\n { name: 'play', category: 'media', tags: ['audio', 'video'] },\n { name: 'stop', category: 'media', tags: ['audio', 'video', 'square'] },\n { name: 'record', category: 'media', tags: ['audio', 'video', 'circle'] },\n { name: 'audio-note', category: 'media', tags: ['audio', 'video', 'music', 'sound'] },\n { name: 'wave', category: 'media', tags: ['audio', 'video', 'equalizer'] },\n { name: 'battery-empty', category: 'battery', tags: ['energy'] },\n { name: 'battery-onefourth', category: 'battery', tags: ['energy'] },\n { name: 'battery-twofourths', category: 'battery', tags: ['energy'] },\n { name: 'battery-threefourths', category: 'battery', tags: ['energy'] },\n { name: 'battery-full', category: 'battery', tags: ['charged'] },\n { name: 'file', category: 'file', tags: ['document'] },\n { name: 'new', category: 'file', tags: ['document', 'create'] },\n { name: 'missing', category: 'file', tags: ['document', 'unavailable'] },\n { name: 'folder', category: 'file', tags: [] },\n { name: 'folder-share', category: 'file', tags: ['distributed'] },\n { name: 'image', category: 'file', tags: ['picture'] },\n { name: 'check', category: 'informational', tags: ['tick', 'checkmark'] },\n { name: 'stats', category: 'informational', tags: ['graphs'] },\n { name: 'warning', category: 'informational', tags: ['alert', 'exclamation'] },\n { name: 'clip', category: 'informational', tags: ['paperclip'] },\n { name: 'locked', category: 'informational', tags: ['padlock'] },\n { name: 'unlocked', category: 'informational', tags: ['padlock'] },\n { name: 'shield', category: 'informational', tags: ['badge'] },\n { name: 'shield-check', category: 'informational', tags: ['verified'] },\n { name: 'phone', category: 'informational', tags: ['call', 'telephone'] },\n { name: 'barcode', category: 'informational', tags: ['scan'] },\n { name: 'qrcode', category: 'informational', tags: ['scan'] },\n { name: 'news', category: 'informational', tags: ['info'] },\n { name: 'newspaper', category: 'informational', tags: ['print'] },\n { name: 'manual', category: 'informational', tags: ['instructions', 'magazine'] },\n { name: 'note', category: 'informational', tags: ['clipboard'] },\n { name: 'schedule', category: 'informational', tags: ['list'] },\n { name: 'task-done', category: 'informational', tags: ['completed'] },\n { name: 'mail', category: 'informational', tags: ['envelope', 'email', 'e-mail'] },\n { name: 'suitcase', category: 'informational', tags: ['luggage', 'work', 'business'] },\n { name: 'camera', category: 'informational', tags: ['photo'] },\n { name: 'speech', category: 'informational', tags: ['balloon'] },\n { name: 'cloud-download', category: 'informational', tags: ['transfer'] },\n { name: 'cloud-upload', category: 'informational', tags: ['saved'] },\n { name: 'circle-exclamation', category: 'informational', tags: ['alert', 'warning'] },\n { name: 'circle-minus', category: 'informational', tags: ['decrease'] },\n { name: 'circle-plus', category: 'informational', tags: ['increase'] },\n { name: 'circle-close', category: 'informational', tags: ['remove', 'delete', 'circle-multiply'] },\n { name: 'circle-slash', category: 'informational', tags: ['refuse', 'not allowed'] },\n { name: 'circle-question', category: 'informational', tags: ['help'] },\n { name: 'circle-info', category: 'informational', tags: ['info', 'help'] },\n { name: 'circle-check', category: 'informational', tags: ['verified'] },\n { name: 'circle-download', category: 'informational', tags: ['import'] },\n { name: 'circle-upload', category: 'informational', tags: ['export'] },\n { name: 'circle-bluetooth', category: 'informational', tags: ['sync', 'wireless'] },\n { name: 'clock', category: 'informational', tags: ['time'] },\n { name: 'stopwatch', category: 'informational', tags: ['timer', 'counter'] },\n { name: 'globe', category: 'informational', tags: ['world'] },\n { name: 'contrast', category: 'informational', tags: ['ratio'] },\n { name: 'add', category: 'informational', tags: ['plus'] },\n { name: 'weather-rainy', category: 'informational', tags: ['partially cloudy', 'partially sunny'] },\n { name: 'signal', category: 'informational', tags: ['station', 'tower'] },\n { name: 'radar', category: 'informational', tags: ['locator'] },\n { name: 'inbox', category: 'informational', tags: ['email', 'drawer'] },\n { name: 'health', category: 'informational', tags: ['scan', 'diagnostics'] },\n { name: 'first-aid', category: 'informational', tags: ['medical'] },\n { name: 'pin', category: 'maps', tags: [] },\n { name: 'marker', category: 'maps', tags: ['position'] },\n { name: 'location', category: 'maps', tags: ['access'] },\n { name: 'locate', category: 'maps', tags: ['center'] },\n { name: 'map', category: 'maps', tags: ['navigate'] },\n { name: 'compass', category: 'maps', tags: ['navigate'] },\n { name: 'hamburger', category: 'menu', tags: ['menu'] },\n { name: 'horizontal', category: 'menu', tags: ['more', 'ellipsis'] },\n { name: 'vertical', category: 'menu', tags: ['more', 'kebab'] },\n { name: 'window', category: 'menu', tags: [] },\n { name: 'home', category: 'menu', tags: ['house'] },\n { name: 'wifi-low', category: 'wifi', tags: ['wi-fi', 'weak', 'signal'] },\n { name: 'wifi-medium', category: 'wifi', tags: ['wi-fi', 'mid', 'signal'] },\n { name: 'wifi-high', category: 'wifi', tags: ['wi-fi', 'strong', 'signal'] },\n { name: 'wifi-no-signal', category: 'wifi', tags: ['wi-fi', 'empty', 'signal'] },\n { name: 'wifi-disabled', category: 'wifi', tags: ['wi-fi', 'disconnected', 'signal'] },\n { name: 'card', category: 'shopping', tags: ['credit'] },\n { name: 'box', category: 'shopping', tags: ['package', 'order'] },\n { name: 'shopping-bag', category: 'shopping', tags: ['e-commerce'] },\n { name: 'price-tag', category: 'shopping', tags: [''] },\n { name: 'ticket', category: 'shopping', tags: ['voucher', 'coupon', 'discount'] },\n { name: 'profile', category: 'user', tags: [] },\n { name: 'group', category: 'user', tags: ['profiles'] },\n { name: 'id-card', category: 'user', tags: ['identification'] },\n { name: 'finger-print', category: 'user', tags: ['biometrics'] },\n];\nexport const availableIcons = iconDefinitions.map((def) => def.name);\n//# sourceMappingURL=icon.definitions.js.map"],"names":["iconDefinitions","name","category","tags","availableIcons","map","def"],"mappings":"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"}

package/components/icon/icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Icon as r}from"@mui/material";import{getIconName as e}from"../../utils/icons.js";import{styled as m}from"@mui/material/styles";const l=i(((i,r)=>{var{iconStyle:m,color:l,fontSize:a}=i,c=o(i,["iconStyle","color","fontSize"]);const n="filled"===m?" filled":"";return t(s,Object.assign({color:l},c,{ref:r,className:e(c.className)+n,fontSize:a,"data-testid":"Icon"}))})),s=m(r)((()=>({lineHeight:"0.7em"})));export{l as Icon};
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useMemo as r}from"react";import{Icon as i}from"@mui/material";import{getIconName as m}from"../../utils/icons.js";import{styled as a}from"@mui/material/styles";const s=e(((e,i)=>{var{name:a,iconStyle:s,color:n,fontSize:l}=e,f=o(e,["name","iconStyle","color","fontSize"]);const p=r((()=>s||a?[f.className,s,a].filter((o=>!!o)).join(" "):m(f.className)),[f.className,s,a]);return t(c,Object.assign({color:n},f,{ref:i,className:p,fontSize:l,"data-testid":"Icon"}))})),c=a(i)((()=>({lineHeight:"0.7em"})));export{s as Icon};
 //# sourceMappingURL=icon.js.map

package/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { getIconName } from '../../utils/icons';\nimport { styled } from '@mui/material/styles';\n/*\n @description SkodaFlow Icon component.\n * Properties are inherited from HTML Span element.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = forwardRef((_a, ref) => {\n var { iconStyle, color, fontSize } = _a, props = __rest(_a, [\"iconStyle\", \"color\", \"fontSize\"]);\n const ~~isFilled~~ = iconStyle ~~===~~ ~~'filled'~~ ? ' ~~filled'~~ : '';\n return (_jsx(IconStyled, Object.assign({ color: color }, props, { ref: ref, className: ~~getIconName(props.className) + isFilled~~, fontSize: fontSize, \"data-testid\": \"Icon\" })));\n});\nconst IconStyled = styled(MuiIcon)(() => {\n return {\n lineHeight: '0.7em',\n };\n});\n//# sourceMappingURL=icon.js.map"],"names":["Icon","forwardRef","_a","ref","iconStyle","color","fontSize","props","__rest","~~isFilled~~","~~_jsx~~","~~IconStyled~~","~~Object~~","~~assign~~","~~className~~","getIconName","styled","MuiIcon","lineHeight"],"mappings":"~~gPAYY~~,MAACA,EAAOC,GAAW,CAACC,EAAIC,KAChC,IAAIC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,~~GAAaJ~~,~~EAAIK~~,EAAQC,~~EAAON~~,EAAI,CAAC,YAAa,QAAS,~~aACnF~~,~~MAAMO~~,~~EAAyB~~,~~WAAdL~~,~~EAAyB~~,~~UAAY~~,~~GACtD~~,~~OAAQM~~,EAAKC,EAAYC,OAAOC,OAAO,~~CAAER~~,MAAOA,GAASE,EAAO,~~CAAEJ~~,IAAKA,~~EAAKW~~,~~UAAWC~~,~~EAAYR~~,~~EAAMO,WAAaL,EAAUH,~~SAAUA,EAAU,cAAe,SAAY,~~IAE7KK~~,~~EAAaK~~,EAAOC,EAAPD,EAAgB,KACxB,CACHE,WAAY"}
1	+ {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { getIconName } from '../../utils/icons';\nimport { styled } from '@mui/material/styles';\n/*\n @description SkodaFlow Icon component.\n * Properties are inherited from HTML Span element.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = forwardRef((_a, ref) => {\n var { name, iconStyle, color, fontSize } = _a, props = __rest(_a, [\"name\", \"iconStyle\", \"color\", \"fontSize\"]);\n const finalClassName = useMemo(() => {\n if (iconStyle \|\| name) {\n return [props.className, iconStyle, name].filter((item) => !!item).join(' ');\n }\n else {\n // old api\n return getIconName(props.className);\n }\n }, [props.className, iconStyle, name]);\n return (_jsx(IconStyled, Object.assign({ color: color }, props, { ref: ref, className: finalClassName, fontSize: fontSize, \"data-testid\": \"Icon\" })));\n});\nconst IconStyled = styled(MuiIcon)(() => {\n return {\n lineHeight: '0.7em',\n };\n});\n//# sourceMappingURL=icon.js.map"],"names":["Icon","forwardRef","_a","ref","name","iconStyle","color","fontSize","props","__rest","finalClassName","useMemo","className","filter","item","join","getIconName","_jsx","IconStyled","Object","assign","styled","MuiIcon","lineHeight"],"mappings":"6PAYY,MAACA,EAAOC,GAAW,CAACC,EAAIC,KAChC,IAAIC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,GAAaL,EAAIM,EAAQC,EAAOP,EAAI,CAAC,OAAQ,YAAa,QAAS,aACjG,MAAMQ,EAAiBC,GAAQ,IACvBN,GAAaD,EACN,CAACI,EAAMI,UAAWP,EAAWD,GAAMS,QAAQC,KAAWA,IAAMC,KAAK,KAIjEC,EAAYR,EAAMI,YAE9B,CAACJ,EAAMI,UAAWP,EAAWD,IAChC,OAAQa,EAAKC,EAAYC,OAAOC,OAAO,CAAEd,MAAOA,GAASE,EAAO,CAAEL,IAAKA,EAAKS,UAAWF,EAAgBH,SAAUA,EAAU,cAAe,SAAY,IAEpJW,EAAaG,EAAOC,EAAPD,EAAgB,KACxB,CACHE,WAAY"}

package/components/icon/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 export * from './icon';
-export * from './availableIcons';
+export * from './icon.definitions';

package/components/index.d.ts CHANGED Viewed

@@ -46,4 +46,5 @@ export * from './alert';
 export * from './logo';
 export * from '../organisms/gallery';
 export * from './upload';
+export * from './card';
 export { Typography } from '@mui/material';

package/components/indicator/indicator.d.ts CHANGED Viewed

@@ -6,11 +6,17 @@ import { HTMLAttributes } from 'react';
  */
 export interface IndicatorProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Indicator variant: 'positive' | 'warning' | 'alert' | 'neutral' | color string
+     * Defines which variant should render
+     * @default indicator
      */
-    variant?: 'positive' | 'warning' | 'alert' | 'neutral' | string;
+    variant?: 'indicator' | 'status';
     /**
-     * Label text for indicator
+     * Defines which color should indicator be
+     * @default positive
+     */
+    color?: 'positive' | 'warning' | 'alert' | 'neutral' | string;
+    /**
+     * Defines text which will render
      */
     label?: string;
 }

package/components/indicator/indicator.js CHANGED Viewed

@@ -1,19 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import i from"@emotion/styled";import{flowColors as a}from"../../design/skoda/palette.theme.js";import{forwardRef as e}from"react";const n=e(((i,a)=>{var{children:e,label:n,variant:l="positive"}=i,c=r(i,["children","label","variant"]);const s=n||e;return t(o,Object.assign({},c,{ref:a,className:"disclamer",variant:l,"data-testid":"Indicator",children:s}))})),o=i.div`
-  --flow-indicator-color: ${r=>{switch(r.variant){case"alert":return a.alert.main;case"warning":return a.warning.main;case"positive":return a.positive.main;case"neutral":return a.onSurface.os200;default:return a[r.variant]?a[r.variant]:r.variant}}};
-  color: ${a.text.primary};
-  font-weight: 300;
-  line-height: 20px;
-  letter-spacing: 0.2px;
-  &::before {
-    content: '';
-    width: 14px;
-    height: 14px;
-    border-radius: 50%;
-    margin-right: 8px;
-    margin-top: -2px;
-    display: inline-block;
-    vertical-align: middle;
-    background-color: var(--flow-indicator-color);
-  }
-`;export{n as Indicator};
+import{__rest as r}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as e,useMemo as a}from"react";import{useTheme as n,Stack as o,Box as c}from"@mui/material";import{get as l}from"lodash";const s=e(((e,s)=>{var{children:d,label:p,color:m="positive",variant:u="indicator"}=e,x=r(e,["children","label","color","variant"]);const f=n(),h=a((()=>{switch(m){case"alert":return f.palette.error.main;case"positive":return f.palette.success.main;case"warning":return f.palette.warning.main;case"neutral":return f.palette.onSurface.os200;default:return l(f.palette,m,m)}}),[m]),g=a((()=>null!=p?p:d),[p,d]);return t(o,Object.assign({className:"fwlIndicator"},x,{ref:s,direction:"row",spacing:1,alignItems:"center","data-testid":"Indicator",children:[i(c,{sx:{backgroundColor:h,width:"indicator"===u?"14px":"10px",height:"indicator"===u?"14px":"10px",borderRadius:"50%"},"data-testid":"Indicator.circle"}),g&&i(c,{sx:{fontSize:"indicator"===u?"14px":"11px",fontWeight:"indicator"===u?"normal":"bold",lineHeight:"indicator"===u?"20px":"12px",textTransform:"indicator"===u?void 0:"uppercase",letterSpacing:"indicator"===u?"0.28px":"3px"},children:g})]}))}));export{s as Indicator};
 //# sourceMappingURL=indicator.js.map

package/components/indicator/indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport ~~styled~~ from '~~@emotion/styled~~';\nimport { ~~flowColors~~ } from '~~../../design~~/~~skoda/palette.theme~~';\nimport { ~~forwardRef~~ } from '~~react~~';\n/*\n @description Styled SkodaFlow Indicator component\n * @param props IndicatorProps\n * @returns React Functional Component\n /\nexport const Indicator = forwardRef((_a, ref) => {\n var { children, label, ~~variant~~ = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n const text = label ? label : children;\n return (~~_jsx~~(~~IndicatorStyled~~, Object.assign({}, props, { ref: ref, ~~className~~: \"~~disclamer~~\", ~~variant~~: ~~variant~~, \"data-testid\": \"Indicator\", children: ~~text~~ ~~})));\~~n~~});\~~n~~/\n~~ ~~Indicator~~ ~~styling~~ ~~defintion\~~n */\nconst ~~IndicatorStyled~~ = ~~styled.div~~ `\n ~~--flow~~-~~indicator-color~~: ~~${(props~~) => ~~{\n switch~~ (~~props.variant)~~ {\n ~~case~~ '~~alert~~'~~:\n return~~ ~~flowColors.alert[~~'~~main~~'~~];\n case~~ '~~warning~~':\n ~~return~~ ~~flowColors.warning[~~'~~main~~'~~];\n case~~ '~~positive~~'~~:\n return~~ ~~flowColors.positive[~~'~~main~~'~~];\~~n ~~case~~ '~~neutral~~'~~:\n return~~ ~~flowColors.onSurface.os200;\n default:\n return flowColors[props.variant]~~ ? ~~flowColors[props.variant]~~ : ~~props.variant;\~~n ~~}\n}};\n color~~: ~~${flowColors.text.primary};\n font-weight:~~ ~~300;\n line-height:~~ ~~20px;\n letter-spacing:~~ ~~0.2px;\n &::before~~ ~~{\n content~~: '';\n ~~width~~: ~~14px;\n height:~~ ~~14px;\n border-radius:~~ ~~50%;\n margin-right:~~ ~~8px;\n margin-top:~~ ~~-2px;\n display~~: ~~inline-block;\~~n ~~vertical-align:~~ ~~middle;\n background-color~~: ~~var(--flow-indicator-color~~);\n }\n~~`;\n~~//# sourceMappingURL=indicator.js.map"],"names":["Indicator","forwardRef","_a","ref","children","label","variant","props","__rest","text","~~_jsx~~","~~IndicatorStyled~~","Object","assign","className","~~styled~~","~~div~~","~~flowColors~~","~~alert~~","~~warning~~","~~positive~~","~~onSurface~~","~~os200~~","~~primary~~"],"mappings":"~~0MAUY~~,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,~~YAAeJ~~,~~EAAIK~~,EAAQC,~~EAAON~~,EAAI,CAAC,WAAY,QAAS,~~YAC7F~~,~~MAAMO~~,~~EAAOJ~~,~~GAAgBD~~,~~EAC7B~~,~~OAAQM~~,~~EAAKC~~,~~EAAiBC~~,OAAOC,OAAO,~~CAAA~~,~~EAAIN~~,EAAO,~~CAAEJ~~,IAAKA,~~EAAKW~~,UAAW,~~YAAaR~~,~~QAASA~~,~~EAAS~~,cAAe,~~YAAaF~~,~~SAAUK~~,~~IAAU~~,~~IAK3JE~~,~~EAAkBI~~,~~EAAOC~~,GAAI~~;4BACNT~~,~~IACzB~~,~~OAAQA~~,~~EAAMD~~,~~SACV~~,~~IAAK~~,~~QACD~~,~~OAAOW~~,~~EAAWC~~,~~MAAY~~,~~KAClC~~,~~IAAK~~,~~UACD~~,~~OAAOD~~,~~EAAWE~~,~~QAAc~~,~~KACpC~~,~~IAAK~~,~~WACD~~,~~OAAOF~~,~~EAAWG~~,~~SAAe~~,~~KACrC~~,~~IAAK~~,~~UACD~~,~~OAAOH~~,~~EAAWI~~,~~UAAUC~~,~~MAChC~~,~~QACI~~,~~OAAOL~~,~~EAAWV~~,~~EAAMD~~,~~SAAWW~~,~~EAAWV~~,~~EAAMD~~,~~SAAWC~~,~~EAAMD~~,~~QAC5E;WAEMW~~,~~EAAWR~~,~~KAAKc;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo } from 'react';\nimport { Box, Stack, useTheme } from '@mui/material';\nimport { get } from 'lodash';\n/*\n @description Styled SkodaFlow Indicator component\n * @param props IndicatorProps\n * @returns React Functional Component\n */\nexport const Indicator = forwardRef((_a, ref) => {\n var { children, label, color = 'positive', variant = 'indicator' } = _a, props = __rest(_a, [\"children\", \"label\", \"color\", \"variant\"]);\n const theme = useTheme();\n const dotColor = useMemo(() => {\n switch (color) {\n case 'alert':\n return theme.palette.error.main;\n case 'positive':\n return theme.palette.success.main;\n case 'warning':\n return theme.palette.warning.main;\n case 'neutral':\n return theme.palette.onSurface.os200;\n default:\n return get(theme.palette, color, color);\n }\n }, [color]);\n const text = useMemo(() => label !== null && label !== void 0 ? label : children, [label, children]);\n return (_jsxs(Stack, Object.assign({ className: \"fwlIndicator\" }, props, { ref: ref, direction: \"row\", spacing: 1, alignItems: \"center\", \"data-testid\": \"Indicator\", children: [_jsx(Box, { sx: {\n backgroundColor: dotColor,\n width: variant === 'indicator' ? '14px' : '10px',\n height: variant === 'indicator' ? '14px' : '10px',\n borderRadius: '50%',\n }, \"data-testid\": \"Indicator.circle\" }), text && (_jsx(Box, { sx: {\n fontSize: variant === 'indicator' ? '14px' : '11px',\n fontWeight: variant === 'indicator' ? 'normal' : 'bold',\n lineHeight: variant === 'indicator' ? '20px' : '12px',\n textTransform: variant === 'indicator' ? undefined : 'uppercase',\n letterSpacing: variant === 'indicator' ? '0.28px' : '3px',\n }, children: text }))] })));\n});\n//# sourceMappingURL=indicator.js.map"],"names":["Indicator","forwardRef","_a","ref","children","label","color","variant","props","__rest","theme","useTheme","dotColor","useMemo","palette","error","main","success","warning","onSurface","os200","get","text","_jsxs","Stack","Object","assign","className","direction","spacing","alignItems","_jsx","Box","sx","backgroundColor","width","height","borderRadius","fontSize","fontWeight","lineHeight","textTransform","undefined","letterSpacing"],"mappings":"2NAUY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,EAAQ,WAAUC,QAAEA,EAAU,aAAgBL,EAAIM,EAAQC,EAAOP,EAAI,CAAC,WAAY,QAAS,QAAS,YAC3H,MAAMQ,EAAQC,IACRC,EAAWC,GAAQ,KACrB,OAAQP,GACJ,IAAK,QACD,OAAOI,EAAMI,QAAQC,MAAMC,KAC/B,IAAK,WACD,OAAON,EAAMI,QAAQG,QAAQD,KACjC,IAAK,UACD,OAAON,EAAMI,QAAQI,QAAQF,KACjC,IAAK,UACD,OAAON,EAAMI,QAAQK,UAAUC,MACnC,QACI,OAAOC,EAAIX,EAAMI,QAASR,EAAOA,GACxC,GACF,CAACA,IACEgB,EAAOT,GAAQ,IAAMR,QAAqCA,EAAQD,GAAU,CAACC,EAAOD,IAC1F,OAAQmB,EAAMC,EAAOC,OAAOC,OAAO,CAAEC,UAAW,gBAAkBnB,EAAO,CAAEL,IAAKA,EAAKyB,UAAW,MAAOC,QAAS,EAAGC,WAAY,SAAU,cAAe,YAAa1B,SAAU,CAAC2B,EAAKC,EAAK,CAAEC,GAAI,CAChLC,gBAAiBtB,EACjBuB,MAAmB,cAAZ5B,EAA0B,OAAS,OAC1C6B,OAAoB,cAAZ7B,EAA0B,OAAS,OAC3C8B,aAAc,OACf,cAAe,qBAAuBf,GAASS,EAAKC,EAAK,CAAEC,GAAI,CAC9DK,SAAsB,cAAZ/B,EAA0B,OAAS,OAC7CgC,WAAwB,cAAZhC,EAA0B,SAAW,OACjDiC,WAAwB,cAAZjC,EAA0B,OAAS,OAC/CkC,cAA2B,cAAZlC,OAA0BmC,EAAY,YACrDC,cAA2B,cAAZpC,EAA0B,SAAW,OACrDH,SAAUkB,OAAe"}

package/components/labelStatus/labelStatus.d.ts CHANGED Viewed

@@ -15,5 +15,6 @@ export interface LabelStatusProps extends LabelProps {
  * @description Styled SkodaFlow LabelStatus component
  * @param props LabelStatusProps
  * @returns React Functional Component
+ * @deprecated Use Indicator component instead
  */
 export declare const LabelStatus: React.ForwardRefExoticComponent<LabelStatusProps & React.RefAttributes<HTMLSpanElement>>;

package/components/labelStatus/labelStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/*\n @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n /\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/\n LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\n color: ${flowColors.text.primary};\n &::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 8px;\n margin-top: -2px;\n display: inline-block;\n vertical-align: middle;\n background-color: var(--flow-label-color);\n }\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"~~oPAWY~~,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAKC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBN,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLM,EAAoBI,EAAOC,EAAO;wBACfR,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOU,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,QACI,OAAOH,EAAWT,EAAMD,SAAWU,EAAWT,EAAMD,SAAWC,EAAMD,QAC5E;WAEMU,EAAWI,KAAKC;;;;;;;;;;;;"}
1	+ {"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/*\n @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n * @deprecated Use Indicator component instead\n /\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/\n LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\n color: ${flowColors.text.primary};\n &::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 8px;\n margin-top: -2px;\n display: inline-block;\n vertical-align: middle;\n background-color: var(--flow-label-color);\n }\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"oPAYY,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAKC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBN,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLM,EAAoBI,EAAOC,EAAO;wBACfR,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOU,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,QACI,OAAOH,EAAWT,EAAMD,SAAWU,EAAWT,EAAMD,SAAWC,EAAMD,QAC5E;WAEMU,EAAWI,KAAKC;;;;;;;;;;;;"}

package/components/menu/menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{forwardRef as r,useState as l,useCallback as n,useEffect as a}from"react";import{styled as p}from"@mui/material/styles";import c from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import g from"@mui/material/Paper";import s from"@mui/material/ListItemText";import u from"@mui/material/ListItemIcon";import{Checkbox as d}from"../checkbox/checkbox.js";import{ToggleSwitch as h}from"../toggleSwitch/toggleSwitch.js";import{Icon as f}from"../icon/icon.js";import x from"@mui/material/Divider";import{Typography as b}from"@mui/material";import{Flag as S}from"../flag/flag.js";const v=r(((r,p)=>{var{setIsOpen:g,reactHook:v,items:M,hasIcon:L,multipleSelection:j,groupToggleSelection:k,groupLabel:y="",toggleLabel:T}=r,O=e(r,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:w,setState:R}=v,[C,W]=l(!1),H=n((()=>{((e,t,o,i)=>{const r=!e;o((()=>r?[...t]:[])),i(r)})(C,M,R,W)}),[M,R,C]),D=n(((e,t)=>{((e,t,o,i,r,l)=>{const n=e?i.includes(o):i.find((e=>e.value.toString()===o)),a=e?[o]:l.filter((e=>e.value.toString()===o));r(t?n?i.filter((t=>e?t!==o:t.value.toString()!==o)):e=>[...a,...e]:n?[]:a)})(t,j,e.currentTarget.id,w,R,M)}),[M,w,j,R]),N=n(((e,i)=>{const r=e?w.includes(i):w.some((e=>e.value===i.value)),l=e?i:i.title,n=e?i:i.value;return t(c,{id:n,selected:r,onClick:t=>D(t,e),children:[L&&!e&&o(u,{children:o(S,{flag:i.flag,title:i.title})}),o(s,{children:o(b,{noWrap:!0,children:l})}),j&&o(d,{checked:r})]},n)}),[w,L,j,D]);return a((()=>{((e,t,o,i,r)=>{e&&t&&(i.length===o.length&&r(!0),i.length<o.length&&r(!1))})(j,k,M,w,W)}),[k,M,w,j]),t(I,Object.assign({},O,{ref:p,groupLabel:y,groupToggleSelection:k,multipleSelection:j.toString(),sx:y||k&&j?{paddingTop:"0px"}:{},children:[y.length>0&&t(i,{children:[t(c,{children:[o(s,{children:o(b,{noWrap:!0,children:y})}),o(u,{onClick:()=>g(!1),children:o(f,{className:"ballotx"})})]}),o(x,{variant:"middle"})]}),j&&k&&o(i,{children:t(c,{className:"menu-select-all",children:[o(s,{children:T||"Select all"}),o(h,{onClick:H,checked:C})]})}),o(m,{children:M.map((e=>N("string"==typeof e,e)))})]}))})),I=p(g,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:o}=t;const i=e(t,["theme"]);let r={};const l={height:"48px",padding:"0px 24px"};return"true"===i.multipleSelection&&(l.paddingRight="16px"),r=Object.assign(Object.assign({},r),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px"},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px"},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:o.palette.onSurface.os0}},"& .MuiMenuItem-root":l}),i.groupLabel&&i.groupLabel.length>0?r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:o.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${o.palette.background.primary}`}}}):i.multipleSelection&&i.groupToggleSelection&&(r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),r}));export{v as Menu};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{forwardRef as r,useState as l,useCallback as n,useEffect as a}from"react";import{styled as p}from"@mui/material/styles";import c from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import g from"@mui/material/Paper";import s from"@mui/material/ListItemText";import u from"@mui/material/ListItemIcon";import{Checkbox as d}from"../checkbox/checkbox.js";import{ToggleSwitch as h}from"../toggleSwitch/toggleSwitch.js";import{Icon as f}from"../icon/icon.js";import"../icon/icon.definitions.js";import x from"@mui/material/Divider";import{Typography as b}from"@mui/material";import{Flag as S}from"../flag/flag.js";const v=r(((r,p)=>{var{setIsOpen:g,reactHook:v,items:M,hasIcon:L,multipleSelection:j,groupToggleSelection:k,groupLabel:y="",toggleLabel:T}=r,O=e(r,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:w,setState:R}=v,[C,W]=l(!1),H=n((()=>{((e,t,o,i)=>{const r=!e;o((()=>r?[...t]:[])),i(r)})(C,M,R,W)}),[M,R,C]),D=n(((e,t)=>{((e,t,o,i,r,l)=>{const n=e?i.includes(o):i.find((e=>e.value.toString()===o)),a=e?[o]:l.filter((e=>e.value.toString()===o));r(t?n?i.filter((t=>e?t!==o:t.value.toString()!==o)):e=>[...a,...e]:n?[]:a)})(t,j,e.currentTarget.id,w,R,M)}),[M,w,j,R]),P=n(((e,i)=>{const r=e?w.includes(i):w.some((e=>e.value===i.value)),l=e?i:i.title,n=e?i:i.value;return t(c,{id:n,selected:r,onClick:t=>D(t,e),children:[L&&!e&&o(u,{children:o(S,{flag:i.flag,title:i.title})}),o(s,{children:o(b,{noWrap:!0,children:l})}),j&&o(d,{checked:r})]},n)}),[w,L,j,D]);return a((()=>{((e,t,o,i,r)=>{e&&t&&(i.length===o.length&&r(!0),i.length<o.length&&r(!1))})(j,k,M,w,W)}),[k,M,w,j]),t(I,Object.assign({},O,{ref:p,groupLabel:y,groupToggleSelection:k,multipleSelection:j.toString(),sx:y||k&&j?{paddingTop:"0px"}:{},children:[y.length>0&&t(i,{children:[t(c,{children:[o(s,{children:o(b,{noWrap:!0,children:y})}),o(u,{onClick:()=>g(!1),children:o(f,{name:"close"})})]}),o(x,{variant:"middle"})]}),j&&k&&o(i,{children:t(c,{className:"menu-select-all",children:[o(s,{children:T||"Select all"}),o(h,{onClick:H,checked:C})]})}),o(m,{children:M.map((e=>P("string"==typeof e,e)))})]}))})),I=p(g,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:o}=t;const i=e(t,["theme"]);let r={};const l={height:"48px",padding:"0px 24px"};return"true"===i.multipleSelection&&(l.paddingRight="16px"),r=Object.assign(Object.assign({},r),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px"},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px"},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:o.palette.onSurface.os0}},"& .MuiMenuItem-root":l}),i.groupLabel&&i.groupLabel.length>0?r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:o.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${o.palette.background.primary}`}}}):i.multipleSelection&&i.groupToggleSelection&&(r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),r}));export{v as Menu};
 //# sourceMappingURL=menu.js.map

package/components/menu/menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport MuiPaper from '@mui/material/Paper';\nimport ListItemText from '@mui/material/ListItemText';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { Icon } from '../icon';\nimport Divider from '@mui/material/Divider';\nimport { Typography } from '@mui/material';\nimport { Flag } from '../flag';\n/*\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (currToggleChecked, initItems, setItems, setToggle) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\nconst onMenuItemClickHandler = (isString, multipleSelection, id, itemsState, setItemsState, initItems) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : initItems.filter((item) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n }\n else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n }\n else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (multipleSelection, groupToggleSelection, initItems, itemsState, setToggleChecked) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length)\n setToggleChecked(true);\n if (itemsState.length < initItems.length)\n setToggleChecked(false);\n }\n};\nexport const Menu = forwardRef((_a, ref) => {\n var { setIsOpen, reactHook, items, hasIcon, multipleSelection, groupToggleSelection, groupLabel = '', toggleLabel } = _a, props = __rest(_a, [\"setIsOpen\", \"reactHook\", \"items\", \"hasIcon\", \"multipleSelection\", \"groupToggleSelection\", \"groupLabel\", \"toggleLabel\"]);\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback((e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n }, [items, itemsState, multipleSelection, setItemsState]);\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback((isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (_jsxs(MenuItem, { id: id, selected: selected, onClick: (e) => onMenuItemClickHandlerWithUseCallback(e, isString), children: [hasIcon && !isString && (_jsx(ListItemIcon, { children: _jsx(Flag, { flag: item.flag, title: item.title }) })), _jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: title }) }), multipleSelection && _jsx(Checkbox, { checked: selected })] }, id));\n }, [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback]);\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n return (_jsxs(PaperStyled, Object.assign({}, props, { ref: ref, groupLabel: groupLabel, groupToggleSelection: groupToggleSelection, multipleSelection: multipleSelection.toString(), sx: groupLabel \|\| (groupToggleSelection && multipleSelection) ? { paddingTop: '0px' } : {}, children: [groupLabel.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { children: [_jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: groupLabel }) }), _jsx(ListItemIcon, { onClick: () => setIsOpen(false), children: _jsx(Icon, { className: \"ballotx\" }) })] }), _jsx(Divider, { variant: \"middle\" })] })), multipleSelection && groupToggleSelection && (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: \"menu-select-all\", children: [_jsx(ListItemText, { children: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onClick: onToggleClickHandlerWithUseCallback, checked: toggleChecked })] }) })), _jsx(MenuList, { children: items.map((item) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n }) })] })));\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper, {\n shouldForwardProp: (prop) => prop !== 'multipleSelection' && prop !== 'groupLabel' && prop !== 'groupToggleSelection',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n const hasmultipleSelection = props.multipleSelection === 'true';\n const itemStyles = {\n height: '48px',\n padding: '0px 24px',\n };\n if (hasmultipleSelection)\n itemStyles.paddingRight = '16px';\n styles = Object.assign(Object.assign({}, styles), { boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)', '& .MuiList-root': {\n maxHeight: '240px',\n overflow: 'overlay',\n padding: '0px',\n borderRadius: '4px',\n }, '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n }, '& li > .MuiListItemIcon-root': {\n minWidth: '0px',\n marginRight: '16px',\n }, '& .MuiDivider-root': {\n marginTop: '0px',\n marginBottom: '0px',\n }, '& li.menu-select-all': {\n '& .MuiTypography-root': {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n '&:hover': {\n backgroundColor: theme.palette.onSurface.os0,\n },\n }, '& .MuiMenuItem-root': itemStyles });\n if (props.groupLabel && props.groupLabel.length > 0) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n paddingRight: '21px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n },\n '& .MuiListItemIcon-root': {\n marginRight: '0px',\n color: theme.palette.onSurface.os900,\n '& .MuiIcon-root:before': {\n position: 'relative',\n top: '-3px',\n },\n },\n '&:hover': {\n backgroundColor: `${theme.palette.background.primary}`,\n },\n } });\n }\n else if (props.multipleSelection && props.groupToggleSelection) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n } });\n }\n return styles;\n});\n//# sourceMappingURL=menu.js.map"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","ListItemIcon","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","_Fragment","Icon","className","Divider","variant","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}
1	+ {"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport MuiPaper from '@mui/material/Paper';\nimport ListItemText from '@mui/material/ListItemText';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { Icon } from '../icon';\nimport Divider from '@mui/material/Divider';\nimport { Typography } from '@mui/material';\nimport { Flag } from '../flag';\n/*\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (currToggleChecked, initItems, setItems, setToggle) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\nconst onMenuItemClickHandler = (isString, multipleSelection, id, itemsState, setItemsState, initItems) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : initItems.filter((item) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n }\n else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n }\n else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (multipleSelection, groupToggleSelection, initItems, itemsState, setToggleChecked) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length)\n setToggleChecked(true);\n if (itemsState.length < initItems.length)\n setToggleChecked(false);\n }\n};\nexport const Menu = forwardRef((_a, ref) => {\n var { setIsOpen, reactHook, items, hasIcon, multipleSelection, groupToggleSelection, groupLabel = '', toggleLabel } = _a, props = __rest(_a, [\"setIsOpen\", \"reactHook\", \"items\", \"hasIcon\", \"multipleSelection\", \"groupToggleSelection\", \"groupLabel\", \"toggleLabel\"]);\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback((e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n }, [items, itemsState, multipleSelection, setItemsState]);\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback((isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (_jsxs(MenuItem, { id: id, selected: selected, onClick: (e) => onMenuItemClickHandlerWithUseCallback(e, isString), children: [hasIcon && !isString && (_jsx(ListItemIcon, { children: _jsx(Flag, { flag: item.flag, title: item.title }) })), _jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: title }) }), multipleSelection && _jsx(Checkbox, { checked: selected })] }, id));\n }, [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback]);\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n return (_jsxs(PaperStyled, Object.assign({}, props, { ref: ref, groupLabel: groupLabel, groupToggleSelection: groupToggleSelection, multipleSelection: multipleSelection.toString(), sx: groupLabel \|\| (groupToggleSelection && multipleSelection) ? { paddingTop: '0px' } : {}, children: [groupLabel.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { children: [_jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: groupLabel }) }), _jsx(ListItemIcon, { onClick: () => setIsOpen(false), children: _jsx(Icon, { name: \"close\" }) })] }), _jsx(Divider, { variant: \"middle\" })] })), multipleSelection && groupToggleSelection && (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: \"menu-select-all\", children: [_jsx(ListItemText, { children: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onClick: onToggleClickHandlerWithUseCallback, checked: toggleChecked })] }) })), _jsx(MenuList, { children: items.map((item) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n }) })] })));\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper, {\n shouldForwardProp: (prop) => prop !== 'multipleSelection' && prop !== 'groupLabel' && prop !== 'groupToggleSelection',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n const hasmultipleSelection = props.multipleSelection === 'true';\n const itemStyles = {\n height: '48px',\n padding: '0px 24px',\n };\n if (hasmultipleSelection)\n itemStyles.paddingRight = '16px';\n styles = Object.assign(Object.assign({}, styles), { boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)', '& .MuiList-root': {\n maxHeight: '240px',\n overflow: 'overlay',\n padding: '0px',\n borderRadius: '4px',\n }, '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n }, '& li > .MuiListItemIcon-root': {\n minWidth: '0px',\n marginRight: '16px',\n }, '& .MuiDivider-root': {\n marginTop: '0px',\n marginBottom: '0px',\n }, '& li.menu-select-all': {\n '& .MuiTypography-root': {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n '&:hover': {\n backgroundColor: theme.palette.onSurface.os0,\n },\n }, '& .MuiMenuItem-root': itemStyles });\n if (props.groupLabel && props.groupLabel.length > 0) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n paddingRight: '21px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n },\n '& .MuiListItemIcon-root': {\n marginRight: '0px',\n color: theme.palette.onSurface.os900,\n '& .MuiIcon-root:before': {\n position: 'relative',\n top: '-3px',\n },\n },\n '&:hover': {\n backgroundColor: `${theme.palette.background.primary}`,\n },\n } });\n }\n else if (props.multipleSelection && props.groupToggleSelection) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n } });\n }\n return styles;\n});\n//# sourceMappingURL=menu.js.map"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","ListItemIcon","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","_Fragment","Icon","name","Divider","variant","className","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}

package/components/mobileStepper/mobileStepperButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as i,Button as o}from"@mui/material";import{Icon as r}from"../icon/icon.js";const a=t=>e(s,Object.assign({variant:"text",color:"secondary",disableFocusRipple:!0,disableRipple:!0,"data-testid":"MobileStepperButton"},t)),l=i=>t(a,Object.assign({},i,{children:[i.children,e(r,{fontSize:"small",className:"arrow-right"})]})),n=i=>t(a,Object.assign({},i,{children:[e(r,{fontSize:"small",className:"arrow-left"}),i.children]})),s=i(o)((({theme:e})=>({borderRadius:"none",padding:0,display:"flex",alignItems:"center",gap:8,fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"16px",height:"auto",color:e.palette.text.primary,"&:hover":{backgroundColor:"transparent"},"& .MuiIcon-root":{fontSize:"17px",lineHeight:"19px"},"&.Mui-disabled":{color:e.palette.disabled.primary}})));export{a as MobileStepperButton,n as MobileStepperButtonBack,l as MobileStepperButtonNext};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{styled as t,Button as o}from"@mui/material";import{Icon as r}from"../icon/icon.js";import"../icon/icon.definitions.js";const a=i=>e(s,Object.assign({variant:"text",color:"secondary",disableFocusRipple:!0,disableRipple:!0,"data-testid":"MobileStepperButton"},i)),n=t=>i(a,Object.assign({},t,{children:[t.children,e(r,{fontSize:"small",className:"arrow-right"})]})),l=t=>i(a,Object.assign({},t,{children:[e(r,{fontSize:"small",className:"arrow-left"}),t.children]})),s=t(o)((({theme:e})=>({borderRadius:"none",padding:0,display:"flex",alignItems:"center",gap:8,fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"16px",height:"auto",color:e.palette.text.primary,"&:hover":{backgroundColor:"transparent"},"& .MuiIcon-root":{fontSize:"17px",lineHeight:"19px"},"&.Mui-disabled":{color:e.palette.disabled.primary}})));export{a as MobileStepperButton,l as MobileStepperButtonBack,n as MobileStepperButtonNext};
 //# sourceMappingURL=mobileStepperButton.js.map

package/components/mobileStepper/mobileStepperButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepperButton.js","sources":["../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, styled } from '@mui/material';\nimport { Icon } from '../icon';\nexport const MobileStepperButton = (props) => {\n return (_jsx(MobileStepperButtonStyled, Object.assign({ variant: \"text\", color: \"secondary\", disableFocusRipple: true, disableRipple: true, \"data-testid\": \"MobileStepperButton\" }, props)));\n};\nexport const MobileStepperButtonNext = (props) => (_jsxs(MobileStepperButton, Object.assign({}, props, { children: [props.children, _jsx(Icon, { fontSize: 'small', className: 'arrow-right' })] })));\nexport const MobileStepperButtonBack = (props) => (_jsxs(MobileStepperButton, Object.assign({}, props, { children: [_jsx(Icon, { fontSize: 'small', className: 'arrow-left' }), props.children] })));\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n borderRadius: 'none',\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n height: 'auto',\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '& .MuiIcon-root': {\n fontSize: '17px',\n lineHeight: '19px',\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n}));\n//# sourceMappingURL=mobileStepperButton.js.map"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","color","disableFocusRipple","disableRipple","MobileStepperButtonNext","_jsxs","children","Icon","fontSize","className","MobileStepperButtonBack","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","lineHeight","height","palette","text","primary","backgroundColor","disabled"],"mappings":"~~4IAGY~~,MAACA,EAAuBC,GACxBC,EAAKC,EAA2BC,OAAOC,OAAO,CAAEC,QAAS,OAAQC,MAAO,YAAaC,oBAAoB,EAAMC,eAAe,EAAM,cAAe,uBAAyBR,IAE3KS,EAA2BT,GAAWU,EAAMX,EAAqBI,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEW,SAAU,CAACX,EAAMW,SAAUV,EAAKW,EAAM,CAAEC,SAAU,QAASC,UAAW,oBAClKC,EAA2Bf,GAAWU,EAAMX,EAAqBI,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEW,SAAU,CAACV,EAAKW,EAAM,CAAEC,SAAU,QAASC,UAAW,eAAiBd,EAAMW,aAChLT,EAA4Bc,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAC7DC,aAAc,OACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZZ,SAAU,OACVa,WAAY,OACZC,OAAQ,OACRrB,MAAOY,EAAMU,QAAQC,KAAKC,QAC1B,UAAW,CACPC,gBAAiB,eAErB,kBAAmB,CACflB,SAAU,OACVa,WAAY,QAEhB,iBAAkB,CACdpB,MAAOY,EAAMU,QAAQI,SAASF"}
1	+ {"version":3,"file":"mobileStepperButton.js","sources":["../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, styled } from '@mui/material';\nimport { Icon } from '../icon';\nexport const MobileStepperButton = (props) => {\n return (_jsx(MobileStepperButtonStyled, Object.assign({ variant: \"text\", color: \"secondary\", disableFocusRipple: true, disableRipple: true, \"data-testid\": \"MobileStepperButton\" }, props)));\n};\nexport const MobileStepperButtonNext = (props) => (_jsxs(MobileStepperButton, Object.assign({}, props, { children: [props.children, _jsx(Icon, { fontSize: 'small', className: 'arrow-right' })] })));\nexport const MobileStepperButtonBack = (props) => (_jsxs(MobileStepperButton, Object.assign({}, props, { children: [_jsx(Icon, { fontSize: 'small', className: 'arrow-left' }), props.children] })));\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n borderRadius: 'none',\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n height: 'auto',\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '& .MuiIcon-root': {\n fontSize: '17px',\n lineHeight: '19px',\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n}));\n//# sourceMappingURL=mobileStepperButton.js.map"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","color","disableFocusRipple","disableRipple","MobileStepperButtonNext","_jsxs","children","Icon","fontSize","className","MobileStepperButtonBack","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","lineHeight","height","palette","text","primary","backgroundColor","disabled"],"mappings":"gLAGY,MAACA,EAAuBC,GACxBC,EAAKC,EAA2BC,OAAOC,OAAO,CAAEC,QAAS,OAAQC,MAAO,YAAaC,oBAAoB,EAAMC,eAAe,EAAM,cAAe,uBAAyBR,IAE3KS,EAA2BT,GAAWU,EAAMX,EAAqBI,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEW,SAAU,CAACX,EAAMW,SAAUV,EAAKW,EAAM,CAAEC,SAAU,QAASC,UAAW,oBAClKC,EAA2Bf,GAAWU,EAAMX,EAAqBI,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEW,SAAU,CAACV,EAAKW,EAAM,CAAEC,SAAU,QAASC,UAAW,eAAiBd,EAAMW,aAChLT,EAA4Bc,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAC7DC,aAAc,OACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZZ,SAAU,OACVa,WAAY,OACZC,OAAQ,OACRrB,MAAOY,EAAMU,QAAQC,KAAKC,QAC1B,UAAW,CACPC,gBAAiB,eAErB,kBAAmB,CACflB,SAAU,OACVa,WAAY,QAEhB,iBAAkB,CACdpB,MAAOY,EAAMU,QAAQI,SAASF"}

package/components/modal/modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{forwardRef as i,useState as n,useEffect as e,useCallback as d}from"react";import{styled as l}from"@mui/material/styles";import r from"@mui/material/Modal";import{Button as s}from"../button/button.js";import{Icon as c}from"../icon/icon.js";import{ContentDiv as m}from"./contentDiv.js";import{useTheme as p}from"@mui/material";const u=i(((i,l)=>{var{children:r,open:u,handleClose:b,onClickTopButton:h,onClickBottomButton:g,ariaLabelledby:f,ariaDescribedBy:B,firstButton:v,secondButton:C,hasCloseButton:k,size:w,firstButtonVariant:W,secondButtonVariant:F,secondButtonVisible:y,defaultButtonSection:M=!0,maxWidth:T,modalLoadedCallback:z,disableAutoFocus:V,disableEnforceFocus:j}=i,L=t(i,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus"]);const[O,D]=n(!1),[N,S]=n(!1),A=p();e((()=>{const t=window.matchMedia(`(min-width: ${A.breakpoints.values.md}px)`);S(t.matches)}),[A.breakpoints.values.md]);const E=d((()=>{if(N&&"large"===(w||"large"))return!1}),[N,w]);return a(x,Object.assign({},L,{ref:l,open:u,size:w,onClose:b,isOverFlowing:O,"aria-labelledby":f,"aria-describedby":B,compactButtons:E(),maxWidth:T,"data-testid":"Modal",disableEnforceFocus:j,disableAutoFocus:V,children:o("div",{className:"modal-container","data-testid":"Modal.container",children:[k&&a("button",{onClick:b,"data-testid":"Modal.close",children:a(c,{className:"ballotx",fontSize:"medium"})}),a(m,{setIsOverFlowing:D,className:"modal-container--content",modalLoadedCallback:z,"data-testid":"Modal.content",children:r}),M&&o("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a(s,{label:v,onClick:h,fullWidth:!0,variant:W,compact:E(),"data-testid":"Modal.button1","data-variant":W}),y&&a(s,{label:C,onClick:g,fullWidth:!0,variant:F,compact:E(),"data-testid":"Modal.button2","data-variant":F})]})]})}))})),x=l(r,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:o}=a,i=t(a,["theme"]);const n=i.compactButtons?"16px":"24px",e=i.maxWidth?i.maxWidth:"calc(100% - 40px)",d="large"===(i.size||"large"),l=i.size&&"full-width"===i.size,r=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:l?{maxWidth:e,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"overlay",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:n,boxShadow:i.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[o.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:r.maxWidth,"&--content":{marginTop:r.marginTop,padding:"0px 40px"},"&--action-buttons":{padding:r.padding,paddingBottom:n}}}}}));export{u as Modal};
+import{__rest as t}from"tslib";import{jsx as o,jsxs as a}from"react/jsx-runtime";import{forwardRef as i,useState as n,useEffect as e,useCallback as d}from"react";import{styled as l}from"@mui/material/styles";import r from"@mui/material/Modal";import{Button as s}from"../button/button.js";import{Icon as c}from"../icon/icon.js";import"../icon/icon.definitions.js";import{ContentDiv as m}from"./contentDiv.js";import{useTheme as p}from"@mui/material";const u=i(((i,l)=>{var{children:r,open:u,handleClose:b,onClickTopButton:h,onClickBottomButton:f,ariaLabelledby:g,ariaDescribedBy:B,firstButton:v,secondButton:C,hasCloseButton:k,size:w,firstButtonVariant:W,secondButtonVariant:F,secondButtonVisible:y,defaultButtonSection:M=!0,maxWidth:T,modalLoadedCallback:z,disableAutoFocus:j,disableEnforceFocus:V}=i,L=t(i,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus"]);const[O,D]=n(!1),[S,A]=n(!1),E=p();e((()=>{const t=window.matchMedia(`(min-width: ${E.breakpoints.values.md}px)`);A(t.matches)}),[E.breakpoints.values.md]);const H=d((()=>{if(S&&"large"===(w||"large"))return!1}),[S,w]);return o(x,Object.assign({},L,{ref:l,open:u,size:w,onClose:b,isOverFlowing:O,"aria-labelledby":g,"aria-describedby":B,compactButtons:H(),maxWidth:T,"data-testid":"Modal",disableEnforceFocus:V,disableAutoFocus:j,children:a("div",{className:"modal-container","data-testid":"Modal.container",children:[k&&o("button",{onClick:b,"data-testid":"Modal.close",children:o(c,{name:"close",fontSize:"medium"})}),o(m,{setIsOverFlowing:D,className:"modal-container--content",modalLoadedCallback:z,"data-testid":"Modal.content",children:r}),M&&a("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[o(s,{label:v,onClick:h,fullWidth:!0,variant:W,compact:H(),"data-testid":"Modal.button1","data-variant":W}),y&&o(s,{label:C,onClick:f,fullWidth:!0,variant:F,compact:H(),"data-testid":"Modal.button2","data-variant":F})]})]})}))})),x=l(r,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((o=>{var{theme:a}=o,i=t(o,["theme"]);const n=i.compactButtons?"16px":"24px",e=i.maxWidth?i.maxWidth:"calc(100% - 40px)",d="large"===(i.size||"large"),l=i.size&&"full-width"===i.size,r=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:l?{maxWidth:e,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"overlay",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:n,boxShadow:i.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[a.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:r.maxWidth,"&--content":{marginTop:r.marginTop,padding:"0px 40px"},"&--action-buttons":{padding:r.padding,paddingBottom:n}}}}}));export{u as Modal};
 //# sourceMappingURL=modal.js.map

package/components/modal/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiModal from '@mui/material/Modal';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ContentDiv } from './contentDiv';\nimport { useTheme } from '@mui/material';\n/*\n @description Styled SkodaFlow Modal component\n * @param props ModalProps\n * @returns React Functional Component\n /\nexport const Modal = forwardRef((_a, ref) => {\n var { children, open, handleClose, onClickTopButton, onClickBottomButton, ariaLabelledby, ariaDescribedBy, firstButton, secondButton, hasCloseButton, size, firstButtonVariant, secondButtonVariant, secondButtonVisible, defaultButtonSection = true, maxWidth, modalLoadedCallback, disableAutoFocus, disableEnforceFocus } = _a, props = __rest(_a, [\"children\", \"open\", \"handleClose\", \"onClickTopButton\", \"onClickBottomButton\", \"ariaLabelledby\", \"ariaDescribedBy\", \"firstButton\", \"secondButton\", \"hasCloseButton\", \"size\", \"firstButtonVariant\", \"secondButtonVariant\", \"secondButtonVisible\", \"defaultButtonSection\", \"maxWidth\", \"modalLoadedCallback\", \"disableAutoFocus\", \"disableEnforceFocus\"]);\n const [isOverFlowing, setIsOverFlowing] = useState(false);\n const [desktopView, setDesktopView] = useState(false);\n const theme = useTheme();\n useEffect(() => {\n const mq = window.matchMedia(`(min-width: ${theme.breakpoints.values.md}px)`);\n setDesktopView(mq.matches);\n }, [theme.breakpoints.values.md]);\n const isCompactButton = useCallback(() => {\n const isModalLarge = (size \|\| 'large') === 'large';\n if (desktopView && isModalLarge)\n return false;\n }, [desktopView, size]);\n return (_jsx(ModalStyled, Object.assign({}, props, { ref: ref, open: open, size: size, onClose: handleClose, isOverFlowing: isOverFlowing, \"aria-labelledby\": ariaLabelledby, \"aria-describedby\": ariaDescribedBy, compactButtons: isCompactButton(), maxWidth: maxWidth, \"data-testid\": \"Modal\", disableEnforceFocus: disableEnforceFocus, disableAutoFocus: disableAutoFocus, children: _jsxs(\"div\", { className: \"modal-container\", \"data-testid\": \"Modal.container\", children: [hasCloseButton && (_jsx(\"button\", { onClick: handleClose, \"data-testid\": \"Modal.close\", children: _jsx(Icon, { ~~className~~: \"~~ballotx~~\", fontSize: \"medium\" }) })), _jsx(ContentDiv, { setIsOverFlowing: setIsOverFlowing, className: \"modal-container--content\", modalLoadedCallback: modalLoadedCallback, \"data-testid\": \"Modal.content\", children: children }), defaultButtonSection && (_jsxs(\"div\", { className: \"modal-container--action-buttons\", \"data-testid\": \"Modal.buttons\", children: [_jsx(Button, { label: firstButton, onClick: onClickTopButton, fullWidth: true, variant: firstButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button1\", \"data-variant\": firstButtonVariant }), secondButtonVisible && (_jsx(Button, { label: secondButton, onClick: onClickBottomButton, fullWidth: true, variant: secondButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button2\", \"data-variant\": secondButtonVariant }))] }))] }) })));\n});\n/\n @description Modal styling definition\n */\nconst ModalStyled = styled(MuiModal, {\n shouldForwardProp: (prop) => prop !== 'compactButtons' && prop !== 'isOverFlowing' && prop !== 'maxWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const bottomButtonPadding = args.compactButtons ? '16px' : '24px';\n const smallModalWidth = '408px';\n const largeModalWidth = '624px';\n const fullWidthModal = args.maxWidth ? args.maxWidth : 'calc(100% - 40px)';\n const isModalLarge = (args.size \|\| 'large') === 'large';\n const isModalFullWidth = args.size && args.size === 'full-width';\n const sizeBasedStyles = isModalLarge\n ? { maxWidth: largeModalWidth, marginTop: '40px', padding: '40px' }\n : isModalFullWidth\n ? { maxWidth: fullWidthModal, marginTop: '40px', padding: '40px' }\n : {\n maxWidth: smallModalWidth,\n marginTop: '48px',\n padding: '24px 40px 40px 40px',\n };\n return {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 64px)',\n minHeight: '300px',\n display: 'flex',\n flexDirection: 'column',\n '&--content': {\n overflowX: 'hidden',\n overflowY: 'overlay',\n marginTop: '48px',\n padding: '0px 24px',\n },\n '&--action-buttons': {\n padding: '32px 24px',\n paddingBottom: bottomButtonPadding,\n boxShadow: args.isOverFlowing ? '0px 0px 32px rgba(0, 0, 0, 0.15)' : null,\n 'div:first-of-type': {\n marginBottom: '15px',\n },\n },\n },\n [theme.breakpoints.up('md')]: {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 160px)',\n margin: '0px',\n width: '100%',\n maxWidth: sizeBasedStyles.maxWidth,\n '&--content': {\n marginTop: sizeBasedStyles.marginTop,\n padding: '0px 40px',\n },\n '&--action-buttons': {\n padding: sizeBasedStyles.padding,\n paddingBottom: bottomButtonPadding,\n },\n },\n },\n };\n});\n//# sourceMappingURL=modal.js.map"],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","className","onClick","Icon","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"~~6ZAcY~~,MAACA,EAAQC,GAAW,CAACC,EAAIC,KACjC,IAAIC,SAAEA,EAAQC,KAAEA,EAAIC,YAAEA,EAAWC,iBAAEA,EAAgBC,oBAAEA,EAAmBC,eAAEA,EAAcC,gBAAEA,EAAeC,YAAEA,EAAWC,aAAEA,EAAYC,eAAEA,EAAcC,KAAEA,EAAIC,mBAAEA,EAAkBC,oBAAEA,EAAmBC,oBAAEA,EAAmBC,qBAAEA,GAAuB,EAAIC,SAAEA,EAAQC,oBAAEA,EAAmBC,iBAAEA,EAAgBC,oBAAEA,GAAwBpB,EAAIqB,EAAQC,EAAOtB,EAAI,CAAC,WAAY,OAAQ,cAAe,mBAAoB,sBAAuB,iBAAkB,kBAAmB,cAAe,eAAgB,iBAAkB,OAAQ,qBAAsB,sBAAuB,sBAAuB,uBAAwB,WAAY,sBAAuB,mBAAoB,wBACvpB,MAAOuB,EAAeC,GAAoBC,GAAS,IAC5CC,EAAaC,GAAkBF,GAAS,GACzCG,EAAQC,IACdC,GAAU,KACN,MAAMC,EAAKC,OAAOC,WAAW,eAAeL,EAAMM,YAAYC,OAAOC,SACrET,EAAeI,EAAGM,QAAQ,GAC3B,CAACT,EAAMM,YAAYC,OAAOC,KAC7B,MAAME,EAAkBC,GAAY,KAEhC,GAAIb,GADuC,WAArBd,GAAQ,SAE1B,OAAO,CAAK,GACjB,CAACc,EAAad,IACjB,OAAQ4B,EAAKC,EAAaC,OAAOC,OAAO,CAAE,EAAEtB,EAAO,CAAEpB,IAAKA,EAAKE,KAAMA,EAAMS,KAAMA,EAAMgC,QAASxC,EAAamB,cAAeA,EAAe,kBAAmBhB,EAAgB,mBAAoBC,EAAiBqC,eAAgBP,IAAmBrB,SAAUA,EAAU,cAAe,QAASG,oBAAqBA,EAAqBD,iBAAkBA,EAAkBjB,SAAU4C,EAAM,MAAO,CAAEC,UAAW,kBAAmB,cAAe,kBAAmB7C,SAAU,CAACS,GAAmB6B,EAAK,SAAU,CAAEQ,QAAS5C,EAAa,cAAe,cAAeF,SAAUsC,EAAKS,EAAM,~~CAAEF~~,~~UAAW~~,~~UAAWG~~,SAAU,~~aAAiBV~~,~~EAAKW~~,EAAY,~~CAAE3B~~,iBAAkBA,EAAkBuB,UAAW,2BAA4B7B,oBAAqBA,EAAqB,cAAe,gBAAiBhB,SAAUA,IAAac,GAAyB8B,EAAM,MAAO,CAAEC,UAAW,kCAAmC,cAAe,gBAAiB7C,SAAU,CAACsC,~~EAAKY~~,EAAQ,CAAEC,~~MAAO5C~~,EAAauC,QAAS3C,~~EAAkBiD~~,WAAW,EAAMC,~~QAAS1C~~,~~EAAoB2C~~,~~QAASlB~~,IAAmB,cAAe,gBAAiB,eAAgBzB,IAAuBE,GAAwByB,~~EAAKY~~,EAAQ,CAAEC,~~MAAO3C~~,EAAcsC,QAAS1C,~~EAAqBgD~~,WAAW,EAAMC,~~QAASzC~~,~~EAAqB0C~~,~~QAASlB~~,IAAmB,cAAe,gBAAiB,eAAgBxB,YAAsC,~~IAK53C2B~~,~~EAAcgB~~,EAAOC,EAAU,CACjCC,kBAAoBC,GAAkB,mBAATA,GAAsC,kBAATA,GAAqC,aAATA,GADtEH,~~EAEhBzD~~,IACA,IAAI4B,MAAEA,GAAU5B,~~EAAI6D~~,~~EAAOvC~~,EAAOtB,EAAI,CAAC,UACvC,~~MAAM8D~~,EAAsBD,~~EAAKhB~~,eAAiB,OAAS,~~OAGrDkB~~,EAAiBF,~~EAAK5C~~,~~SAAW4C~~,~~EAAK5C~~,SAAW,~~oBACjD+C~~,EAA0C,WAA1BH,~~EAAKjD~~,MAAQ,~~SAC7BqD~~,EAAmBJ,~~EAAKjD~~,MAAsB,~~eAAdiD~~,~~EAAKjD~~,~~KACrCsD~~,EAAkBF,EAClB,~~CAAE/C~~,SALgB,~~QAKWkD~~,UAAW,OAAQC,QAAS,QACzDH,EACI,~~CAAEhD~~,~~SAAU8C~~,EAAgBI,UAAW,OAAQC,QAAS,QACxD,~~CACEnD~~,SAVY,~~QAWZkD~~,UAAW,OACXC,QAAS,uBAErB,MAAO,CACH,qBAAsB,CAClBC,UAAW,qBACXC,UAAW,QACXC,QAAS,OACTC,cAAe,SACf,aAAc,CACVC,UAAW,SACXC,UAAW,UACXP,UAAW,OACXC,QAAS,YAEb,oBAAqB,CACjBA,QAAS,YACTO,cAAeb,EACfc,UAAWf,~~EAAKtC~~,cAAgB,mCAAqC,KACrE,oBAAqB,~~CACjBsD~~,aAAc,UAI1B,~~CAACjD~~,EAAMM,~~YAAY4C~~,GAAG,OAAQ,CAC1B,qBAAsB,CAClBT,UAAW,sBACXU,OAAQ,MACRC,MAAO,~~OACP/D~~,~~SAAUiD~~,~~EAAgBjD~~,SAC1B,aAAc,~~CACVkD~~,UAAWD,EAAgBC,UAC3BC,QAAS,YAEb,oBAAqB,CACjBA,QAASF,EAAgBE,QACzBO,cAAeb,KAI9B"}
1	+ {"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiModal from '@mui/material/Modal';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ContentDiv } from './contentDiv';\nimport { useTheme } from '@mui/material';\n/*\n @description Styled SkodaFlow Modal component\n * @param props ModalProps\n * @returns React Functional Component\n /\nexport const Modal = forwardRef((_a, ref) => {\n var { children, open, handleClose, onClickTopButton, onClickBottomButton, ariaLabelledby, ariaDescribedBy, firstButton, secondButton, hasCloseButton, size, firstButtonVariant, secondButtonVariant, secondButtonVisible, defaultButtonSection = true, maxWidth, modalLoadedCallback, disableAutoFocus, disableEnforceFocus } = _a, props = __rest(_a, [\"children\", \"open\", \"handleClose\", \"onClickTopButton\", \"onClickBottomButton\", \"ariaLabelledby\", \"ariaDescribedBy\", \"firstButton\", \"secondButton\", \"hasCloseButton\", \"size\", \"firstButtonVariant\", \"secondButtonVariant\", \"secondButtonVisible\", \"defaultButtonSection\", \"maxWidth\", \"modalLoadedCallback\", \"disableAutoFocus\", \"disableEnforceFocus\"]);\n const [isOverFlowing, setIsOverFlowing] = useState(false);\n const [desktopView, setDesktopView] = useState(false);\n const theme = useTheme();\n useEffect(() => {\n const mq = window.matchMedia(`(min-width: ${theme.breakpoints.values.md}px)`);\n setDesktopView(mq.matches);\n }, [theme.breakpoints.values.md]);\n const isCompactButton = useCallback(() => {\n const isModalLarge = (size \|\| 'large') === 'large';\n if (desktopView && isModalLarge)\n return false;\n }, [desktopView, size]);\n return (_jsx(ModalStyled, Object.assign({}, props, { ref: ref, open: open, size: size, onClose: handleClose, isOverFlowing: isOverFlowing, \"aria-labelledby\": ariaLabelledby, \"aria-describedby\": ariaDescribedBy, compactButtons: isCompactButton(), maxWidth: maxWidth, \"data-testid\": \"Modal\", disableEnforceFocus: disableEnforceFocus, disableAutoFocus: disableAutoFocus, children: _jsxs(\"div\", { className: \"modal-container\", \"data-testid\": \"Modal.container\", children: [hasCloseButton && (_jsx(\"button\", { onClick: handleClose, \"data-testid\": \"Modal.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"medium\" }) })), _jsx(ContentDiv, { setIsOverFlowing: setIsOverFlowing, className: \"modal-container--content\", modalLoadedCallback: modalLoadedCallback, \"data-testid\": \"Modal.content\", children: children }), defaultButtonSection && (_jsxs(\"div\", { className: \"modal-container--action-buttons\", \"data-testid\": \"Modal.buttons\", children: [_jsx(Button, { label: firstButton, onClick: onClickTopButton, fullWidth: true, variant: firstButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button1\", \"data-variant\": firstButtonVariant }), secondButtonVisible && (_jsx(Button, { label: secondButton, onClick: onClickBottomButton, fullWidth: true, variant: secondButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button2\", \"data-variant\": secondButtonVariant }))] }))] }) })));\n});\n/\n @description Modal styling definition\n */\nconst ModalStyled = styled(MuiModal, {\n shouldForwardProp: (prop) => prop !== 'compactButtons' && prop !== 'isOverFlowing' && prop !== 'maxWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const bottomButtonPadding = args.compactButtons ? '16px' : '24px';\n const smallModalWidth = '408px';\n const largeModalWidth = '624px';\n const fullWidthModal = args.maxWidth ? args.maxWidth : 'calc(100% - 40px)';\n const isModalLarge = (args.size \|\| 'large') === 'large';\n const isModalFullWidth = args.size && args.size === 'full-width';\n const sizeBasedStyles = isModalLarge\n ? { maxWidth: largeModalWidth, marginTop: '40px', padding: '40px' }\n : isModalFullWidth\n ? { maxWidth: fullWidthModal, marginTop: '40px', padding: '40px' }\n : {\n maxWidth: smallModalWidth,\n marginTop: '48px',\n padding: '24px 40px 40px 40px',\n };\n return {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 64px)',\n minHeight: '300px',\n display: 'flex',\n flexDirection: 'column',\n '&--content': {\n overflowX: 'hidden',\n overflowY: 'overlay',\n marginTop: '48px',\n padding: '0px 24px',\n },\n '&--action-buttons': {\n padding: '32px 24px',\n paddingBottom: bottomButtonPadding,\n boxShadow: args.isOverFlowing ? '0px 0px 32px rgba(0, 0, 0, 0.15)' : null,\n 'div:first-of-type': {\n marginBottom: '15px',\n },\n },\n },\n [theme.breakpoints.up('md')]: {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 160px)',\n margin: '0px',\n width: '100%',\n maxWidth: sizeBasedStyles.maxWidth,\n '&--content': {\n marginTop: sizeBasedStyles.marginTop,\n padding: '0px 40px',\n },\n '&--action-buttons': {\n padding: sizeBasedStyles.padding,\n paddingBottom: bottomButtonPadding,\n },\n },\n },\n };\n});\n//# sourceMappingURL=modal.js.map"],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","className","onClick","Icon","name","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"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"}

package/components/pagination/pagination.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"@mui/material/Pagination";import a from"@mui/material/PaginationItem";import r from"@mui/material/TextField";import{styled as l}from"@mui/material/styles";import{forwardRef as s,useState as p,useEffect as d,useCallback as m}from"react";import{flowColors as c}from"../../design/skoda/palette.theme.js";import{ternaryCondition as u}from"../../utils/utilities.js";import{IconButton as h}from"../iconButton/index.js";import{Icon as f}from"../icon/icon.js";const x=(e,t)=>""===e||"number"==typeof e&&e-1>0&&e+1<=t||"number"==typeof parseInt(e)&&parseInt(e)>0&&parseInt(e)<=t,g=(e,n,o,a,r,l)=>t(h,{variant:"standard",onClick:n,disabled:o,children:["forward"===a&&!r&&l,i(f,{className:e}),"back"===a&&!r&&l]}),b=s(((l,s)=>{var{count:c,isDisabled:h,page:b,prevButtonLabel:B,nextButtonLabel:y,defaultPage:w,hideNextButton:I,hidePrevButton:L,hideFirstButton:N,hideLastButton:j,hideLabels:C,onValueChange:k}=l,P=e(l,["count","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange"]);const z=w||1,[M,S]=p(z),[V,W]=p(!0),[D,F]=p();d((()=>{M&&k&&k(M)}),[M,k]),d((()=>{V?W(!1):b&&!h&&S(b)}),[h,V,b]);const O=m(((e,t)=>{S(t)}),[]);return t(v,{"data-testid":"Pagination-wrapper",children:[i(o,Object.assign({className:"desktopView"},P,{shape:"rounded",count:c,disabled:h,page:M,hideNextButton:I,hidePrevButton:L,showFirstButton:!N,showLastButton:!j,ref:s,onChange:O,renderItem:e=>i(a,Object.assign({className:u(L,!1,"MuiPagination-prev",""),components:{first:()=>i(f,{className:"play-previous",fontSize:"small"}),last:()=>i(f,{className:"play-next",fontSize:"small"}),previous:()=>t(n,{children:[i(f,{className:"cehvron-left",fontSize:"small"}),i(n,{children:B})]}),next:()=>t(n,{children:[i(n,{children:y}),i(f,{className:"chevron-right",fontSize:"small"})]})}},e))}))," ",i("div",{style:{display:"flex",flexDirection:"column"},className:"mobileView "+(h?"paginationDisabled":""),children:t("div",{className:"mobileContainer",children:[g("chevron-previous",(()=>x(M-1,c)&&S(1)),!x(M-1,c)),g("cehvron-left",(()=>x(M-1,c)&&S(M-1)),!x(M-1,c),"back",C,B),i(r,{className:"textFieldContainer",value:M,inputProps:{inputMode:"numeric",pattern:`[1-${c}]*`},onChange:e=>(e=>{""===e&&(F(M),S(e));const t=parseInt(e);"number"==typeof t&&x(t,c)&&(F(t),S(t))})(e.target.value),onBlur:()=>""===M&&S(D)}),g("chevron-right",(()=>x(M+1,c)&&S(M+1)),!x(M+1,c),"forward",C,y),g("chevron-next",(()=>x(M+1,c)&&S(c)),!x(M+1,c))]})})]})})),v=l("div")((({theme:e})=>{let t={};const i={alignItems:"center",display:"flex",justifyContent:"center",width:"100%"};return t={[e.breakpoints.up("md")]:{"& .mobileView":{display:"none!important"}},[e.breakpoints.down("md")]:{"& .desktopView":{display:"none!important"}},"& .desktopView":{"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"}},"& .mobileView":Object.assign(Object.assign({},i),{flexDirection:"column",flexWrap:"nowrap","& .mobileContainer":Object.assign(Object.assign({},i),{flexWrap:"nowrap"}),"& .textFieldContainer":{height:"36px",margin:"0 34px","& input, fieldset":{backgroundColor:c.transparent.primary,border:0,borderRadius:"4px",fontSize:"16px",fontWeight:"400",height:"36px",lineHeight:"36px",minWidth:"44px",maxWidth:"50px",padding:"0 4px",textAlign:"center",color:c.text.primary},"& fieldset":{visibility:"hidden"},"& div":{"&::before":{borderBottom:0},"&::after":{borderBottom:0}}},"& .controllerContainer":{"& .arrowLabel":{color:c.text.primary,fontSize:"16px",fontWeight:"400",lineHeight:"16px"},"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"},"& .MuiIcon-root":{fontSize:"16px",width:"20px",height:"20px"}},"& .counter_label":{color:c.text.primary,fontSize:"12px",fontWeight:"400",lineHeight:"24px",marginTop:"4px"},"&.paginationDisabled":{pointerEvents:"none","& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset":{color:c.disabled.primary}}})},t}));export{b as Pagination};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"@mui/material/Pagination";import r from"@mui/material/PaginationItem";import a from"@mui/material/TextField";import{styled as l}from"@mui/material/styles";import{forwardRef as s,useState as p,useEffect as d,useCallback as m}from"react";import{flowColors as u}from"../../design/skoda/palette.theme.js";import{ternaryCondition as c}from"../../utils/utilities.js";import{IconButton as h}from"../iconButton/index.js";import{Icon as f}from"../icon/icon.js";import"../icon/icon.definitions.js";const x=(e,t)=>""===e||"number"==typeof e&&e-1>0&&e+1<=t||"number"==typeof parseInt(e)&&parseInt(e)>0&&parseInt(e)<=t,g=(e,n,o,r,a,l)=>t(h,{variant:"standard",onClick:n,disabled:o,children:["forward"===r&&!a&&l,i(f,{name:e}),"back"===r&&!a&&l]}),b=s(((l,s)=>{var{count:u,isDisabled:h,page:b,prevButtonLabel:B,nextButtonLabel:y,defaultPage:w,hideNextButton:j,hidePrevButton:I,hideFirstButton:L,hideLastButton:C,hideLabels:k,onValueChange:P}=l,z=e(l,["count","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange"]);const M=w||1,[N,S]=p(M),[V,W]=p(!0),[D,F]=p();d((()=>{N&&P&&P(N)}),[N,P]),d((()=>{V?W(!1):b&&!h&&S(b)}),[h,V,b]);const O=m(((e,t)=>{S(t)}),[]);return t(v,{"data-testid":"Pagination-wrapper",children:[i(o,Object.assign({className:"desktopView"},z,{shape:"rounded",count:u,disabled:h,page:N,hideNextButton:j,hidePrevButton:I,showFirstButton:!L,showLastButton:!C,ref:s,onChange:O,renderItem:e=>i(r,Object.assign({className:c(I,!1,"MuiPagination-prev",""),components:{first:()=>i(f,{name:"previous",fontSize:"small"}),last:()=>i(f,{name:"next",fontSize:"small"}),previous:()=>t(n,{children:[i(f,{name:"chevron-left",fontSize:"small"}),i(n,{children:B})]}),next:()=>t(n,{children:[i(n,{children:y}),i(f,{name:"chevron-right",fontSize:"small"})]})}},e))}))," ",i("div",{style:{display:"flex",flexDirection:"column"},className:"mobileView "+(h?"paginationDisabled":""),children:t("div",{className:"mobileContainer",children:[g("chevron-previous",(()=>x(N-1,u)&&S(1)),!x(N-1,u)),g("chevron-left",(()=>x(N-1,u)&&S(N-1)),!x(N-1,u),"back",k,B),i(a,{className:"textFieldContainer",value:N,inputProps:{inputMode:"numeric",pattern:`[1-${u}]*`},onChange:e=>(e=>{""===e&&(F(N),S(e));const t=parseInt(e);"number"==typeof t&&x(t,u)&&(F(t),S(t))})(e.target.value),onBlur:()=>""===N&&S(D)}),g("chevron-right",(()=>x(N+1,u)&&S(N+1)),!x(N+1,u),"forward",k,y),g("chevron-next",(()=>x(N+1,u)&&S(u)),!x(N+1,u))]})})]})})),v=l("div")((({theme:e})=>{let t={};const i={alignItems:"center",display:"flex",justifyContent:"center",width:"100%"};return t={[e.breakpoints.up("md")]:{"& .mobileView":{display:"none!important"}},[e.breakpoints.down("md")]:{"& .desktopView":{display:"none!important"}},"& .desktopView":{"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"}},"& .mobileView":Object.assign(Object.assign({},i),{flexDirection:"column",flexWrap:"nowrap","& .mobileContainer":Object.assign(Object.assign({},i),{flexWrap:"nowrap"}),"& .textFieldContainer":{height:"36px",margin:"0 34px","& input, fieldset":{backgroundColor:u.transparent.primary,border:0,borderRadius:"4px",fontSize:"16px",fontWeight:"400",height:"36px",lineHeight:"36px",minWidth:"44px",maxWidth:"50px",padding:"0 4px",textAlign:"center",color:u.text.primary},"& fieldset":{visibility:"hidden"},"& div":{"&::before":{borderBottom:0},"&::after":{borderBottom:0}}},"& .controllerContainer":{"& .arrowLabel":{color:u.text.primary,fontSize:"16px",fontWeight:"400",lineHeight:"16px"},"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"},"& .MuiIcon-root":{fontSize:"16px",width:"20px",height:"20px"}},"& .counter_label":{color:u.text.primary,fontSize:"12px",fontWeight:"400",lineHeight:"24px",marginTop:"4px"},"&.paginationDisabled":{pointerEvents:"none","& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset":{color:u.disabled.primary}}})},t}));export{b as Pagination};
 //# sourceMappingURL=pagination.js.map