npm - @skodaflow/web-library - Versions diffs - 7.16.1 → 8.0.0 - Mend

@skodaflow/web-library 7.16.1 → 8.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 (1875) hide show

package/components/common/textInputHelperText.d.ts DELETED Viewed

@@ -1,29 +0,0 @@
-export interface HelperTextProps {
-    /**
-     * Disabled, not clickable
-     */
-    disabled?: boolean;
-    /**
-     * The value of the helper text
-     */
-    helpText?: string;
-    /**
-     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
-     */
-    maxChars?: number;
-    /**
-     *Boolean to check if the input returns an error or not
-     */
-    hasError?: boolean;
-    /**
-     * Current value of the helper text.
-     */
-    currentValue: string;
-    /**
-     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
-     */
-    type?: 'number' | 'text';
-    width?: string;
-}
-declare const TextInputHelperText: ({ disabled, hasError, helpText, maxChars, currentValue, type, width, }: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
-export default TextInputHelperText;

package/components/controls/controls.d.ts DELETED Viewed

@@ -1,38 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';
-import { IconNameProp } from '../icon';
-export interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
-    controlVariant?: ControlVariant;
-    /**
-     *  The color of control: white or black, default is white.
-     */
-    controllerColor?: DarkLightOptions;
-    /**
-     *  Icons style: regular or filled, default is regular.
-     */
-    iconStyle?: IconsStyle;
-    /**
-     *  Icons fontSize:
-     */
-    iconFontSize?: ControllerSize;
-    /**
-     *  Type of controls: next, previous, play, pause.
-     */
-    controlType?: IconNameProp;
-    /**
-     *  If true, the control is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     *  callback function on click
-     */
-    onClickCallback?: (payload: any) => void;
-    customHeight?: string;
-}
-/**
- * @description SkodaFlow Controls component.
- * Properties are inherited from HTML Button Attribetes element.
- * @param props ControlsProps
- * @returns React Functional Component
- */
-export declare const Controller: React.ForwardRefExoticComponent<ControlsProps & React.RefAttributes<HTMLDivElement>>;

package/components/controls/controls.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as e,useRef as l,useCallback as n,useEffect as r}from"react";import{styled as c}from"@mui/material";import{Icon as t}from"../icon/Icon.js";import"../icon/FlowIcon.js";import"../icon/icon.definitions.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/AISuggestionFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryDischargeFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryHighVoltageFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BicycleFilledIcon.js";import"../icon/filled/BoltDischargeFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BoltOffFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarAccidentFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSendFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DealershipServiceFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FuelSavingsFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PercentageFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TripCyclicFilledIcon.js";import"../icon/filled/TripLongTermFilledIcon.js";import"../icon/filled/TripSingleFilledIcon.js";import"../icon/filled/TrophyFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreRepairFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WallboxFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/AISuggestionIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryHighVoltageIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryDischargeIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BicycleIcon.js";import"../icon/stroke/BoltDischargeIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BoltOffIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarAccidentIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSendIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DealershipServiceIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FuelSavingsIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PercentageIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TripCyclicIcon.js";import"../icon/stroke/TripLongTermIcon.js";import"../icon/stroke/TripSingleIcon.js";import"../icon/stroke/TrophyIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreRepairIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WallboxIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import{ternaryCondition as s}from"../../utils/utilities.js";const p=e((e,c)=>{var s=o(e,[]);const p=l(null),m=n(o=>{s.onClickCallback&&!s.isDisabled&&s.onClickCallback(o)},[s]);return r(()=>{p.current.addEventListener("mousedown",o=>{o.preventDefault()})},[p]),i(d,Object.assign({},s,{ref:c,onClick:()=>m(s.controlType),children:i("button",{ref:p,children:i(t,{fontSize:s.iconFontSize,name:s.controlType,iconStyle:s.iconStyle})})}))}),d=c("div",{shouldForwardProp:o=>"controlType"!==o&&"controllerColor"!==o&&"iconStyle"!==o&&"iconFontSize"!==o&&"controlVariant"!==o&&"onClickCallback"!==o&&"isDisabled"!==o&&"customHeight"!==o})(i=>{var{theme:e}=i,l=o(i,["theme"]);const n=s(l.controllerColor,"light",e.palette.surface.tertiary,e.palette.text.primary);let r={};const c=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:s(l.iconFontSize,"small","34px","42px"),height:s(l.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:s(l.controlVariant,"standard",0,`2px solid ${n}`),cursor:"pointer","& .MuiIcon-root":{color:s(l.controllerColor,"light",e.palette.surface.tertiary,e.palette.text.primary),fontSize:s(l.iconFontSize,"small","18px","24px")},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:e.palette.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:s(l.controllerColor,"light",`2px solid ${e.palette.surface.tertiary}`,`2px solid ${e.palette.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return r=Object.assign(Object.assign({},r),{height:(l.customHeight?l.customHeight:"100%")+"!important","& button":Object.assign({},c)}),l.isDisabled&&(r=Object.assign(Object.assign({},r),{"& button":Object.assign(Object.assign({},c),{borderColor:e.palette.disabled.primary,cursor:"default",outline:s(l.controlVariant,"standard",0,`2px solid ${e.palette.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:e.palette.disabled.primary,fontSize:s(l.iconFontSize,"small","18px","24px")}})})),r});export{p as Controller};
2	- //# sourceMappingURL=controls.js.map

