@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/enumsComponentsName.js

@@ -0,0 +1,192 @@
+export var ComponentName;
+(function (ComponentName) {
+    ComponentName["Accordion"] = "Accordion";
+    ComponentName["AccordionItem"] = "AccordionItem";
+    ComponentName["AccordionHeader"] = "AccordionHeader";
+    ComponentName["AccordionBody"] = "AccordionBody";
+    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["Badge"] = "Badge";
+    ComponentName["BadgeTextDirection"] = "BadgeTextDirection";
+    ComponentName["BadgeColor"] = "BadgeColor";
+    ComponentName["Box"] = "Box";
+    ComponentName["BoxMarkup"] = "BoxMarkup";
+    ComponentName["BoxItem"] = "BoxItem";
+    ComponentName["BoxItemSize"] = "BoxItemSize";
+    ComponentName["BoxHeader"] = "BoxHeader";
+    ComponentName["BoxContent"] = "BoxContent";
+    ComponentName["BoxFooter"] = "BoxFooter";
+    ComponentName["BoxTableContainer"] = "BoxTableContainer";
+    ComponentName["Breadcrumb"] = "Breadcrumb";
+    ComponentName["BreadcrumbItem"] = "BreadcrumbItem";
+    ComponentName["Button"] = "Button";
+    ComponentName["ButtonList"] = "ButtonList";
+    ComponentName["ButtonColor"] = "ButtonColor";
+    ComponentName["ButtonMarkup"] = "ButtonMarkup";
+    ComponentName["ButtonType"] = "ButtonType";
+    ComponentName["Card"] = "Card";
+    ComponentName["CardImage"] = "CardImage";
+    ComponentName["CardContent"] = "CardContent";
+    ComponentName["CircleIcon"] = "CircleIcon";
+    ComponentName["Checkbox"] = "Checkbox";
+    ComponentName["CheckboxesList"] = "CheckboxesList";
+    ComponentName["Columns"] = "Columns";
+    ComponentName["ColumnsItem"] = "ColumnsItem";
+    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["DropdownTrigger"] = "DropdownTrigger";
+    ComponentName["Fab"] = "Fab";
+    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";
+    ComponentName["InputKeyboardAppearance"] = "InputKeyboardAppearance";
+    ComponentName["InputAutoCapitalize"] = "InputAutoCapitalize";
+    ComponentName["InputAutoCompleteType"] = "InputAutoCompleteType";
+    ComponentName["InputTextContentType"] = "InputTextContentType";
+    ComponentName["InputKeyboardType"] = "InputKeyboardType";
+    ComponentName["Link"] = "Link";
+    ComponentName["List"] = "List";
+    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["ModalMarkup"] = "ModalMarkup";
+    ComponentName["ModalFooter"] = "ModalFooter";
+    ComponentName["ModalCtaMarkup"] = "ModalCtaMarkup";
+    ComponentName["ModalTitle"] = "ModalTitle";
+    ComponentName["Navbar"] = "Navbar";
+    ComponentName["NavbarBrand"] = "NavbarBrand";
+    ComponentName["NavbarDropdown"] = "NavbarDropdown";
+    ComponentName["NavbarDropdownSection"] = "NavbarDropdownSection";
+    ComponentName["NavbarItem"] = "NavbarItem";
+    ComponentName["NavbarLinks"] = "NavbarLinks";
+    ComponentName["NavbarLink"] = "NavbarLink";
+    ComponentName["NavbarMenu"] = "NavbarMenu";
+    ComponentName["NavbarStart"] = "NavbarStart";
+    ComponentName["NavbarExtras"] = "NavbarExtras";
+    ComponentName["NavbarEnd"] = "NavbarEnd";
+    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";
+    ComponentName["Price"] = "Price";
+    ComponentName["PriceLevel"] = "PriceLevel";
+    ComponentName["PriceVariant"] = "PriceVariant";
+    ComponentName["PricingPlan"] = "PricingPlan";
+    ComponentName["PricingPlanItem"] = "PricingPlanItem";
+    ComponentName["PricingPlanItems"] = "PricingPlanItems";
+    ComponentName["PricingPlanHeader"] = "PricingPlanHeader";
+    ComponentName["PricingPlanProduct"] = "PricingPlanProduct";
+    ComponentName["PricingPlanExtra"] = "PricingPlanExtra";
+    ComponentName["PricingPlanFooter"] = "PricingPlanfooter";
+    ComponentName["PricingPlanSticker"] = "PricingPlanSticker";
+    ComponentName["PricingPlanPrice"] = "PricingPlanPrice";
+    ComponentName["PricingTable"] = "PricingTable";
+    ComponentName["PricingTableExtra"] = "PricingTableExtra";
+    ComponentName["ProductTour"] = "ProductTour";
+    ComponentName["Progress"] = "Progress";
+    ComponentName["ProgressItem"] = "ProgressItem";
+    ComponentName["ProgressRadial"] = "ProgressRadial";
+    ComponentName["ProgressRadialItem"] = "ProgressRadialItem";
+    ComponentName["Otp"] = "Otp";
+    ComponentName["Radio"] = "Radio";
+    ComponentName["RadioList"] = "RadioList";
+    ComponentName["Rows"] = "Rows";
+    ComponentName["RowsItem"] = "RowsItem";
+    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["StepperStepMarkup"] = "StepperStepMarkup";
+    ComponentName["Sticker"] = "Sticker";
+    ComponentName["StickerVariant"] = "StickerVariant";
+    ComponentName["StickerMarkup"] = "StickerMarkup";
+    ComponentName["Switch"] = "Switch";
+    ComponentName["Table"] = "Table";
+    ComponentName["TableHead"] = "TableHead";
+    ComponentName["TableBody"] = "TableBody";
+    ComponentName["TableTr"] = "TableTr";
+    ComponentName["TableTh"] = "TableTh";
+    ComponentName["TableTd"] = "TableTd";
+    ComponentName["Tabs"] = "Tabs";
+    ComponentName["TabsItem"] = "TabsItem";
+    ComponentName["Tag"] = "Tag";
+    ComponentName["TagVariant"] = "TagVariant";
+    ComponentName["TagList"] = "TagList";
+    ComponentName["Text"] = "Text";
+    ComponentName["TextIcon"] = "TextIcon";
+    ComponentName["TextLevels"] = "TextLevels";
+    ComponentName["TextMarkup"] = "TextMarkup";
+    ComponentName["TextIconMarkup"] = "TextIconMarkup";
+    ComponentName["Textarea"] = "Textarea";
+    ComponentName["Tile"] = "Tile";
+    ComponentName["Timeline"] = "Timeline";
+    ComponentName["TimelineItem"] = "TimelineItem";
+    ComponentName["TimelineContent"] = "TimelineContent";
+    ComponentName["TimelineMarker"] = "TimelineMarker";
+    ComponentName["Title"] = "Title";
+    ComponentName["ToasterProvider"] = "ToasterProvider";
+    ComponentName["Toolbar"] = "Toolbar";
+    ComponentName["ToolbarSpace"] = "ToolbarSpace";
+    ComponentName["ToolbarItem"] = "ToolbarItem";
+    ComponentName["ToolbarGroup"] = "ToolbarGroup";
+    ComponentName["View"] = "View";
+    ComponentName["SenderEnum"] = "SenderEnum";
+    ComponentName["SegmentControl"] = "SegmentControl";
+    ComponentName["SegmentControlItem"] = "SegmentControlItem";
+    ComponentName["Alert"] = "Alert";
+    ComponentName["Chips"] = "Chips";
+    ComponentName["ChipsList"] = "ChipsList";
+    ComponentName["Range"] = "Range";
+})(ComponentName || (ComponentName = {}));
+//# sourceMappingURL=enumsComponentsName.js.map

