@drivy/cobalt 0.21.0 → 0.22.0

package/types/components/Form/TextInput.d.ts

@@ -2,6 +2,11 @@ import React from "react";
 import { IconSources } from "../Icon";
 import { FormElement } from "./form";
 export declare type TextInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
+declare type Props = {
+    type?: TextInputType;
+    icon?: IconSources;
+    forwardedRef?: React.Ref<HTMLInputElement>;
+} & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const TextInputWrapper: ({ icon, status, render, }: {
     icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
     status?: FormElement["status"];
@@ -18,10 +23,6 @@ declare const wrappedComponent: React.ComponentClass<{
     fieldClassName?: string | undefined;
     fullWidth?: boolean | undefined;
 }, any> & {
-    Raw: React.ComponentType<{
-        type?: TextInputType | undefined;
-        icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
-        forwardedRef?: React.Ref<HTMLInputElement> | undefined;
-    } & FormElement & React.InputHTMLAttributes<HTMLInputElement>>;
+    Raw: React.ComponentType<Props>;
 };
 export { wrappedComponent as TextInput };

package/types/components/Helper/index.d.ts

@@ -1,11 +1,12 @@
-import { PropsWithChildren } from "react";
+import React from "react";
 import DefaultButton from "../Buttons/DefaultButton";
-declare type HelperPropsType = PropsWithChildren<{
+declare type HelperPropsType = {
+    children?: React.ReactNode;
     className?: string;
     title: string;
     titleClassName?: string;
     contentClassName?: string;
     cta?: ReturnType<typeof DefaultButton | typeof DefaultButton.Link>;
-}>;
+};
 declare const Helper: ({ className, titleClassName, contentClassName, title, children, cta, }: HelperPropsType) => JSX.Element;
 export default Helper;

package/types/components/HorizontalList/index.d.ts

@@ -1,9 +1,10 @@
-import { PropsWithChildren } from "react";
+import React from "react";
 import { CobaltBreakpointType } from "../../hooks/useBreakpoint";
-export declare type HorizontalListPropsType = PropsWithChildren<{
+export declare type HorizontalListPropsType = {
+    children?: React.ReactNode;
     className?: string;
     fitFrom?: Exclude<CobaltBreakpointType, "over">;
-}>;
+};
 export default function HorizontalList({ className, fitFrom, children, }: HorizontalListPropsType): JSX.Element;
 declare type HorizontalScrollerPaddingBlockProps = {
     className?: string;

package/types/components/Modal/ModalBody.d.ts

@@ -1,7 +1,8 @@
-import { FunctionComponent } from "react";
-declare const ModalBody: FunctionComponent<{
-    bodySpacing?: boolean;
+import React from "react";
+declare const ModalBody: ({ children, bodySpacing, hasHeader, hasFooter, }: {
+    children?: React.ReactNode;
+    bodySpacing?: boolean | undefined;
     hasHeader: boolean;
     hasFooter: boolean;
-}>;
+}) => JSX.Element;
 export default ModalBody;

package/types/components/Modal/ModalFooter.d.ts

@@ -1,6 +1,7 @@
-import { PropsWithChildren } from "react";
-export declare type ModalFooterPropsType = PropsWithChildren<{
+import React from "react";
+export declare type ModalFooterPropsType = {
+    children?: React.ReactNode;
     className?: string;
-}>;
+};
 declare const ModalFooter: ({ children, className }: ModalFooterPropsType) => JSX.Element;
 export default ModalFooter;

package/types/components/Popover/index.d.ts

@@ -1,6 +1,7 @@
-import { PropsWithChildren } from "react";
+import React from "react";
 import { TippyProps } from "@tippyjs/react";
-export declare type PopoverPropsType = PropsWithChildren<{
+export declare type PopoverPropsType = {
+    children?: React.ReactNode;
     isOpen: boolean;
     close: () => void;
     "aria-label"?: string;
@@ -20,6 +21,6 @@ export declare type PopoverPropsType = PropsWithChildren<{
      * Useful to render async content in the popover
      */
     lazy?: boolean;
-}>;
+};
 declare const Popover: ({ isOpen, targetRef, close, "aria-label": ariaLabel, children, bodySpacing, onShow, onHidden, arrow, placement, theme, distance, zIndex, lazy, }: PopoverPropsType) => JSX.Element;
 export default Popover;

package/types/components/Rating/RatingLabel.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
-declare type RatingLabelPropsType = React.PropsWithChildren<React.ReactNode>;
+declare type RatingLabelPropsType = {
+    children?: React.ReactNode;
+};
 declare function RatingLabel({ children }: RatingLabelPropsType): JSX.Element;
 export default RatingLabel;

package/types/components/Rating/index.d.ts

@@ -3,7 +3,8 @@ import { RatingIcons, RatingIconsPropsType } from "./RatingIcons";
 import { RatingInput } from "./RatingInput";
 import { RatingCompact } from "./RatingCompact";
 import RatingLabel from "./RatingLabel";
-declare type RatingPropsType = React.PropsWithChildren<RatingIconsPropsType> & {
+declare type RatingPropsType = RatingIconsPropsType & {
+    children?: React.ReactNode;
     iconsClassName?: RatingIconsPropsType["className"];
 };
 declare function formatRatingValue(value: number): string | number;

package/types/components/Tabs/index.d.ts

@@ -1,5 +1,6 @@
-import React, { FC } from "react";
+import React from "react";
 export declare type TabsPropsType = {
+    children?: React.ReactNode;
     /**
      * Index of the initial actived tab (first tab by default)
      */
@@ -14,6 +15,7 @@ export declare type TabsPropsType = {
     subLevel?: boolean;
 };
 declare type TabPropsType = {
+    children?: React.ReactNode;
     /**
      * Label/title of the tab
      */
@@ -23,8 +25,16 @@ declare type TabPropsType = {
      */
     href?: string;
 };
-export declare const Tab: FC<TabPropsType>;
-export declare const Tabs: FC<TabsPropsType> & {
-    Tab: FC<TabPropsType>;
+export declare const Tab: {
+    (_props: TabPropsType): null;
+    displayName: string;
+};
+export declare const Tabs: {
+    ({ children, defaultTabIndex, onChange, subLevel, }: TabsPropsType): JSX.Element;
+    Tab: {
+        (_props: TabPropsType): null;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Tabs;

package/types/components/utils/index.d.ts

@@ -4,6 +4,5 @@ export { default as eqSet } from "./eqSet";
 export { default as getThemeColors } from "./getThemeColors";
 export { default as throttle } from "lodash.throttle";
 export { default as Timer } from "./Timer";
-export { default as isExpectedReactComponent } from "./isExpectedReactComponent";
 export { getScrollbarWidth } from "./dom";
 export { remToPx } from "./px";

package/types/components/utils/isExpectedReactComponent.d.ts

@@ -1,3 +0,0 @@
-import { ReactNode, ReactElement } from "react";
-declare const isExpectedReactComponent: <ComponentPropsType>(component: ReactNode, expectedComponent: ReactNode) => component is ReactElement<ComponentPropsType, string | import("react").JSXElementConstructor<any>>;
-export default isExpectedReactComponent;

package/types/components/utils/isExpectedReactComponent.spec.d.ts

@@ -1 +0,0 @@
-export {};