package/components/controls/controls.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n /*\n * the control's variant, can be standard or outline, default is standard\n */\n controlVariant?: ControlVariant;\n /**\n * The color of control: white or black, default is white.\n */\n controllerColor?: DarkLightOptions;\n /**\n * Icons style: regular or filled, default is regular.\n */\n iconStyle?: IconsStyle;\n /**\n * Icons fontSize:\n */\n iconFontSize?: ControllerSize;\n /**\n * Type of controls: next, previous, play, pause.\n */\n controlType?: IconNameProp;\n /**\n * If true, the control is disabled.\n */\n isDisabled?: boolean;\n /**\n * callback function on click\n */\n onClickCallback?: (payload: any) => void;\n /*\n * if needed, it's possible to specify a custom height value\n */\n customHeight?: string;\n}\n\n/**\n * @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n */\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n const btnRef = useRef(null);\n\n const handleOnClick = useCallback(\n (e: any) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n },\n [props],\n );\n\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n\n return (\n <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n <button ref={btnRef}>\n <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n </button>\n </ControlStyled>\n );\n});\n\n/**\n * @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) =>\n prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n const controlsColor = ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n );\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = {\n ...flexDisplay,\n width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n borderRadius: '50%',\n backgroundColor: 'transparent',\n border: 'none',\n position: 'relative',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n cursor: 'pointer',\n '& .MuiIcon-root': {\n color: ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n ),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n '&:active': {\n transform: 'scale(0.95)',\n },\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(\n args.controllerColor,\n 'light',\n `2px solid ${theme.palette.surface.tertiary}`,\n `2px solid ${theme.palette.text.primary}`,\n ),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n },\n };\n styles = {\n ...styles,\n height: (args.customHeight ? args.customHeight : '100%') + '!important',\n '& button': {\n ...buttonSlyle,\n },\n };\n if (args.isDisabled) {\n styles = {\n ...styles,\n '& button': {\n ...buttonSlyle,\n borderColor: theme.palette.disabled.primary,\n cursor: 'default',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n '&:active': {\n transform: 'scale(1)',\n },\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n '&:after': {\n content: 'none',\n },\n },\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n },\n };\n }\n return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"gg+BAgDO,MAAMA,EAAaC,EAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,MAAMI,EAASC,EAAO,MAEhBC,EAAgBC,EACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,IAEtE,CAACN,IASH,OANAS,EAAU,KACRP,EAAOQ,QAAQC,iBAAiB,YAAcL,IAC5CA,EAAEM,oBAEH,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,EAAK,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAYC,SACjFN,EAAA,SAAA,CAAQd,IAAKG,EAAMiB,SACjBN,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,mBAShFV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,CAUiB3B,IAAA,IAAA8B,MAAEA,GAAK9B,EAAK+B,EAAI5B,EAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACT,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB"}

package/components/controls/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './controls';

package/components/customPickersActionBar/index.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import { PickersActionBarProps } from '@mui/x-date-pickers';
2	- export declare const CustomPickersActionBar: (props: PickersActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/components/customPickersActionBar/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as n}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{DialogActions as o,Stack as r,Button as c}from"@mui/material";import{usePickersTranslations as i}from"@mui/x-date-pickers";const l=l=>{const{actions:a,onAccept:d,onCancel:m,onClear:s,onSetToday:u}=l,p=n(l,["actions","onAccept","onCancel","onClear","onSetToday"]),h=i();return(null==a?void 0:a.length)?t(o,Object.assign({},p,{children:e(r,{direction:"row",justifyContent:"space-between",children:[e(r,{direction:"row",children:[a.includes("clear")&&t(c,{variant:"text",color:"primary",onClick:s,children:h.clearButtonLabel}),a.includes("today")&&t(c,{variant:"text",color:"primary",onClick:u,children:h.todayButtonLabel})]}),e(r,{direction:"row",children:[a.includes("cancel")&&t(c,{variant:"text",color:"primary",onClick:m,children:h.cancelButtonLabel}),a.includes("accept")&&t(c,{variant:"text",color:"primary",onClick:d,children:h.okButtonLabel})]})]})})):null};export{l as CustomPickersActionBar};
2	- //# sourceMappingURL=index.js.map

package/components/customPickersActionBar/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"mNAGO,MAAMA,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,aAAO,EAAPA,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,EAAK,CAAAS,SACtBC,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,EAAK,CAACC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAAUU,SACvDP,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,MAAKH,SAAA,CACnBd,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAAQY,SACrDP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAAQa,SACrDP,EAAWoB,yBAzBK"}

package/components/drawer/drawer.d.ts DELETED Viewed

@@ -1,14 +0,0 @@
-import { DrawerProps as MuiDrawerProps } from '@mui/material';
-export interface DrawerProps extends MuiDrawerProps {
-    /**
-     * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}
-     * If true the borders are rounded.
-     */
-    hasRoundedBorders?: boolean;
-    /**
-     * @deprecated use onClose instead
-     * Callback required when the drawer is closed.
-     */
-    handleClose?: (state: boolean) => void;
-}
-export declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;

package/components/drawer/drawer.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useTheme as t,Drawer as e}from"@mui/material";const d={bottom:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"},top:{borderBottomLeftRadius:"16px",borderBottomRightRadius:"16px"},left:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"},right:{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}},s=s=>{const{handleClose:i,hasRoundedBorders:a,anchor:p}=s,n=o(s,["handleClose","hasRoundedBorders","anchor"]),m=t();return r(e,Object.assign({dir:m.direction,onClose:i,PaperProps:{sx:Object.assign({},a&&d[p])},anchor:p},n))};export{s as Drawer};
2	- //# sourceMappingURL=drawer.js.map

package/components/drawer/drawer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n /**\n * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n * If true the borders are rounded.\n */\n hasRoundedBorders?: boolean;\n /**\n * @deprecated use onClose instead\n * Callback required when the drawer is closed.\n */\n handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n const theme = useTheme();\n\n return (\n <MuiDrawer\n dir={theme.direction}\n onClose={handleClose}\n PaperProps={{\n sx: {\n ...(hasRoundedBorders && bordersByAnchors[anchor]),\n },\n }}\n anchor={anchor}\n {...rest}\n />\n );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAAIC,EAAKL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC"}

package/components/drawer/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './drawer';

package/components/flag/flag.d.ts DELETED Viewed

@@ -1,32 +0,0 @@
-import React from 'react';
-import * as Flags from 'country-flag-icons/react/3x2';
-import { BoxProps } from '@mui/material';
-export interface FlagProps extends Omit<BoxProps, 'component'> {
-    /**
-     * Defines which flag to use.
-     */
-    flag: keyof typeof Flags;
-    /**
-     * The size of the flag
-     * @default small
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The width of the flag
-     */
-    width?: number;
-    /**
-     * Variants
-     * @default circle
-     */
-    variant?: '3x2' | 'circle' | 'square';
-    /**
-     * Disabled state
-     * @default false
-     */
-    disabled?: boolean;
-}
-/**
- * Renders country flag icon
- */
-export declare const Flag: React.FC<FlagProps>;