package/lib/components/enumsComponentsName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enumsComponentsName.js","sourceRoot":"","sources":["../../components/enumsComponentsName.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FabProps } from './FabProps';
+/**
+ * Fab Component - Floating Button Action
+ * @param children {ReactNode} Text for fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param className {string} Additional CSS Classes (only web)
+ * @param fixed {boolean} position fixed,true by dyfault
+ * @param top {number} position top
+ * @param left {number} position left
+ * @param bottom {number} position bottom
+ * @param right {number} position right
+ **/
+declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed, top, bottom, left, right, testId, ...others }: FabProps) => JSX.Element;
+export default Fab;

package/lib/components/fab/Fab.js

@@ -0,0 +1,48 @@
+import React, { useEffect, useState } from 'react';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import Icon from '../icon/Icon';
+import { is } from '../../services';
+/**
+ * Fab Component - Floating Button Action
+ * @param children {ReactNode} Text for fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param className {string} Additional CSS Classes (only web)
+ * @param fixed {boolean} position fixed,true by dyfault
+ * @param top {number} position top
+ * @param left {number} position left
+ * @param bottom {number} position bottom
+ * @param right {number} position right
+ **/
+const Fab = ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed = true, top, bottom, left, right, testId, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const [isExtended, setIsExtended] = useState(extended || false);
+    useEffect(() => {
+        setIsExtended(extended || false);
+    }, [isExtended]);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const positionStyle = top || bottom || left || right
+        ? {
+            position: fixed ? 'fixed' : 'absolute',
+            top: top !== null && top !== void 0 ? top : 'auto',
+            bottom: bottom !== null && bottom !== void 0 ? bottom : 'auto',
+            left: left !== null && left !== void 0 ? left : 'auto',
+            right: right !== null && right !== void 0 ? right : 'auto',
+        }
+        : {
+            position: 'relative',
+        };
+    const _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
+    return (React.createElement("button", { "data-testid": testId, "aria-label": accessibilityLabel, onClick: (e) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        }, style: { ...positionStyle }, ...others, className: _className },
+        React.createElement(Icon, { name: iconName }),
+        children));
+};
+export default Fab;
+//# sourceMappingURL=Fab.js.map

