@trilogy-ds/react 0.0.1-beta.9 → 0.0.2-alpha-prompt

package/lib/components/dropdown/trigger/DropdownTrigger.js

@@ -1,43 +1,61 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import clsx from 'clsx';
-import { has, is } from '../../../services';
-import { hashClass } from '../../../helpers';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
-import { useDrodownContext } from '../Dropdown';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import { useDropdownContext } from '../context';
 /**
- * Dropdown Trigger Component
- * @param className {string} Additionnal CSS Classes
- * @param active {boolean} Active trigger
- * @param onClick {onClick} onClick event
- * @param label {string} Trigger label
- * @param placeholder {string} Trigger placeholder
- * @param children {React.ReactNode}
+ * DropdownTrigger Component
+ * Wrapper component that makes its children clickable to trigger dropdown toggle
+ * Automatically manages the dropdown state when used within a DropdownProvider
+ * @param children {React.ReactNode} Children - The trigger element (Button, etc.)
+ * @param onClick {Function} Optional additional click handler
+ * @param className {string} Additional CSS classes
+ * @param testId {string} Test ID
  */
-const DropdownTrigger = ({ className, active, onClick, label, placeholder, value, ...others }) => {
-    const [triggered, setTriggered] = useState(active || false);
-    const { styled } = useTrilogyContext();
-    const { displayDropdown } = useDrodownContext();
-    const stringValue = useMemo(() => value === null || value === void 0 ? void 0 : value.join(','), [value]);
-    const classes = hashClass(styled, clsx('dropdown-trigger', displayDropdown && is('triggered'), className));
-    useEffect(() => {
-        setTriggered(active || false);
-    }, [active]);
-    return (React.createElement("div", { role: 'button', onClick: (e) => {
-            const target = e.target;
-            setTriggered(!triggered);
-            target.active = !triggered;
-            if (onClick) {
-                onClick({
-                    active: target.active,
+var DropdownTrigger = React.forwardRef(function (_a, ref) {
+    var children = _a.children, onClick = _a.onClick, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "onClick", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var contextState = null;
+    try {
+        contextState = useDropdownContext();
+    }
+    catch (_b) {
+        contextState = null;
+    }
+    var classes = hashClass(styled, clsx('dropdown-trigger', className));
+    var handleClick = function (event) {
+        if (contextState) {
+            contextState.toggle();
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    var enhancedChildren = React.Children.map(children, function (child) {
+        if (React.isValidElement(child)) {
+            if (!child.props.onClick) {
+                return React.cloneElement(child, {
+                    onClick: function (e) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleClick(e);
+                    }
                 });
             }
-        }, className: classes, ...others },
-        React.createElement("div", { className: hashClass(styled, clsx('field')) },
-            React.createElement("div", { className: hashClass(styled, clsx('control', has('dynamic-placeholder'))) },
-                React.createElement("div", { className: hashClass(styled, clsx('select', displayDropdown && 'select-show-options')) },
-                    React.createElement("select", { style: { textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '100%' }, "aria-label": placeholder },
-                        React.createElement("option", null, stringValue)),
-                    React.createElement("label", { className: hashClass(styled, clsx('input-dynamic-placeholder')) }, label))))));
-};
+            return React.cloneElement(child, {
+                onClick: function (e) {
+                    var _a, _b;
+                    (_b = (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                    if (!e.defaultPrevented) {
+                        handleClick(e);
+                    }
+                }
+            });
+        }
+        return child;
+    });
+    return (React.createElement("div", __assign({ ref: ref, className: classes, onClick: handleClick, "data-testid": testId }, others), enhancedChildren));
+});
+DropdownTrigger.displayName = ComponentName.DropdownTrigger;
 export default DropdownTrigger;
-//# sourceMappingURL=DropdownTrigger.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25UcmlnZ2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi90cmlnZ2VyL0Ryb3Bkb3duVHJpZ2dlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBTUMsRUFDRCxHQUFHO0lBTkQsSUFBQSxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTFgsOENBTUMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQUksWUFBWSxHQUFpRCxJQUFJLENBQUE7SUFFckUsSUFBSTtRQUNGLFlBQVksR0FBRyxrQkFBa0IsRUFBRSxDQUFBO0tBQ3BDO0lBQUMsV0FBTTtRQUNOLFlBQVksR0FBRyxJQUFJLENBQUE7S0FDcEI7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0Ysa0JBQWtCLEVBQ2xCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQXVCO1FBQzFDLElBQUksWUFBWSxFQUFFO1lBQ2hCLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtTQUN0QjtRQUNELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxLQUFZLENBQUMsQ0FBQTtJQUN6QixDQUFDLENBQUE7SUFFRCxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUs7UUFDMUQsSUFBSSxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQy9CLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDeEIsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQWdDLEVBQUU7b0JBQzFELE9BQU8sRUFBRSxVQUFDLENBQW1CO3dCQUMzQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7d0JBQ2xCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTt3QkFDbkIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFBO29CQUNoQixDQUFDO2lCQUNLLENBQUMsQ0FBQTthQUNWO1lBQ0QsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQWdDLEVBQUU7Z0JBQzFELE9BQU8sRUFBRSxVQUFDLENBQW1COztvQkFDM0IsTUFBQSxNQUFBLEtBQUssQ0FBQyxLQUFLLEVBQUMsT0FBTyxtREFBRyxDQUFDLENBQUMsQ0FBQTtvQkFDeEIsSUFBSSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRTt3QkFDdkIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFBO3FCQUNmO2dCQUNILENBQUM7YUFDSyxDQUFDLENBQUE7U0FDVjtRQUNELE9BQU8sS0FBSyxDQUFBO0lBQ2QsQ0FBQyxDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxpQkFDUCxNQUFNLElBQ2YsTUFBTSxHQUVULGdCQUFnQixDQUNiLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBQzNELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts

@@ -1,8 +1,4 @@
-import React from 'react';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from 'react';
 import { DropdownTriggerProps } from './DropdownTriggerProps';
-declare const DropdownTrigger: {
-    ({ label, value, children }: DropdownTriggerProps): React.JSX.Element;
-    displayName: ComponentName;
-};
+declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownTriggerProps & React.RefAttributes<import("react-native/types").TouchableOpacity>>;
 export default DropdownTrigger;

package/lib/components/dropdown/trigger/DropdownTrigger.native.js

@@ -1,17 +1,8 @@
-import React, { useState } from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
-const DropdownTrigger = ({ label, value, children }) => {
-    const [triggered, setTriggered] = useState(false);
-    return (React.createElement(TouchableOpacity, { onPress: () => {
-            setTriggered(!triggered);
-        } },
-        React.createElement(View, null,
-            React.createElement(Text, null, label),
-            React.createElement(Text, null, value === null || value === void 0 ? void 0 : value.join(','))),
-        triggered && children,
-        " "));
-};
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+var DropdownTrigger = React.forwardRef(function (props, ref) {
+    return (React.createElement(React.Fragment, null));
+});
 DropdownTrigger.displayName = ComponentName.DropdownTrigger;
 export default DropdownTrigger;
-//# sourceMappingURL=DropdownTrigger.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25UcmlnZ2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHJvcGRvd24vdHJpZ2dlci9Ecm9wZG93blRyaWdnZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUQsVUFBQyxLQUFLLEVBQUUsR0FBRztJQUNsRyxPQUFPLENBQ0wseUNBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFFM0QsZUFBZSxlQUFlLENBQUEifQ==

package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts

@@ -1,23 +1,13 @@
 /// <reference types="react" />
-export interface DropdownTriggerClickEvent {
-    active: boolean;
-}
-type DropdownTriggerClickEventHandler = (event: DropdownTriggerClickEvent) => void;
+import { TouchableOpacity } from 'react-native';
+import { Clickable } from '../../../objects/facets/Clickable';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
 /**
- * Dropdown Trigger Interface
+ * DropdownTrigger Interface
  */
-export interface DropdownTriggerProps {
+export interface DropdownTriggerProps extends Clickable, CommonProps, Dev {
     children?: React.ReactNode;
-    onClick?: DropdownTriggerClickEventHandler;
-    active?: boolean;
-    label?: string;
-    placeholder?: string;
-    value?: Array<string | undefined>;
-}
-/**
- * Dropdown Trigger Web Interface
- */
-export interface DropdownTriggerWebProps extends DropdownTriggerProps {
-    className?: string;
 }
-export {};
+export type DropdownTriggerRef = HTMLDivElement;
+export type DropdownTriggerNativeRef = TouchableOpacity;

package/lib/components/dropdown/trigger/DropdownTriggerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=DropdownTriggerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25UcmlnZ2VyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL3RyaWdnZXIvRHJvcGRvd25UcmlnZ2VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js

@@ -0,0 +1,44 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/dropdown/trigger/index.d.ts

@@ -1,2 +1,2 @@
-import DropdownTrigger from './DropdownTrigger';
-export default DropdownTrigger;
+export { default as DropdownTrigger } from './DropdownTrigger';
+export * from './DropdownTriggerProps';

package/lib/components/dropdown/trigger/index.js

@@ -1,3 +1,3 @@
-import DropdownTrigger from './DropdownTrigger';
-export default DropdownTrigger;
-//# sourceMappingURL=index.js.map
+export { default as DropdownTrigger } from './DropdownTrigger';
+export * from './DropdownTriggerProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL3RyaWdnZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM5RCxjQUFjLHdCQUF3QixDQUFBIn0=

package/lib/components/enums.js

@@ -1,4 +1,4 @@
 export * from './button/ButtonEnum';
 export * from './text/TextEnum';
 export * from './icon/IconEnum';
-//# sourceMappingURL=enums.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2VudW1zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUE7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGlCQUFpQixDQUFBIn0=

package/lib/components/enumsComponentsName.d.ts

@@ -3,14 +3,10 @@ export declare enum ComponentName {
     AccordionItem = "AccordionItem",
     AccordionHeader = "AccordionHeader",
     AccordionBody = "AccordionBody",
+    AutoComplete = "AutoComplete",
     AutoLayout = "AutoLayout",
     AutoLayoutWrapper = "AutoLayoutWrapper",
-    AutoComplete = "AutoComplete",
-    AutoCompleteItem = "AutoCompleteItem",
-    AutoCompleteItemNative = "AutoCompleteItemNative",
-    AutoCompleteMenuNative = "AutoCompleteMenuNative",
-    AutoCompleteMenu = "AutoCompleteMenu",
-    AlertState = "AlertState",
+    StatusState = "StatusState",
     Badge = "Badge",
     BadgeTextDirection = "BadgeTextDirection",
     BadgeColor = "BadgeColor",
@@ -26,7 +22,8 @@ export declare enum ComponentName {
     BreadcrumbItem = "BreadcrumbItem",
     Button = "Button",
     ButtonList = "ButtonList",
-    ButtonColor = "ButtonColor",
+    Calendar = "Calendar",
+    ButtonVariant = "ButtonVariant",
     ButtonMarkup = "ButtonMarkup",
     ButtonType = "ButtonType",
     Card = "Card",
@@ -34,30 +31,25 @@ export declare enum ComponentName {
     CardContent = "CardContent",
     CircleIcon = "CircleIcon",
     Checkbox = "Checkbox",
-    CheckboxesList = "CheckboxesList",
+    CheckboxList = "CheckboxList",
+    CheckboxTiles = "CheckboxTiles",
+    CheckboxTile = "CheckboxTile",
     Columns = "Columns",
-    ColumnsItem = "ColumnsItem",
+    Column = "Column",
     Container = "Container",
     ContentSize = "ContentSize",
     Countdown = "Countdown",
-    DeletableNotification = "DeletableNotification",
-    Disclaimer = "Disclaimer",
-    DisclaimerItem = "DisclaimerItem",
     Divider = "Divider",
     Dropdown = "Dropdown",
-    DropdownDivider = "DropdownDivider",
     DropdownItem = "DropdownItem",
-    DropdownMenu = "DropdownMenu",
+    DropdownGroup = "DropdownGroup",
     DropdownTrigger = "DropdownTrigger",
     Fab = "Fab",
+    FlexBox = "FlexBox",
+    FlexItem = "FlexItem",
     Hero = "Hero",
     Icon = "Icon",
     Image = "Image",
-    InfoBlock = "InfoBlock",
-    InfoBlockStatus = "InfoBlockStatus",
-    InfoBlockHeader = "InfoBlockHeader",
-    InfoBlockContent = "InfoBlockContent",
-    InfoBlockAction = "InfoBlockAction",
     Input = "Input",
     InputType = "InputType",
     InputStatus = "InputStatus",
@@ -71,17 +63,12 @@ export declare enum ComponentName {
     ListItem = "ListItem",
     ListItemDescription = "ListItemDescription",
     ListIconStatus = "ListIconStatus",
-    Loader = "Loader",
-    Menu = "Menu",
-    MenuItem = "MenuItem",
-    SubMenuItem = "SubMenuItem",
-    MenuScrolling = "MenuScrolling",
-    MenuLink = "MenuLink",
     Modal = "Modal",
+    ModalBody = "ModalBody",
     ModalMarkup = "ModalMarkup",
     ModalFooter = "ModalFooter",
+    ModalHeader = "ModalHeader",
     ModalCtaMarkup = "ModalCtaMarkup",
-    ModalTitle = "ModalTitle",
     Navbar = "Navbar",
     NavbarBrand = "NavbarBrand",
     NavbarDropdown = "NavbarDropdown",
@@ -96,9 +83,6 @@ export declare enum ComponentName {
     NavbarDivider = "NavbarDivider",
     NavbarAccordionItem = "NavbarAccordionItem",
     NavbarItemMarkup = "NavbarItemMarkup",
-    Notification = "Notification",
-    Options = "Options",
-    OptionsItem = "OptionsItem",
     Pagination = "Pagination",
     PlanPricingPlanPricePrice = "PlanPricingPlanPricePrice",
     Popover = "Popover",
@@ -124,28 +108,21 @@ export declare enum ComponentName {
     Otp = "Otp",
     Radio = "Radio",
     RadioList = "RadioList",
+    RadioTiles = "RadioTiles",
+    RadioTile = "RadioTile",
     Rows = "Rows",
-    RowsItem = "RowsItem",
+    Row = "Row",
     ScrollView = "ScrollView",
     Section = "Section",
     Select = "Select",
     SelectOption = "SelectOption",
-    Selector = "Selector",
     SelectorIOtem = "SelectorIOtem",
-    Slice = "Slice",
-    SliceList = "SliceList",
-    SliceCta = "SliceCta",
-    SliceContent = "SliceContent",
-    SliceIcon = "SliceIcon",
-    SliceBody = "SliceBody",
-    SliceImage = "SliceImage",
-    Slider = "Slider",
-    SliderItem = "SliderItem",
     Spacer = "Spacer",
     SpacerSize = "SpacerSize",
     StatusIcon = "StatusIcon",
     Stepper = "Stepper",
     StepperStep = "StepperStep",
+    Step = "Step",
     StepperStepMarkup = "StepperStepMarkup",
     Sticker = "Sticker",
     StickerVariant = "StickerVariant",
@@ -158,7 +135,10 @@ export declare enum ComponentName {
     TableTh = "TableTh",
     TableTd = "TableTd",
     Tabs = "Tabs",
-    TabsItem = "TabsItem",
+    Tab = "Tab",
+    TabList = "TabList",
+    TabPanel = "TabPanel",
+    TabPanels = "TabPanels",
     Tag = "Tag",
     TagVariant = "TagVariant",
     TagList = "TagList",
@@ -174,7 +154,6 @@ export declare enum ComponentName {
     TimelineMarker = "TimelineMarker",
     Title = "Title",
     ToasterProvider = "ToasterProvider",
-    Toolbar = "Toolbar",
     ToolbarSpace = "ToolbarSpace",
     ToolbarItem = "ToolbarItem",
     ToolbarGroup = "ToolbarGroup",
@@ -185,5 +164,17 @@ export declare enum ComponentName {
     Alert = "Alert",
     Chips = "Chips",
     ChipsList = "ChipsList",
-    Range = "Range"
+    Range = "Range",
+    DatePicker = "DatePicker",
+    Prompt = "Prompt",
+    PromptInputFile = "PromptInputFile",
+    PromptSubmit = "PromptSubmit",
+    PromptTextarea = "PromptTextarea",
+    PromptToolbar = "PromptToolbar",
+    PromptTools = "PromptTools",
+    PromptButton = "PromptButton",
+    PromptSelect = "PromptSelect",
+    PromptMicrophone = "PromptMicrophone",
+    PromptFiles = "PromptFiles",
+    PromptFile = "PromptFile"
 }

package/lib/components/enumsComponentsName.js

@@ -4,14 +4,10 @@ export var ComponentName;
     ComponentName["AccordionItem"] = "AccordionItem";
     ComponentName["AccordionHeader"] = "AccordionHeader";
     ComponentName["AccordionBody"] = "AccordionBody";
+    ComponentName["AutoComplete"] = "AutoComplete";
     ComponentName["AutoLayout"] = "AutoLayout";
     ComponentName["AutoLayoutWrapper"] = "AutoLayoutWrapper";
-    ComponentName["AutoComplete"] = "AutoComplete";
-    ComponentName["AutoCompleteItem"] = "AutoCompleteItem";
-    ComponentName["AutoCompleteItemNative"] = "AutoCompleteItemNative";
-    ComponentName["AutoCompleteMenuNative"] = "AutoCompleteMenuNative";
-    ComponentName["AutoCompleteMenu"] = "AutoCompleteMenu";
-    ComponentName["AlertState"] = "AlertState";
+    ComponentName["StatusState"] = "StatusState";
     ComponentName["Badge"] = "Badge";
     ComponentName["BadgeTextDirection"] = "BadgeTextDirection";
     ComponentName["BadgeColor"] = "BadgeColor";
@@ -27,7 +23,8 @@ export var ComponentName;
     ComponentName["BreadcrumbItem"] = "BreadcrumbItem";
     ComponentName["Button"] = "Button";
     ComponentName["ButtonList"] = "ButtonList";
-    ComponentName["ButtonColor"] = "ButtonColor";
+    ComponentName["Calendar"] = "Calendar";
+    ComponentName["ButtonVariant"] = "ButtonVariant";
     ComponentName["ButtonMarkup"] = "ButtonMarkup";
     ComponentName["ButtonType"] = "ButtonType";
     ComponentName["Card"] = "Card";
@@ -35,30 +32,25 @@ export var ComponentName;
     ComponentName["CardContent"] = "CardContent";
     ComponentName["CircleIcon"] = "CircleIcon";
     ComponentName["Checkbox"] = "Checkbox";
-    ComponentName["CheckboxesList"] = "CheckboxesList";
+    ComponentName["CheckboxList"] = "CheckboxList";
+    ComponentName["CheckboxTiles"] = "CheckboxTiles";
+    ComponentName["CheckboxTile"] = "CheckboxTile";
     ComponentName["Columns"] = "Columns";
-    ComponentName["ColumnsItem"] = "ColumnsItem";
+    ComponentName["Column"] = "Column";
     ComponentName["Container"] = "Container";
     ComponentName["ContentSize"] = "ContentSize";
     ComponentName["Countdown"] = "Countdown";
-    ComponentName["DeletableNotification"] = "DeletableNotification";
-    ComponentName["Disclaimer"] = "Disclaimer";
-    ComponentName["DisclaimerItem"] = "DisclaimerItem";
     ComponentName["Divider"] = "Divider";
     ComponentName["Dropdown"] = "Dropdown";
-    ComponentName["DropdownDivider"] = "DropdownDivider";
     ComponentName["DropdownItem"] = "DropdownItem";
-    ComponentName["DropdownMenu"] = "DropdownMenu";
+    ComponentName["DropdownGroup"] = "DropdownGroup";
     ComponentName["DropdownTrigger"] = "DropdownTrigger";
     ComponentName["Fab"] = "Fab";
+    ComponentName["FlexBox"] = "FlexBox";
+    ComponentName["FlexItem"] = "FlexItem";
     ComponentName["Hero"] = "Hero";
     ComponentName["Icon"] = "Icon";
     ComponentName["Image"] = "Image";
-    ComponentName["InfoBlock"] = "InfoBlock";
-    ComponentName["InfoBlockStatus"] = "InfoBlockStatus";
-    ComponentName["InfoBlockHeader"] = "InfoBlockHeader";
-    ComponentName["InfoBlockContent"] = "InfoBlockContent";
-    ComponentName["InfoBlockAction"] = "InfoBlockAction";
     ComponentName["Input"] = "Input";
     ComponentName["InputType"] = "InputType";
     ComponentName["InputStatus"] = "InputStatus";
@@ -72,17 +64,12 @@ export var ComponentName;
     ComponentName["ListItem"] = "ListItem";
     ComponentName["ListItemDescription"] = "ListItemDescription";
     ComponentName["ListIconStatus"] = "ListIconStatus";
-    ComponentName["Loader"] = "Loader";
-    ComponentName["Menu"] = "Menu";
-    ComponentName["MenuItem"] = "MenuItem";
-    ComponentName["SubMenuItem"] = "SubMenuItem";
-    ComponentName["MenuScrolling"] = "MenuScrolling";
-    ComponentName["MenuLink"] = "MenuLink";
     ComponentName["Modal"] = "Modal";
+    ComponentName["ModalBody"] = "ModalBody";
     ComponentName["ModalMarkup"] = "ModalMarkup";
     ComponentName["ModalFooter"] = "ModalFooter";
+    ComponentName["ModalHeader"] = "ModalHeader";
     ComponentName["ModalCtaMarkup"] = "ModalCtaMarkup";
-    ComponentName["ModalTitle"] = "ModalTitle";
     ComponentName["Navbar"] = "Navbar";
     ComponentName["NavbarBrand"] = "NavbarBrand";
     ComponentName["NavbarDropdown"] = "NavbarDropdown";
@@ -97,9 +84,6 @@ export var ComponentName;
     ComponentName["NavbarDivider"] = "NavbarDivider";
     ComponentName["NavbarAccordionItem"] = "NavbarAccordionItem";
     ComponentName["NavbarItemMarkup"] = "NavbarItemMarkup";
-    ComponentName["Notification"] = "Notification";
-    ComponentName["Options"] = "Options";
-    ComponentName["OptionsItem"] = "OptionsItem";
     ComponentName["Pagination"] = "Pagination";
     ComponentName["PlanPricingPlanPricePrice"] = "PlanPricingPlanPricePrice";
     ComponentName["Popover"] = "Popover";
@@ -125,28 +109,21 @@ export var ComponentName;
     ComponentName["Otp"] = "Otp";
     ComponentName["Radio"] = "Radio";
     ComponentName["RadioList"] = "RadioList";
+    ComponentName["RadioTiles"] = "RadioTiles";
+    ComponentName["RadioTile"] = "RadioTile";
     ComponentName["Rows"] = "Rows";
-    ComponentName["RowsItem"] = "RowsItem";
+    ComponentName["Row"] = "Row";
     ComponentName["ScrollView"] = "ScrollView";
     ComponentName["Section"] = "Section";
     ComponentName["Select"] = "Select";
     ComponentName["SelectOption"] = "SelectOption";
-    ComponentName["Selector"] = "Selector";
     ComponentName["SelectorIOtem"] = "SelectorIOtem";
-    ComponentName["Slice"] = "Slice";
-    ComponentName["SliceList"] = "SliceList";
-    ComponentName["SliceCta"] = "SliceCta";
-    ComponentName["SliceContent"] = "SliceContent";
-    ComponentName["SliceIcon"] = "SliceIcon";
-    ComponentName["SliceBody"] = "SliceBody";
-    ComponentName["SliceImage"] = "SliceImage";
-    ComponentName["Slider"] = "Slider";
-    ComponentName["SliderItem"] = "SliderItem";
     ComponentName["Spacer"] = "Spacer";
     ComponentName["SpacerSize"] = "SpacerSize";
     ComponentName["StatusIcon"] = "StatusIcon";
     ComponentName["Stepper"] = "Stepper";
     ComponentName["StepperStep"] = "StepperStep";
+    ComponentName["Step"] = "Step";
     ComponentName["StepperStepMarkup"] = "StepperStepMarkup";
     ComponentName["Sticker"] = "Sticker";
     ComponentName["StickerVariant"] = "StickerVariant";
@@ -159,7 +136,10 @@ export var ComponentName;
     ComponentName["TableTh"] = "TableTh";
     ComponentName["TableTd"] = "TableTd";
     ComponentName["Tabs"] = "Tabs";
-    ComponentName["TabsItem"] = "TabsItem";
+    ComponentName["Tab"] = "Tab";
+    ComponentName["TabList"] = "TabList";
+    ComponentName["TabPanel"] = "TabPanel";
+    ComponentName["TabPanels"] = "TabPanels";
     ComponentName["Tag"] = "Tag";
     ComponentName["TagVariant"] = "TagVariant";
     ComponentName["TagList"] = "TagList";
@@ -175,7 +155,6 @@ export var ComponentName;
     ComponentName["TimelineMarker"] = "TimelineMarker";
     ComponentName["Title"] = "Title";
     ComponentName["ToasterProvider"] = "ToasterProvider";
-    ComponentName["Toolbar"] = "Toolbar";
     ComponentName["ToolbarSpace"] = "ToolbarSpace";
     ComponentName["ToolbarItem"] = "ToolbarItem";
     ComponentName["ToolbarGroup"] = "ToolbarGroup";
@@ -187,5 +166,17 @@ export var ComponentName;
     ComponentName["Chips"] = "Chips";
     ComponentName["ChipsList"] = "ChipsList";
     ComponentName["Range"] = "Range";
+    ComponentName["DatePicker"] = "DatePicker";
+    ComponentName["Prompt"] = "Prompt";
+    ComponentName["PromptInputFile"] = "PromptInputFile";
+    ComponentName["PromptSubmit"] = "PromptSubmit";
+    ComponentName["PromptTextarea"] = "PromptTextarea";
+    ComponentName["PromptToolbar"] = "PromptToolbar";
+    ComponentName["PromptTools"] = "PromptTools";
+    ComponentName["PromptButton"] = "PromptButton";
+    ComponentName["PromptSelect"] = "PromptSelect";
+    ComponentName["PromptMicrophone"] = "PromptMicrophone";
+    ComponentName["PromptFiles"] = "PromptFiles";
+    ComponentName["PromptFile"] = "PromptFile";
 })(ComponentName || (ComponentName = {}));
-//# sourceMappingURL=enumsComponentsName.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQW1MWDtBQW5MRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixzQ0FBcUIsQ0FBQTtJQUNyQixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIs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

package/lib/components/fab/Fab.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FabProps } from './FabProps';
 /**
  * Fab Component - Floating Button Action
@@ -13,6 +13,8 @@ import { FabProps } from './FabProps';
  * @param left {number} position left
  * @param bottom {number} position bottom
  * @param right {number} position right
+ * @param disabled {boolean} disabled button
+ * @param testId {string} Test Id for Test Integration
  **/
-declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed, top, bottom, left, right, testId, ...others }: FabProps) => JSX.Element;
+declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
 export default Fab;