package/components/flag/flag.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";importas a from"country-flag-icons/react/3x2";importas s from"country-flag-icons/react/1x1";import{Box as c}from"@mui/material";const o=t((t,o)=>{var{flag:l,sx:n,width:d,size:m="small",variant:u="circle",disabled:f=!1}=t,b=r(t,["flag","sx","width","size","variant","disabled"]);const g=i(()=>{switch(m){case"small":return 24;case"medium":return 44;case"large":return 56;default:return null!=d?d:24}},[m,d]);return e(c,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(u)?s:a)[l]\|\|"div",sx:Object.assign(Object.assign(Object.assign({width:`${g}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500"},["circle","square"].includes(u)&&Object.assign({height:`${g}px`},"circle"===u?{borderRadius:`${g}px`}:{})),f&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}),n),ref:o},b))});export{o as Flag};
2	- //# sourceMappingURL=flag.js.map

package/components/flag/flag.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n /**\n * Defines which flag to use.\n */\n flag: keyof typeof Flags;\n /**\n * The size of the flag\n * @default small\n */\n size?: 'small' | 'medium' | 'large';\n /**\n * The width of the flag\n */\n width?: number;\n /**\n * Variants\n * @default circle\n */\n variant?: '3x2' | 'circle' | 'square';\n /**\n * Disabled state\n * @default false\n */\n disabled?: boolean;\n}\n\n/**\n * Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] || 'div'}\n sx={{\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n ...sx,\n }}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"yPAkCO,MAAMA,EAA4BC,EACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAIC,EAAAV,EAA3F,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,EAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,KAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAAQO,OAAAC,OAAA,CACxCQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ"}

package/components/formMessage/formMessage.d.ts DELETED Viewed

@@ -1,26 +0,0 @@
-import { BoxProps, SvgIconProps, TypographyProps } from '@mui/material';
-import React, { ElementType } from 'react';
-export interface FormMessageProps extends BoxProps<ElementType> {
-    /**
-     * Defines which variant of Banner component should be rendered
-     * @default error
-     */
-    variant?: 'info' | 'warning' | 'error';
-    /**
-     * Properties passed to indicator icon
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    IconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Properties passed to wrapper of children
-     */
-    typographyProps?: TypographyProps;
-}
-/**
- * Message indicating form error or additional info.
- * Intended to be used in combination with <FormGroup />
- */
-export declare const FormMessage: React.FC<FormMessageProps>;

package/components/formMessage/formMessage.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as r}from"tslib";import{jsxs as i,jsx as t}from"react/jsx-runtime";import{CircleExclamationFilledIcon as e}from"../icon/filled/CircleExclamationFilledIcon.js";import{CircleInformationFilledIcon as n}from"../icon/filled/CircleInformationFilledIcon.js";import{WarningFilledIcon as o}from"../icon/filled/WarningFilledIcon.js";import{Box as s,Typography as a}from"@mui/material";import{forwardRef as l,useMemo as c}from"react";const m=l((l,m)=>{var{children:p,variant:x="error",sx:f,iconProps:g,IconComponent:d,typographyProps:j}=l,h=r(l,["children","variant","sx","iconProps","IconComponent","typographyProps"]);const u=g\|\|{},{sx:b}=u,I=r(u,["sx"]),y=j\|\|{},{sx:O}=y,v=r(y,["sx"]),[w,C]=c(()=>{switch(x){case"error":return["error.main",o];case"warning":return["warning.main",e];default:return["info.main",n]}},[x]),P=d\|\|C;return i(s,Object.assign({role:"alert","aria-atomic":"true","aria-live":"assertive",sx:Object.assign({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:w,pb:1},f),ref:m},h,{children:[t(P,Object.assign({sx:Object.assign({fontSize:"20px",mx:"2px"},b)},I)),t(a,Object.assign({sx:Object.assign({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},O)},v,{children:p}))]}))});export{m as FormMessage};
2	- //# sourceMappingURL=formMessage.js.map

package/components/formMessage/formMessage.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"formMessage.js","sources":["../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n /**\n * Defines which variant of Banner component should be rendered\n * @default error\n */\n variant?: 'info' | 'warning' | 'error';\n /**\n * Properties passed to indicator icon\n */\n iconProps?: SvgIconProps;\n /**\n * Icon node to be used\n */\n IconComponent?: ElementType<SvgIconProps>;\n /**\n * Properties passed to wrapper of children\n */\n typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n const { sx: iconSx, ...restIcon } = iconProps || {};\n const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n const [color, IconVariantComponent] = useMemo(() => {\n switch (variant) {\n case 'error':\n return ['error.main', WarningFilledIcon];\n case 'warning':\n return ['warning.main', CircleExclamationFilledIcon];\n case 'info':\n default:\n return ['info.main', CircleInformationFilledIcon];\n }\n }, [variant]);\n const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n return (\n <Box\n role=\"alert\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n gap: 1,\n textAlign: 'left',\n color: color,\n pb: 1,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <ErrorMessageIcon\n sx={{\n fontSize: '20px',\n // align with checkbox/radio (return to 24px width)\n mx: '2px',\n ...iconSx,\n }}\n {...restIcon}\n />\n <Typography\n sx={{\n flexGrow: '1',\n // custom font according to Figma\n fontSize: { xs: '14px' },\n lineHeight: { xs: '20px' },\n fontWeight: { xs: '400' },\n ...typographySx,\n }}\n {...restTypography}\n >\n {children}\n </Typography>\n </Box>\n );\n },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"qbA8BO,MAAMA,EAA0CC,EACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,EAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,GACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,GAE1B,QACE,MAAO,CAAC,YAAaC,KAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,EAACC,EAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAACG,EAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA"}

package/components/grid/grid.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { GridProps as MuiGridProps } from '@mui/material';
-import React from 'react';
-/**
- * @interface GridProps
- * @description Base definition of SkodaFlow Grid independent on core implementation.
- * Properties are inherited from HTML Button element
- */
-export interface GridProps extends MuiGridProps {
-    /**
-     *  Determine if grid is narrow.
-     */
-    narrow?: boolean;
-}
-/**
- * @description SkodaFlow Grid component.
- * @param props GridProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use Grid and Container components from @mui/material
- */
-export declare const Grid: React.FC<GridProps>;

package/components/grid/grid.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as r}from"tslib";import{jsx as i}from"react/jsx-runtime";import{Grid as o}from"@mui/material";const t=t=>{var{narrow:a}=t,m=r(t,["narrow"]);return i(o,Object.assign({},m,{spacing:a?"12px":void 0,children:m.children}))};export{t as Grid};
2	- //# sourceMappingURL=grid.js.map