package/lib/components/fab/Fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fab.js","sourceRoot":"","sources":["../../../components/fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC;;;;;;;;;;;;;IAaI;AAEJ,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,8DAA8D;IAC9D,MAAM,aAAa,GACjB,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,KAAK;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU;YACtC,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,MAAM;YAClB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM;YACxB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM;YACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM;SACvB;QACH,CAAC,CAAC;YACE,QAAQ,EAAE,UAAU;SACrB,CAAA;IAEP,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAExF,OAAO,CACL,+CACe,MAAM,gBACP,kBAAkB,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,KACvB,MAAM,EACV,SAAS,EAAE,UAAU;QAErB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAoB,GAAI;QACnC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { FabProps } from './FabProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Fab Native Component
+ * @param children {string} label fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param top {number} position top
+ * @param left {number} position left
+ * @param bottom {number} position bottom
+ * @param right {number} position right
+ */
+declare const Fab: {
+    ({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, }: FabProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Fab;

package/lib/components/fab/Fab.native.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { Alignable, getColorStyle, TrilogyColor } from '../../objects';
+import { Icon, IconColor, IconSize } from '../icon';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Fab Native Component
+ * @param children {string} label fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param top {number} position top
+ * @param left {number} position left
+ * @param bottom {number} position bottom
+ * @param right {number} position right
+ */
+const Fab = ({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, }) => {
+    const styles = StyleSheet.create({
+        button: {
+            backgroundColor: getColorStyle(TrilogyColor.SECONDARY),
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: 16,
+            minHeight: 56,
+            height: 'auto',
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 3 },
+            shadowOpacity: 0.2,
+            shadowRadius: 6,
+            elevation: 3,
+            position: top || bottom || left || right ? 'absolute' : 'relative',
+            top: top ? top : 'auto',
+            right: right ? right : 'auto',
+            left: left ? left : 'auto',
+            bottom: bottom ? bottom : 'auto',
+            width: extended ? 'auto' : 60,
+            flexDirection: 'row',
+            zIndex: 999,
+        },
+        label: {
+            color: 'white',
+            fontWeight: '600',
+            fontSize: 16,
+            lineHeight: 20,
+            marginLeft: 10,
+            marginRight: 16,
+        },
+        icon: {
+            marginLeft: extended ? 16 : 0,
+            marginRight: extended ? 8 : 0,
+        },
+        extended: {
+            height: 56,
+        },
+    });
+    return (React.createElement(TouchableOpacity, { style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) }, extended ? (React.createElement(React.Fragment, null,
+        React.createElement(Icon, { style: styles.icon, name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
+        React.createElement(Text, { style: styles.label }, children))) : (React.createElement(Icon, { style: styles.icon, name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
+};
+Fab.displayName = ComponentName.Fab;
+export default Fab;
+//# sourceMappingURL=Fab.native.js.map

package/lib/components/fab/Fab.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fab.native.js","sourceRoot":"","sources":["../../../components/fab/Fab.native.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../icon';
+import { Accessibility, Clickable, Position } from '../../objects';
+import { DimensionValue } from 'react-native';
+/**
+ * Fab Interface
+ */
+export interface FabProps extends Accessibility, Clickable, Position {
+    children: string | React.ReactNode;
+    extended?: boolean;
+    iconName: IconName | IconNameValues;
+    className?: string;
+    fixed?: boolean;
+    top?: DimensionValue | number | undefined;
+    bottom?: DimensionValue | number | undefined;
+    left?: DimensionValue | number | undefined;
+    right?: DimensionValue | number | undefined;
+}

package/lib/components/fab/FabProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FabProps.js.map

package/lib/components/fab/FabProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FabProps.js","sourceRoot":"","sources":["../../../components/fab/FabProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import Fab from "./Fab";
+export { Fab };

package/lib/components/fab/index.js

@@ -0,0 +1,3 @@
+import Fab from "./Fab";
+export { Fab };
+//# sourceMappingURL=index.js.map

package/lib/components/fab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/fab/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/lib/components/hero/Hero.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { HeroProps } from './HeroProps';
+/**
+ * Hero Component
+ * @param children {React.ReactNode} Hero Children
+ * @param backgroundSrc {string} If source, it will display background option
+ * @param variant {VariantState} Hero background color : primary|secondary|tertiary
+ * @param onClick {Function} onClick Event
+ * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
+ * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param backgroundHeight {BackgroundHeight} Background heigth
+ */
+declare const Hero: ({ children, className, backgroundSrc, align, justify, variant, onClick, overlap, ...others }: HeroProps) => JSX.Element;
+export default Hero;

package/lib/components/hero/Hero.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { is, has } from '../../services/classify';
+import { getAlignClassName, getVariantClassName } from '../../objects';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Hero Component
+ * @param children {React.ReactNode} Hero Children
+ * @param backgroundSrc {string} If source, it will display background option
+ * @param variant {VariantState} Hero background color : primary|secondary|tertiary
+ * @param onClick {Function} onClick Event
+ * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
+ * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param backgroundHeight {BackgroundHeight} Background heigth
+ */
+const Hero = ({ children, className, backgroundSrc, align, justify, variant, onClick, overlap, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('hero', variant && has(`background-${getVariantClassName(variant)}`), backgroundSrc && [is('primary'), has('background')], align && is(getAlignClassName(align)), justify && is(justify), overlap && is('overlapped'), className));
+    if (variant) {
+        return (React.createElement("section", { onClick: onClick && onClick, className: classes, ...others },
+            React.createElement("div", { className: hashClass(styled, clsx('hero-body')) }, children)));
+    }
+    return (React.createElement("section", { onClick: onClick && onClick, ...(backgroundSrc && { style: { backgroundImage: `url(${backgroundSrc})` } }), className: classes, ...others },
+        React.createElement("div", { className: hashClass(styled, clsx('hero-body')) }, children)));
+};
+export default Hero;
+//# sourceMappingURL=Hero.js.map

package/lib/components/hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../components/hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACtE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,OAAO,IAAI,GAAG,CAAC,cAAc,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC,EAC5D,aAAa,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,EACnD,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,EACtB,OAAO,IAAI,EAAE,CAAC,YAAY,CAAC,EAC3B,SAAS,CACV,CACF,CAAA;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,iCAAS,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM;YAClE,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAG,QAAQ,CAAO,CAC9D,CACX,CAAA;KACF;IAED,OAAO,CACL,iCACE,OAAO,EAAE,OAAO,IAAI,OAAO,KACvB,CAAC,aAAa,IAAI,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,EAAE,CAAC,EAC9E,SAAS,EAAE,OAAO,KACd,MAAM;QAEV,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAG,QAAQ,CAAO,CAC9D,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/hero/Hero.native.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { HeroProps } from './HeroProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Hero Component
+ * @param children {ReactNode} Hero Children
+ * @param backgroundSrc {string} If source, it will display background option
+ * @param variant {VariantState} Hero background color : primary|secondary|tertiary
+ * @param onClick {Function} onClick Event
+ * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
+ * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
+ * @param backgroundHeight {BackgroundHeight} Background heigth
+ */
+declare const Hero: {
+    ({ children, backgroundSrc, variant, onClick, overlap, backgroundHeight, ...others }: HeroProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Hero;

package/lib/components/hero/Hero.native.js

@@ -0,0 +1,89 @@
+import React, { useState } from 'react';
+import { StyleSheet, ImageBackground, TouchableOpacity, View } from 'react-native';
+import { getVariantStyle, TrilogyColor } from '../../objects';
+import { Box } from '../box';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Hero Component
+ * @param children {ReactNode} Hero Children
+ * @param backgroundSrc {string} If source, it will display background option
+ * @param variant {VariantState} Hero background color : primary|secondary|tertiary
+ * @param onClick {Function} onClick Event
+ * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
+ * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
+ * @param backgroundHeight {BackgroundHeight} Background heigth
+ */
+const Hero = ({ children, backgroundSrc, variant, onClick, overlap, backgroundHeight, ...others }) => {
+    const [overlapHeight, setOverlapHeight] = useState(0);
+    const [secondOverlapHeight, setSecondOverlapHeight] = useState(0);
+    const isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
+    const isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
+    const overlapMargin = backgroundHeight ? overlapHeight - backgroundHeight / 2 : overlapHeight - 60;
+    const marginBottomOverlap = isSecondOverlapNotEmpty ? 70 : 60;
+    const styles = StyleSheet.create({
+        hero: {
+            width: '100%',
+            minHeight: 100,
+            maxHeight: 300,
+            height: backgroundHeight ? backgroundHeight : 'auto',
+        },
+        content: {
+            padding: 15,
+            marginBottom: overlap ? marginBottomOverlap : 0,
+        },
+        variant: {
+            backgroundColor: variant && getVariantStyle(variant),
+        },
+        overlap: {
+            position: 'absolute',
+            top: isSecondOverlapNotEmpty ? -40 : backgroundHeight ? backgroundHeight * (-1 / 2) : -60,
+        },
+        secondOverlap: {
+            position: 'absolute',
+            alignSelf: 'center',
+            top: secondOverlapHeight * (-1 / 2) - 40,
+            width: '100%',
+        },
+        subOverlap: {
+            height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapMargin,
+        },
+    });
+    let heroView;
+    if (variant) {
+        heroView = (React.createElement(View, { style: [styles.variant, styles.hero] },
+            React.createElement(View, { style: styles.content }, children)));
+    }
+    else {
+        heroView = (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: styles.hero, ...others },
+            React.createElement(View, { style: styles.content }, children)));
+    }
+    let overlapView;
+    if (isSecondOverlap) {
+        overlapView = (React.createElement(View, { style: styles.subOverlap },
+            React.createElement(View, { style: styles.overlap, onLayout: (event) => {
+                    const { height } = event.nativeEvent.layout;
+                    setOverlapHeight(height);
+                } },
+                React.createElement(Box, { background: TrilogyColor.GREY_LIGHTER },
+                    React.createElement(View, { style: { marginBottom: secondOverlapHeight / 2 } }),
+                    overlap && typeof overlap !== 'boolean' ? overlap[0] : null)),
+            React.createElement(View, { style: styles.secondOverlap, onLayout: (event) => {
+                    const { height } = event.nativeEvent.layout;
+                    setSecondOverlapHeight(height);
+                } }, overlap && typeof overlap !== 'boolean' ? overlap[1] : null)));
+    }
+    else {
+        overlapView = (React.createElement(View, { style: styles.subOverlap },
+            React.createElement(View, { style: styles.overlap, onLayout: (event) => {
+                    const { height } = event.nativeEvent.layout;
+                    setOverlapHeight(height);
+                } }, overlap && typeof overlap !== 'boolean' ? overlap[0] : null)));
+    }
+    return onClick ? (React.createElement(View, null,
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: '100%' } },
+        heroView,
+        overlapView));
+};
+Hero.displayName = ComponentName.Hero;
+export default Hero;
+//# sourceMappingURL=Hero.native.js.map

package/lib/components/hero/Hero.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.native.js","sourceRoot":"","sources":["../../../components/hero/Hero.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/hero/HeroProps.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Clickable, VariantProps } from '../../objects/facets';
+import { AlignableProps } from '../../objects/facets/Alignable';
+import { JustifiableProps } from '../../objects/facets/Justifiable';
+import { BackgroundHeight } from './heroEnum';
+/**
+ * Hero Interface
+ */
+export interface HeroProps extends VariantProps, AlignableProps, JustifiableProps, Clickable {
+    children?: React.ReactNode;
+    backgroundSrc?: string | number;
+    className?: string;
+    overlap?: React.ReactNode[] | boolean;
+    backgroundHeight?: BackgroundHeight;
+}

package/lib/components/hero/HeroProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HeroProps.js.map

package/lib/components/hero/HeroProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroProps.js","sourceRoot":"","sources":["../../../components/hero/HeroProps.ts"],"names":[],"mappings":""}

package/lib/components/hero/heroEnum.d.ts

@@ -0,0 +1,6 @@
+export declare enum BackgroundHeight {
+    SMALL = 100,
+    MEDIUM = 150,
+    LARGE = 200,
+    HUGE = 300
+}

package/lib/components/hero/heroEnum.js

@@ -0,0 +1,8 @@
+export var BackgroundHeight;
+(function (BackgroundHeight) {
+    BackgroundHeight[BackgroundHeight["SMALL"] = 100] = "SMALL";
+    BackgroundHeight[BackgroundHeight["MEDIUM"] = 150] = "MEDIUM";
+    BackgroundHeight[BackgroundHeight["LARGE"] = 200] = "LARGE";
+    BackgroundHeight[BackgroundHeight["HUGE"] = 300] = "HUGE";
+})(BackgroundHeight || (BackgroundHeight = {}));
+//# sourceMappingURL=heroEnum.js.map

package/lib/components/hero/heroEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroEnum.js","sourceRoot":"","sources":["../../../components/hero/heroEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,2DAAW,CAAA;IACX,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,yDAAU,CAAA;AACZ,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B"}

package/lib/components/hero/index.d.ts

@@ -0,0 +1,2 @@
+import Hero from './Hero';
+export { Hero };