package/components/grid/grid.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n /**\n * Determine if grid is narrow.\n */\n narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n return (\n <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n {props.children}\n </MuiGrid>\n );\n};\n"],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"4GAqBO,MAAMA,EAA6BC,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ"}

package/components/grid/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './grid';

package/components/hotspotCard/hotspotCard.d.ts DELETED Viewed

@@ -1,111 +0,0 @@
-import React, { ElementType, ReactNode } from 'react';
-import { BoxProps, CardProps, ClickAwayListenerProps, FadeProps, IconButtonProps, PopperProps, SvgIconProps } from '@mui/material';
-import { ResponsiveType } from '@/src/utils/ResponsiveType';
-export interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {
-    /**
-     * top position of hotspot card
-     */
-    top?: ResponsiveType<string | number>;
-    /**
-     * left position of hotspot card
-     */
-    left?: ResponsiveType<string | number>;
-    /**
-     * bottom position of hotspot card
-     */
-    bottom?: ResponsiveType<string | number>;
-    /**
-     * right position of hotspot card
-     */
-    right?: ResponsiveType<string | number>;
-    /**
-     * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)
-     */
-    onBackground?: boolean;
-    /**
-     * Make sure to center IconButton, helpful with left or right properties set to 50%
-     */
-    center?: boolean;
-    /**
-     * Boolean that defines whether a HotspotCard is opened.
-     *
-     * @see setOpen
-     */
-    open?: boolean;
-    /**
-     * Function that can be used to control a state of card popup
-     *
-     * @param open new open value
-     * @see open
-     */
-    setOpen?: (open: boolean) => void;
-    /**
-     * Properties that will be passed to Fade component
-     *
-     * @see Fade
-     */
-    fadeProps?: Omit<FadeProps, 'children'>;
-    /**
-     * Properties that will be passed to Popper component
-     *
-     * @see Popper
-     */
-    popperProps?: Omit<PopperProps, 'open'>;
-    /**
-     * Properties applied to ClickAwayListener
-     */
-    clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;
-    /**
-     * Custom icon component to use instead of the default PlusIcon
-     */
-    icon?: ReactNode;
-    /**
-     * Properties that will be passed to the icon component
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Custom icon component to use instead of the default PlusIcon
-     */
-    insideIcon?: ReactNode;
-    /**
-     * Properties for a cose icon inside HotspotCard
-     */
-    insideIconProps?: SvgIconProps;
-    /**
-     * Properties for a IconButton inside HotspotCard
-     */
-    insideIconButtonProps?: IconButtonProps<ElementType>;
-    /**
-     * Properties for a Box element that wraps button and popper
-     */
-    wrapperProps?: BoxProps<ElementType>;
-    /**
-     * Properties for Card inside the Popper element.
-     */
-    cardProps?: CardProps<ElementType>;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    headline?: string;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    img?: ReactNode;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    label?: string;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    description?: ReactNode;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    buttons?: ReactNode;
-}
-/**
- * A card component that is toggled on and off with IconButton.
- * The card is fullscreen on mobile-size devices.
- */
-export declare const HotspotCard: React.FC<HotspotCardProps>;

package/components/hotspotCard/hotspotCard.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as s,useState as i,useCallback as n,isValidElement as r}from"react";import{useTheme as a,useMediaQuery as l,ClickAwayListener as p,Box as c,IconButton as d,Popper as m,Fade as x,Card as g,Stack as b,Typography as h}from"@mui/material";import{PlusIcon as u}from"../icon/stroke/PlusIcon.js";import{Label as f}from"../label/label.js";const O=O=>{var{sx:j,children:P,top:w,left:v,bottom:k,right:C,onBackground:I=!1,center:M=!1,open:y,setOpen:z,fadeProps:B={},popperProps:A={},clickAwayListenerProps:T={},icon:W,iconProps:L={},insideIcon:S,insideIconProps:E={},insideIconButtonProps:H={},wrapperProps:q={},cardProps:D={},headline:F,img:G,label:J,description:K,buttons:N}=O,Q=t(O,["sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons"]);const{sx:R}=D,U=t(D,["sx"]),{sx:V}=A,X=t(A,["sx"]),{sx:Y}=L,Z=t(L,["sx"]),{sx:$}=E,_=t(E,["sx"]),{sx:tt}=H,et=t(H,["sx"]),ot=a(),st=l(ot.breakpoints.down("md")),it=s(null),nt=s(null),[rt,at]=i(null!=y&&y),[lt,pt]=i("left-start"),ct=null!=y?y:rt,dt=n(void 0!==y?()=>z(!y):()=>at(t=>!t),[y,z]),mt=n(void 0!==y?()=>z(!1):()=>at(!1),[y,z]);return e(p,Object.assign({onClickAway:mt},T,{children:o(c,Object.assign({},q,{children:[e(d,Object.assign({ref:it,onClick:dt,"aria-label":"Open or Close the card"},ct&&{"aria-controls":"hotspot-card"},{size:"small",color:"surface",sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"absolute",zIndex:"10"},null!=w&&Object.assign({top:w},M&&{mt:"-16px"})),null!=v&&Object.assign({left:v},M&&{ml:"-16px"})),null!=k&&Object.assign({bottom:k},M&&{mb:"-16px"})),null!=C&&Object.assign({right:C},M&&{mr:"-16px"})),null==w&&null==v&&null==k&&null==C&&Object.assign({top:"0%",left:"0%"},M&&{mt:"-16px",ml:"-16px"})),j)},Q,{children:W\|\|e(u,Object.assign({sx:Object.assign({transform:ct?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},Y)},Z))})),e(m,Object.assign({open:ct,anchorEl:st?null:it.current,transition:!0,placement:"left-start",disablePortal:!0,ref:nt,modifiers:[{name:"flip",enabled:!0,options:{fallbackPlacements:["right-start"]}},{name:"preventOverflow",enabled:!0,options:{boundary:"viewport"}},{name:"updatePlacement",enabled:!0,phase:"afterWrite",fn:({state:t})=>{pt(t.placement)}}],sx:Object.assign({position:"fixed",top:{xs:0,md:"auto"},left:{xs:0,md:"auto"},width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},minHeight:{xs:"100vh",md:"auto"},zIndex:t=>t.zIndex.modal},V)},X,{children:({TransitionProps:t})=>e(x,Object.assign({},t,{timeout:350},B,{children:o(g,Object.assign({id:"hotspot-card",sx:Object.assign({"&:after":{border:0,boxShadow:t=>t.flowShadows.xl},"& > .MuiBox-root":{overflow:"auto",paddingTop:"0"},"& .MuiCardContent-root, &.MuiCardContent-root:last-child":{padding:3},"& .MuiCardMedia-root":{height:{xs:"300px",md:"232px"}},"& .MuiBox-root > .MuiCardMedia-img:first-of-type":{marginTop:"0"},position:"relative",width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},top:{xs:"0",md:"-9px"},left:lt.startsWith("right")?{xs:"0",md:"-41px"}:void 0,right:lt.startsWith("left")?{xs:"0",md:"-41px"}:void 0},R)},U,{children:[e(d,Object.assign({onClick:dt,"aria-label":"Close the card",size:"small",color:I?"inherit":"surface",sx:Object.assign({position:"absolute",zIndex:"20",top:"8px",right:"8px"},tt)},et,{children:S\|\|e(u,Object.assign({sx:Object.assign({transform:ct?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},$)},_))})),G&&e(c,Object.assign({sx:{display:"block",width:"100%"}},"string"==typeof G&&{component:"img",src:G},{children:r(G)&&G})),(J\|\|F\|\|K\|\|N)&&o(b,{direction:"column",spacing:1,padding:2,children:[J&&e(f,{label:J}),F&&e(h,{variant:"h3",children:F}),K&&e(h,{children:K}),N&&e(b,{direction:"row",spacing:2,overflow:"auto",children:N})]}),P]}))}))}),st?"popper-mobile":"popper-desktop")]}))}))};export{O as HotspotCard};
2	- //# sourceMappingURL=hotspotCard.js.map

package/components/hotspotCard/hotspotCard.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"hotspotCard.js","sources":["../../../src/components/hotspotCard/hotspotCard.tsx"],"sourcesContent":["import React, { ElementType, isValidElement, ReactNode, useRef, useState, useCallback } from 'react';\nimport {\n Box,\n Stack,\n BoxProps,\n Card,\n CardProps,\n ClickAwayListener,\n ClickAwayListenerProps,\n Fade,\n FadeProps,\n IconButton,\n IconButtonProps,\n Popper,\n PopperProps,\n Typography,\n useMediaQuery,\n useTheme,\n SvgIconProps,\n} from '@mui/material';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { Label } from '@/src/components/label/label';\nimport { ResponsiveType } from '@/src/utils/ResponsiveType';\n\nexport interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {\n /**\n * top position of hotspot card\n */\n top?: ResponsiveType<string | number>;\n /**\n * left position of hotspot card\n */\n left?: ResponsiveType<string | number>;\n /**\n * bottom position of hotspot card\n */\n bottom?: ResponsiveType<string | number>;\n /**\n * right position of hotspot card\n */\n right?: ResponsiveType<string | number>;\n /**\n * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)\n */\n onBackground?: boolean;\n /**\n * Make sure to center IconButton, helpful with left or right properties set to 50%\n */\n center?: boolean;\n /**\n * Boolean that defines whether a HotspotCard is opened.\n *\n * @see setOpen\n */\n open?: boolean;\n /**\n * Function that can be used to control a state of card popup\n *\n * @param open new open value\n * @see open\n */\n setOpen?: (open: boolean) => void;\n /**\n * Properties that will be passed to Fade component\n *\n * @see Fade\n */\n fadeProps?: Omit<FadeProps, 'children'>;\n /**\n * Properties that will be passed to Popper component\n *\n * @see Popper\n */\n popperProps?: Omit<PopperProps, 'open'>;\n /**\n * Properties applied to ClickAwayListener\n */\n clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;\n /**\n * Custom icon component to use instead of the default PlusIcon\n */\n icon?: ReactNode;\n /**\n * Properties that will be passed to the icon component\n */\n iconProps?: SvgIconProps;\n /**\n * Custom icon component to use instead of the default PlusIcon\n */\n insideIcon?: ReactNode;\n /**\n * Properties for a cose icon inside HotspotCard\n */\n insideIconProps?: SvgIconProps;\n /**\n * Properties for a IconButton inside HotspotCard\n */\n insideIconButtonProps?: IconButtonProps<ElementType>;\n /**\n * Properties for a Box element that wraps button and popper\n */\n wrapperProps?: BoxProps<ElementType>;\n /**\n * Properties for Card inside the Popper element.\n */\n cardProps?: CardProps<ElementType>;\n /**\n * @deprecated use Card component as a children instead\n */\n headline?: string;\n /**\n * @deprecated use Card component as a children instead\n */\n img?: ReactNode;\n /**\n * @deprecated use Card component as a children instead\n */\n label?: string;\n /**\n * @deprecated use Card component as a children instead\n */\n description?: ReactNode;\n /**\n * @deprecated use Card component as a children instead\n */\n buttons?: ReactNode;\n}\n\n/**\n * A card component that is toggled on and off with IconButton.\n * The card is fullscreen on mobile-size devices.\n */\nexport const HotspotCard: React.FC<HotspotCardProps> = ({\n sx,\n children,\n top,\n left,\n bottom,\n right,\n onBackground = false,\n center = false,\n open,\n setOpen,\n fadeProps = {},\n popperProps = {},\n clickAwayListenerProps = {},\n icon,\n iconProps = {},\n insideIcon,\n insideIconProps = {},\n insideIconButtonProps = {},\n wrapperProps = {},\n cardProps = {},\n headline,\n img,\n label,\n description,\n buttons,\n ...restProps\n}) => {\n const { sx: cardSx, ...restCard } = cardProps;\n const { sx: popperSx, ...restPopperProps } = popperProps;\n const { sx: iconSx, ...restIconProps } = iconProps;\n const { sx: insideIconSx, ...restInsideIconProps } = insideIconProps;\n const { sx: insideIconButtonSx, ...restInsideIconButtonProps } = insideIconButtonProps;\n\n const FWLTheme = useTheme();\n const isSmallScreen = useMediaQuery(FWLTheme.breakpoints.down('md'));\n const btnRef = useRef(null);\n const popperRef = useRef<HTMLDivElement>(null);\n const [_open, _setOpen] = useState(open ?? false);\n const [currentPlacement, setCurrentPlacement] = useState<string>('left-start');\n\n const isOpen = open ?? _open;\n const handleClick = useCallback(open !== undefined ? () => setOpen(!open) : () => _setOpen((prev) => !prev), [\n open,\n setOpen,\n ]);\n const handleClickAway = useCallback(open !== undefined ? () => setOpen(false) : () => _setOpen(false), [\n open,\n setOpen,\n ]);\n\n return (\n <ClickAwayListener onClickAway={handleClickAway} {...clickAwayListenerProps}>\n <Box {...wrapperProps}>\n <IconButton\n ref={btnRef}\n onClick={handleClick}\n aria-label=\"Open or Close the card\"\n {...(isOpen && { ['aria-controls']: 'hotspot-card' })}\n size=\"small\"\n color=\"surface\"\n sx={{\n position: 'absolute',\n zIndex: '10',\n ...(top != undefined && { top: top, ...(center && { mt: '-16px' }) }),\n ...(left != undefined && { left: left, ...(center && { ml: '-16px' }) }),\n ...(bottom != undefined && { bottom: bottom, ...(center && { mb: '-16px' }) }),\n ...(right != undefined && { right: right, ...(center && { mr: '-16px' }) }),\n // Fallback to top-left if no position is specified\n ...(top == undefined &&\n left == undefined &&\n bottom == undefined &&\n right == undefined && {\n top: '0%',\n left: '0%',\n ...(center && { mt: '-16px', ml: '-16px' }),\n }),\n ...sx,\n }}\n {...restProps}\n >\n {icon || (\n <PlusIcon\n sx={{\n transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n transition: 'transform .3s ease',\n ...iconSx,\n }}\n {...restIconProps}\n />\n )}\n </IconButton>\n <Popper\n key={isSmallScreen ? 'popper-mobile' : 'popper-desktop'}\n open={isOpen}\n anchorEl={isSmallScreen ? null : btnRef.current}\n transition\n placement=\"left-start\"\n disablePortal\n ref={popperRef}\n modifiers={[\n {\n name: 'flip',\n enabled: true,\n options: {\n fallbackPlacements: ['right-start'],\n },\n },\n {\n name: 'preventOverflow',\n enabled: true,\n options: {\n boundary: 'viewport',\n },\n },\n {\n name: 'updatePlacement',\n enabled: true,\n phase: 'afterWrite',\n fn: ({ state }) => {\n setCurrentPlacement(state.placement);\n },\n },\n ]}\n sx={{\n position: 'fixed',\n top: { xs: 0, md: 'auto' },\n left: { xs: 0, md: 'auto' },\n width: { xs: '100%', md: '400px' },\n height: { xs: '100%', md: 'auto' },\n minHeight: { xs: '100vh', md: 'auto' },\n zIndex: (theme) => theme.zIndex.modal,\n ...popperSx,\n }}\n {...restPopperProps}\n >\n {({ TransitionProps }) => (\n <Fade {...TransitionProps} timeout={350} {...fadeProps}>\n <Card\n id=\"hotspot-card\"\n sx={{\n '&:after': { border: 0, boxShadow: (theme) => theme.flowShadows.xl },\n '& > .MuiBox-root': {\n overflow: 'auto',\n paddingTop: '0',\n },\n '& .MuiCardContent-root, &.MuiCardContent-root:last-child': {\n padding: 3,\n },\n '& .MuiCardMedia-root': {\n height: {\n xs: '300px',\n md: '232px',\n },\n },\n '& .MuiBox-root > .MuiCardMedia-img:first-of-type': {\n marginTop: '0',\n },\n position: 'relative',\n width: { xs: '100%', md: '400px' },\n height: { xs: '100%', md: 'auto' },\n top: { xs: '0', md: '-9px' },\n left: currentPlacement.startsWith('right') ? { xs: '0', md: '-41px' } : undefined,\n right: currentPlacement.startsWith('left') ? { xs: '0', md: '-41px' } : undefined,\n ...cardSx,\n }}\n {...restCard}\n >\n <IconButton\n onClick={handleClick}\n aria-label=\"Close the card\"\n size=\"small\"\n color={onBackground ? 'inherit' : 'surface'}\n sx={{\n position: 'absolute',\n zIndex: '20',\n top: '8px',\n right: '8px',\n ...insideIconButtonSx,\n }}\n {...restInsideIconButtonProps}\n >\n {insideIcon || (\n <PlusIcon\n sx={{\n transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n transition: 'transform .3s ease',\n ...insideIconSx,\n }}\n {...restInsideIconProps}\n />\n )}\n </IconButton>\n {img && (\n <Box\n sx={{\n display: 'block',\n width: '100%',\n }}\n {...(typeof img === 'string' && {\n component: 'img',\n src: img,\n })}\n >\n {isValidElement(img) && img}\n </Box>\n )}\n {(label || headline || description || buttons) && (\n <Stack direction=\"column\" spacing={1} padding={2}>\n {label && <Label label={label} />}\n {headline && <Typography variant=\"h3\">{headline}</Typography>}\n {description && <Typography>{description}</Typography>}\n {buttons && (\n <Stack direction=\"row\" spacing={2} overflow=\"auto\">\n {buttons}\n </Stack>\n )}\n </Stack>\n )}\n {children}\n </Card>\n </Fade>\n )}\n </Popper>\n </Box>\n </ClickAwayListener>\n );\n};\n"],"names":["HotspotCard","_a","sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons","restProps","__rest","cardSx","restCard","popperSx","restPopperProps","iconSx","restIconProps","insideIconSx","restInsideIconProps","insideIconButtonSx","restInsideIconButtonProps","FWLTheme","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","btnRef","useRef","popperRef","_open","_setOpen","useState","currentPlacement","setCurrentPlacement","isOpen","handleClick","useCallback","undefined","prev","handleClickAway","_jsx","ClickAwayListener","Object","assign","onClickAway","_jsxs","Box","IconButton","ref","onClick","size","color","position","zIndex","mt","ml","mb","mr","PlusIcon","transform","transition","Popper","anchorEl","current","placement","disablePortal","modifiers","name","enabled","options","fallbackPlacements","boundary","phase","fn","state","xs","md","width","height","minHeight","theme","modal","TransitionProps","Fade","timeout","Card","id","border","boxShadow","flowShadows","xl","overflow","paddingTop","padding","marginTop","startsWith","display","component","src","isValidElement","Stack","direction","spacing","Label","Typography","variant"],"mappings":"0aAoIO,MAAMA,EAA2CC,IAAA,IAAAC,GACtDA,EAAEC,SACFA,EAAQC,IACRA,EAAGC,KACHA,EAAIC,OACJA,EAAMC,MACNA,EAAKC,aACLA,GAAe,EAAKC,OACpBA,GAAS,EAAKC,KACdA,EAAIC,QACJA,EAAOC,UACPA,EAAY,CAAA,EAAEC,YACdA,EAAc,CAAA,EAAEC,uBAChBA,EAAyB,CAAA,EAAEC,KAC3BA,EAAIC,UACJA,EAAY,CAAA,EAAEC,WACdA,EAAUC,gBACVA,EAAkB,CAAA,EAAEC,sBACpBA,EAAwB,CAAA,EAAEC,aAC1BA,EAAe,CAAA,EAAEC,UACjBA,EAAY,CAAA,EAAEC,SACdA,EAAQC,IACRA,EAAGC,MACHA,EAAKC,YACLA,EAAWC,QACXA,GAAOzB,EACJ0B,EAASC,EAAA3B,EA1B0C,mSA4BtD,MAAQC,GAAI2B,GAAwBR,EAAbS,EAAQF,EAAKP,EAA9B,CAAA,QACEnB,GAAI6B,GAAiClB,EAApBmB,EAAeJ,EAAKf,EAAvC,CAAA,QACEX,GAAI+B,GAA6BjB,EAAlBkB,EAAaN,EAAKZ,EAAnC,CAAA,QACEd,GAAIiC,GAAyCjB,EAAxBkB,EAAmBR,EAAKV,EAA/C,CAAA,QACEhB,GAAImC,IAAqDlB,EAA9BmB,GAAyBV,EAAKT,EAA3D,CAAA,OAEAoB,GAAWC,IACXC,GAAgBC,EAAcH,GAASI,YAAYC,KAAK,OACxDC,GAASC,EAAO,MAChBC,GAAYD,EAAuB,OAClCE,GAAOC,IAAYC,EAASxC,SAAAA,IAC5ByC,GAAkBC,IAAuBF,EAAiB,cAE3DG,GAAS3C,QAAAA,EAAQsC,GACjBM,GAAcC,OAAqBC,IAAT9C,EAAqB,IAAMC,GAASD,GAAQ,IAAMuC,GAAUQ,IAAUA,GAAO,CAC3G/C,EACAC,IAEI+C,GAAkBH,OAAqBC,IAAT9C,EAAqB,IAAMC,GAAQ,GAAS,IAAMsC,IAAS,GAAQ,CACrGvC,EACAC,IAGF,OACEgD,EAACC,EAAiBC,OAAAC,OAAA,CAACC,YAAaL,IAAqB5C,EAAsB,CAAAX,SACzE6D,EAACC,EAAGJ,OAAAC,OAAA,CAAA,EAAK1C,EAAY,CAAAjB,SAAA,CACnBwD,EAACO,EAAUL,OAAAC,OAAA,CACTK,IAAKtB,GACLuB,QAASd,GAAW,aACT,0BACND,IAAU,CAAE,gBAAmB,gBAAiB,CACrDgB,KAAK,QACLC,MAAM,UACNpE,GAAE2D,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAS,SAAU,WACVC,OAAQ,MACGhB,MAAPpD,GAAgByD,OAAAC,OAAA,CAAM1D,IAAKA,GAASK,GAAU,CAAEgE,GAAI,WAC5CjB,MAARnD,GAAiBwD,OAAAC,OAAA,CAAMzD,KAAMA,GAAUI,GAAU,CAAEiE,GAAI,WAC7ClB,MAAVlD,GAAmBuD,OAAAC,OAAA,CAAMxD,OAAQA,GAAYG,GAAU,CAAEkE,GAAI,WACpDnB,MAATjD,kBAAwBA,MAAOA,GAAWE,GAAU,CAAEmE,GAAI,WAEnDpB,MAAPpD,GACMoD,MAARnD,GACUmD,MAAVlD,GACSkD,MAATjD,GAAkBsD,OAAAC,OAAA,CAChB1D,IAAK,KACLC,KAAM,MACFI,GAAU,CAAEgE,GAAI,QAASC,GAAI,WAElCxE,IAEDyB,EAAS,CAAAxB,SAEZY,GACC4C,EAACkB,EAAQhB,OAAAC,OAAA,CACP5D,kBACE4E,UAAWzB,GAAS,gBAAkB,eACtC0B,WAAY,sBACT9C,IAEDC,OAIVyB,EAACqB,EAAMnB,OAAAC,OAAA,CAELpD,KAAM2C,GACN4B,SAAUxC,GAAgB,KAAOI,GAAOqC,QACxCH,YAAU,EACVI,UAAU,aACVC,eAAa,EACbjB,IAAKpB,GACLsC,UAAW,CACT,CACEC,KAAM,OACNC,SAAS,EACTC,QAAS,CACPC,mBAAoB,CAAC,iBAGzB,CACEH,KAAM,kBACNC,SAAS,EACTC,QAAS,CACPE,SAAU,aAGd,CACEJ,KAAM,kBACNC,SAAS,EACTI,MAAO,aACPC,GAAI,EAAGC,YACLzC,GAAoByC,EAAMV,cAIhCjF,GAAE2D,OAAAC,OAAA,CACAS,SAAU,QACVnE,IAAK,CAAE0F,GAAI,EAAGC,GAAI,QAClB1F,KAAM,CAAEyF,GAAI,EAAGC,GAAI,QACnBC,MAAO,CAAEF,GAAI,OAAQC,GAAI,SACzBE,OAAQ,CAAEH,GAAI,OAAQC,GAAI,QAC1BG,UAAW,CAAEJ,GAAI,QAASC,GAAI,QAC9BvB,OAAS2B,GAAUA,EAAM3B,OAAO4B,OAC7BrE,IAEDC,EAAe,CAAA7B,SAElB,EAAGkG,qBACF1C,EAAC2C,EAAIzC,OAAAC,OAAA,CAAA,EAAKuC,EAAe,CAAEE,QAAS,KAAS3F,EAAS,CAAAT,SACpD6D,EAACwC,EAAI3C,OAAAC,OAAA,CACH2C,GAAG,eACHvG,GAAE2D,OAAAC,OAAA,CACA,UAAW,CAAE4C,OAAQ,EAAGC,UAAYR,GAAUA,EAAMS,YAAYC,IAChE,mBAAoB,CAClBC,SAAU,OACVC,WAAY,KAEd,2DAA4D,CAC1DC,QAAS,GAEX,uBAAwB,CACtBf,OAAQ,CACNH,GAAI,QACJC,GAAI,UAGR,mDAAoD,CAClDkB,UAAW,KAEb1C,SAAU,WACVyB,MAAO,CAAEF,GAAI,OAAQC,GAAI,SACzBE,OAAQ,CAAEH,GAAI,OAAQC,GAAI,QAC1B3F,IAAK,CAAE0F,GAAI,IAAKC,GAAI,QACpB1F,KAAM8C,GAAiB+D,WAAW,SAAW,CAAEpB,GAAI,IAAKC,GAAI,cAAYvC,EACxEjD,MAAO4C,GAAiB+D,WAAW,QAAU,CAAEpB,GAAI,IAAKC,GAAI,cAAYvC,GACrE3B,IAEDC,EAAQ,CAAA3B,SAAA,CAEZwD,EAACO,EAAUL,OAAAC,OAAA,CACTM,QAASd,gBACE,iBACXe,KAAK,QACLC,MAAO9D,EAAe,UAAY,UAClCN,kBACEqE,SAAU,WACVC,OAAQ,KACRpE,IAAK,MACLG,MAAO,OACJ8B,KAEDC,aAEHrB,GACC0C,EAACkB,iBACC3E,GAAE2D,OAAAC,OAAA,CACAgB,UAAWzB,GAAS,gBAAkB,eACtC0B,WAAY,sBACT5C,IAEDC,OAITb,GACCoC,EAACM,EAAGJ,OAAAC,OAAA,CACF5D,GAAI,CACFiH,QAAS,QACTnB,MAAO,SAEW,iBAARzE,GAAoB,CAC9B6F,UAAW,MACXC,IAAK9F,GACL,CAAApB,SAEDmH,EAAe/F,IAAQA,MAG1BC,GAASF,GAAYG,GAAeC,IACpCsC,EAACuD,EAAK,CAACC,UAAU,SAASC,QAAS,EAAGT,QAAS,EAAC7G,SAAA,CAC7CqB,GAASmC,EAAC+D,GAAMlG,MAAOA,IACvBF,GAAYqC,EAACgE,EAAU,CAACC,QAAQ,cAAMtG,IACtCG,GAAekC,EAACgE,EAAU,CAAAxH,SAAEsB,IAC5BC,GACCiC,EAAC4D,EAAK,CAACC,UAAU,MAAMC,QAAS,EAAGX,SAAS,OAAM3G,SAC/CuB,OAKRvB,WA9HFsC,GAAgB,gBAAkB"}

package/components/indicator/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './indicator';

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { TypographyProps } from '@mui/material';
-import { StatusLabelProps, StatusVariants } from '@/src/components/label';
-export interface IndicatorProps extends Omit<StatusLabelProps, 'variant' | 'type'> {
-    /**
-     * @deprecated use <Label type='indicator'> or <Label type='status'> instead
-     */
-    variant?: 'indicator' | 'status';
-    /**
-     * @deprecated use <Label type='status' variant='positive|warning|alert|neutral'> instead
-     */
-    color?: StatusVariants | string;
-    /**
-     * @deprecated pass properties directly into <Label sx={{}} />
-     */
-    labelProps?: TypographyProps;
-}
-/**
- * @deprecated use <Label type='indicator'> and <Label type='status'> instead
- */
-export declare const Indicator: React.FC<IndicatorProps>;

package/components/indicator/indicator.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{Label as s}from"../label/label.js";const o=a((a,o)=>{var{labelProps:i,color:e="positive",variant:n="indicator",sx:c,dotProps:l}=a,d=t(a,["labelProps","color","variant","sx","dotProps"]);const p=i\|\|{},{sx:b,variant:m}=p,x=t(p,["sx","variant"]),g=l\|\|{},{sx:j}=g,v=t(g,["sx"]);return r(s,Object.assign({ref:o,type:n,className:"fwlIndicator","data-testid":"Indicator"},["positive","warning","alert","neutral"].includes(e)?{variant:e,dotProps:Object.assign({"data-testid":"Indicator.circle"},l)}:{dotProps:Object.assign({sx:Object.assign({backgroundColor:e},j),"data-testid":"Indicator.circle"},v)},{sx:Object.assign(Object.assign({},c),b)},d,x))});export{o as Indicator};
2	- //# sourceMappingURL=indicator.js.map