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

package/lib/components/toolbar/Toolbar.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { has } from '../../services/classify';
+import { getBackgroundClassName } from '../../objects';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+/**
+ * Toolbar Component
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ * @param background {BackgroundStyle} Custom background color
+ */
+const Toolbar = ({ className, background, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('toolbar', background && has(getBackgroundClassName(background)), className));
+    return React.createElement("div", { className: classes, ...others });
+};
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/lib/components/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IACrF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,SAAS,EAAE,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAClF,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/toolbar/ToolbarProps.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { BackgroundProps } from '../../objects/atoms/Background';
+/**
+ * Toolbar Interface
+ */
+export interface ToolbarProps extends BackgroundProps {
+    children?: React.ReactNode;
+    whiteBackground?: boolean;
+}
+/**
+ * Toolbar Web Interface
+ */
+export interface ToolbarWebProps extends ToolbarProps {
+    className?: string;
+}

package/lib/components/toolbar/ToolbarProps.js

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

package/lib/components/toolbar/ToolbarProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarProps.js","sourceRoot":"","sources":["../../../components/toolbar/ToolbarProps.tsx"],"names":[],"mappings":""}

package/lib/components/toolbar/group/ToolbarGroup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ToolbarGroupWebProps } from './ToolbarGroupProps';
+/**
+ * Toolbar Group
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ * @param elastic {boolean} Is elastic
+ */
+declare const ToolbarGroup: ({ className, elastic, ...others }: ToolbarGroupWebProps) => JSX.Element;
+export default ToolbarGroup;

package/lib/components/toolbar/group/ToolbarGroup.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Toolbar Group
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ * @param elastic {boolean} Is elastic
+ */
+const ToolbarGroup = ({ className, elastic, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('toolbar-group', elastic && is('elastic'), className));
+    return React.createElement("div", { className: classes, ...others });
+};
+export default ToolbarGroup;
+//# sourceMappingURL=ToolbarGroup.js.map

package/lib/components/toolbar/group/ToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../components/toolbar/group/ToolbarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,EAAwB,EAAe,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAC7F,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/toolbar/group/ToolbarGroupProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * Toolbar Group Interface
+ */
+export interface ToolbarGroupProps {
+    children: React.ReactNode;
+    elastic?: boolean;
+}
+/**
+ * Toolbar Group Web Interface
+ */
+export interface ToolbarGroupWebProps extends ToolbarGroupProps {
+    className?: string;
+}

package/lib/components/toolbar/group/ToolbarGroupProps.js

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

package/lib/components/toolbar/group/ToolbarGroupProps.js.map

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

package/lib/components/toolbar/group/index.d.ts

@@ -0,0 +1,2 @@
+import ToolbarGroup from './ToolbarGroup';
+export default ToolbarGroup;

package/lib/components/toolbar/group/index.js

@@ -0,0 +1,3 @@
+import ToolbarGroup from './ToolbarGroup';
+export default ToolbarGroup;
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/toolbar/group/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,5 @@
+import ToolbarGroup from './group';
+import ToolbarItem from './item';
+import ToolbarSpace from './space';
+import Toolbar from './Toolbar';
+export { Toolbar, ToolbarSpace, ToolbarItem, ToolbarGroup };

package/lib/components/toolbar/index.js

@@ -0,0 +1,6 @@
+import ToolbarGroup from './group';
+import ToolbarItem from './item';
+import ToolbarSpace from './space';
+import Toolbar from './Toolbar';
+export { Toolbar, ToolbarSpace, ToolbarItem, ToolbarGroup };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,SAAS,CAAA;AAClC,OAAO,WAAW,MAAM,QAAQ,CAAA;AAChC,OAAO,YAAY,MAAM,SAAS,CAAA;AAClC,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA"}

package/lib/components/toolbar/item/ToolbarItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ToolbarItemWebProps } from './ToolbarItemProps';
+/**
+ * Toolbar Item Component
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ * @param clippedToBottom {boolean} Is clipped to bottom
+ */
+declare const ToolbarItem: ({ className, clippedToBottom, ...others }: ToolbarItemWebProps) => JSX.Element;
+export default ToolbarItem;

package/lib/components/toolbar/item/ToolbarItem.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Toolbar Item Component
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ * @param clippedToBottom {boolean} Is clipped to bottom
+ */
+const ToolbarItem = ({ className, clippedToBottom, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('toolbar-item', clippedToBottom && is('clipped-to-bottom'), className));
+    return React.createElement("div", { className: classes, ...others });
+};
+export default ToolbarItem;
+//# sourceMappingURL=ToolbarItem.js.map

package/lib/components/toolbar/item/ToolbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../components/toolbar/item/ToolbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,MAAM,EAAuB,EAAe,EAAE;IAClG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,eAAe,IAAI,EAAE,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9G,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/toolbar/item/ToolbarItemProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * Toolbar Item Interface
+ */
+export interface ToolbarItemProps {
+    children: React.ReactNode;
+    clippedToBottom?: boolean;
+}
+/**
+ * Toolbar Item Web Interface
+ */
+export interface ToolbarItemWebProps extends ToolbarItemProps {
+    className?: string;
+}

package/lib/components/toolbar/item/ToolbarItemProps.js

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

package/lib/components/toolbar/item/ToolbarItemProps.js.map

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

package/lib/components/toolbar/item/index.d.ts

@@ -0,0 +1,2 @@
+import ToolbarItem from './ToolbarItem';
+export default ToolbarItem;

package/lib/components/toolbar/item/index.js

@@ -0,0 +1,3 @@
+import ToolbarItem from './ToolbarItem';
+export default ToolbarItem;
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/toolbar/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/lib/components/toolbar/space/ToolbarSpace.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ToolbarSpaceWebProps } from './ToolbarSpaceProps';
+/**
+ * Toolbar Space Component
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const ToolbarSpace: ({ className, ...others }: ToolbarSpaceWebProps) => JSX.Element;
+export default ToolbarSpace;

package/lib/components/toolbar/space/ToolbarSpace.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Toolbar Space Component
+ * @param children {ReactNode}
+ * @param className {string} Additionnal CSS Classes
+ */
+const ToolbarSpace = ({ className, ...others }) => {
+    const { styled } = useTrilogyContext();
+    return React.createElement("div", { className: hashClass(styled, clsx('toolbar-space', className)), ...others });
+};
+export default ToolbarSpace;
+//# sourceMappingURL=ToolbarSpace.js.map

package/lib/components/toolbar/space/ToolbarSpace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSpace.js","sourceRoot":"","sources":["../../../../components/toolbar/space/ToolbarSpace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAwB,EAAe,EAAE;IACnF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAAA;AAC5F,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/toolbar/space/ToolbarSpaceProps.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * Toolbar Space Interface
+ */
+export interface ToolbarSpaceProps {
+    children?: React.ReactNode;
+}
+/**
+ * Toolbar Space Web Interface
+ */
+export interface ToolbarSpaceWebProps extends ToolbarSpaceProps {
+    className?: string;
+}

package/lib/components/toolbar/space/ToolbarSpaceProps.js

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

package/lib/components/toolbar/space/ToolbarSpaceProps.js.map

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

package/lib/components/toolbar/space/index.d.ts

@@ -0,0 +1,2 @@
+import ToolbarSpace from './ToolbarSpace';
+export default ToolbarSpace;

package/lib/components/toolbar/space/index.js

@@ -0,0 +1,3 @@
+import ToolbarSpace from './ToolbarSpace';
+export default ToolbarSpace;
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/toolbar/space/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/lib/components/view/View.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ViewProps } from './ViewProps';
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param flexable {boolean} Flexable view
+ * @param style {CSSProperties} View custom style
+ * @param onClick {Function} Click Event
+ * @param color {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} View backgroud image source
+ * @param id {string} Id for Web / TestID for Native
+ * @param fullwidth {boolean} true by default
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * - ------------------ WEB PROPERTIES ---------------
+ * @param className {string} Additionnal css classes
+ * @param loading {Loading} Loading View
+ * @param markup {ViewMarkup} Markup for View
+ * - ------------------ NATIVE PROPERTIES ------------
+ * @param bottom {boolean} Bottom position
+ */
+declare const View: ({ children, style, className, loading, onClick, backgroundSrc, color, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
+export default View;

package/lib/components/view/View.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { ViewMarkup } from './ViewProps';
+import clsx from 'clsx';
+import { has, is } from '../../services';
+import { getLoadingClassName, getJustifyClassName, getAlignClassName } from "../../objects";
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param flexable {boolean} Flexable view
+ * @param style {CSSProperties} View custom style
+ * @param onClick {Function} Click Event
+ * @param color {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} View backgroud image source
+ * @param id {string} Id for Web / TestID for Native
+ * @param fullwidth {boolean} true by default
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * - ------------------ WEB PROPERTIES ---------------
+ * @param className {string} Additionnal css classes
+ * @param loading {Loading} Loading View
+ * @param markup {ViewMarkup} Markup for View
+ * - ------------------ NATIVE PROPERTIES ------------
+ * @param bottom {boolean} Bottom position
+ */
+const View = ({ children, style, className, loading, onClick, backgroundSrc, color, fullwidth = true, markup, flexable, justify, align, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const isCorrectMarkup = (stringMarkup) => {
+        if (stringMarkup in ViewMarkup || Object.values(ViewMarkup).includes(stringMarkup))
+            return true;
+    };
+    const Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
+    const classes = hashClass(styled, clsx(typeof loading === 'string' && is(getLoadingClassName(loading)), typeof loading === 'boolean' ? is('loading') : is('loaded'), color && has(`background-${color}`), backgroundSrc && has('background'), fullwidth && is('fullwidth'), flexable && is('flex'), typeof justify === 'string' && is(getJustifyClassName(justify)), typeof align === 'string' && is(getAlignClassName(align)), className));
+    return (React.createElement(Tag, { onClick: onClick, style: style, className: classes, ...(backgroundSrc && {
+            style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
+        }), ...others }, children));
+};
+export default View;
+//# sourceMappingURL=View.js.map

package/lib/components/view/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IAAI,YAAY,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAAE,OAAO,IAAI,CAAA;IAC/G,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAC3D,KAAK,IAAI,GAAG,CAAC,cAAc,KAAK,EAAE,CAAC,EACnC,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,MAAM,CAAC,EACtB,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACzD,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,KACE,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/view/View.native.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ViewProps } from './ViewProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param style {object} View custom style
+ * @param onClick {Function} Click Event
+ * @param flexable {boolean} Flexable view
+ * @param bottom {boolean} Bottom position
+ * @param color {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} Source of background Image
+ * @param id {string} Id for Web / TestID for Native
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param fullwidth {boolean} true by default
+ * @param others
+ */
+declare const View: {
+    ({ children, style, onClick, flexable, bottom, color, backgroundSrc, id, justify, fullwidth, align, ...others }: ViewProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default View;

package/lib/components/view/View.native.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { View as ViewNative, StyleSheet, TouchableOpacity, ImageBackground } from 'react-native';
+import { getAlignStyle, getJustifyStyle } from '../../objects';
+import { getColorStyle } from '../../objects/facets/Color';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param style {object} View custom style
+ * @param onClick {Function} Click Event
+ * @param flexable {boolean} Flexable view
+ * @param bottom {boolean} Bottom position
+ * @param color {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} Source of background Image
+ * @param id {string} Id for Web / TestID for Native
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param fullwidth {boolean} true by default
+ * @param others
+ */
+const View = ({ children, style, onClick, flexable, bottom, color, backgroundSrc, id, justify, fullwidth = true, align, ...others }) => {
+    const viewColor = (color && getColorStyle(color)) || 'transparent';
+    const styles = StyleSheet.create({
+        view: {
+            flex: flexable ? 1 : 0,
+            backgroundColor: viewColor,
+            width: fullwidth ? '100%' : 'auto',
+            ...(justify && { justifyContent: getJustifyStyle(justify) }),
+            ...(align && { alignItems: getAlignStyle(align) }),
+        },
+        bottom: {
+            position: 'absolute',
+            bottom: 0,
+            width: fullwidth ? '100%' : 'auto',
+        },
+        sectionImage: {
+            flex: flexable ? 1 : 0,
+            width: '100%',
+            height: 'auto',
+        },
+    });
+    let returnView = (React.createElement(ViewNative, { testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style], ...others }, children));
+    if (!children) {
+        returnView = (React.createElement(ViewNative, { testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style], ...others }));
+    }
+    if (onClick) {
+        returnView = (React.createElement(ViewNative, { testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style], ...others },
+            React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: onClick }, children)));
+    }
+    return backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } }, returnView)) : (returnView);
+};
+View.displayName = ComponentName.View;
+export default View;
+//# sourceMappingURL=View.native.js.map

package/lib/components/view/View.native.js.map

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

package/lib/components/view/ViewEnum.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Icon Color
+ */
+export declare enum ViewColor {
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    TERTIARY = "TERTIARY",
+    WHITE = "WHITE"
+}
+/**
+ * Icon Color values
+ */
+export type ViewColorValues = `${ViewColor}`;
+export declare enum JustifyContent {
+    SPACE_BETWEEN = "space-between",
+    SPACE_AROUND = "space-around",
+    FLEX_START = "flex-start",
+    FLEX_END = "flex-end",
+    CENTER = "center"
+}

package/lib/components/view/ViewEnum.js

@@ -0,0 +1,21 @@
+/**
+ * Icon Color
+ */
+export var ViewColor;
+(function (ViewColor) {
+    ViewColor["SUCCESS"] = "SUCCESS";
+    ViewColor["ERROR"] = "ERROR";
+    ViewColor["INFO"] = "INFO";
+    ViewColor["WARNING"] = "WARNING";
+    ViewColor["TERTIARY"] = "TERTIARY";
+    ViewColor["WHITE"] = "WHITE";
+})(ViewColor || (ViewColor = {}));
+export var JustifyContent;
+(function (JustifyContent) {
+    JustifyContent["SPACE_BETWEEN"] = "space-between";
+    JustifyContent["SPACE_AROUND"] = "space-around";
+    JustifyContent["FLEX_START"] = "flex-start";
+    JustifyContent["FLEX_END"] = "flex-end";
+    JustifyContent["CENTER"] = "center";
+})(JustifyContent || (JustifyContent = {}));
+//# sourceMappingURL=ViewEnum.js.map

package/lib/components/view/ViewEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewEnum.js","sourceRoot":"","sources":["../../../components/view/ViewEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,SAOX;AAPD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,4BAAe,CAAA;IACf,0BAAa,CAAA;IACb,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;IACrB,4BAAe,CAAA;AACjB,CAAC,EAPW,SAAS,KAAT,SAAS,QAOpB;AAOD,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,iDAA+B,CAAA;IAC/B,+CAA6B,CAAA;IAC7B,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;AACnB,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB"}

package/lib/components/view/ViewProps.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { Loadable, TrilogyColor, TrilogyColorValues, Clickable, Fullwidth, JustifiableProps, AlignableProps } from "../../objects";
+type Styles = {
+    [key: string]: any;
+};
+export declare enum ViewMarkup {
+    BUTTON = "button",
+    INPUT = "input",
+    A = "a",
+    SPAN = "span",
+    DIV = "div",
+    P = "p",
+    UL = "ul",
+    LI = "li",
+    LABEL = "label"
+}
+export type ViewMarkupValues = `${ViewMarkup}`;
+/**
+ * View Interface
+ */
+export interface ViewProps extends Loadable, Clickable, JustifiableProps, Fullwidth, AlignableProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: Styles;
+    flexable?: boolean;
+    bottom?: boolean;
+    color?: TrilogyColor | TrilogyColorValues;
+    backgroundSrc?: string;
+    id?: string;
+    markup?: ViewMarkup | ViewMarkupValues;
+}
+export {};

package/lib/components/view/ViewProps.js

@@ -0,0 +1,13 @@
+export var ViewMarkup;
+(function (ViewMarkup) {
+    ViewMarkup["BUTTON"] = "button";
+    ViewMarkup["INPUT"] = "input";
+    ViewMarkup["A"] = "a";
+    ViewMarkup["SPAN"] = "span";
+    ViewMarkup["DIV"] = "div";
+    ViewMarkup["P"] = "p";
+    ViewMarkup["UL"] = "ul";
+    ViewMarkup["LI"] = "li";
+    ViewMarkup["LABEL"] = "label";
+})(ViewMarkup || (ViewMarkup = {}));
+//# sourceMappingURL=ViewProps.js.map

package/lib/components/view/ViewProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewProps.js","sourceRoot":"","sources":["../../../components/view/ViewProps.ts"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;IACP,uBAAS,CAAA;IACT,uBAAS,CAAA;IACT,6BAAe,CAAA;AACjB,CAAC,EAVW,UAAU,KAAV,UAAU,QAUrB"}

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

@@ -0,0 +1,3 @@
+import View from './View';
+export * from './ViewEnum';
+export { View };

package/lib/components/view/index.js

@@ -0,0 +1,4 @@
+import View from './View';
+export * from './ViewEnum';
+export { View };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/view/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/lib/context/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ITrilogyContext {
+    styled: boolean;
+    setStyled: (e: boolean) => void;
+}
+declare const TrilogyContext: React.Context<ITrilogyContext>;
+declare const useTrilogyContext: () => ITrilogyContext;
+export { TrilogyContext, useTrilogyContext };

package/lib/context/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+const TrilogyContext = React.createContext({
+    styled: false,
+    setStyled: () => undefined,
+});
+const useTrilogyContext = () => {
+    const context = React.useContext(TrilogyContext);
+    if (context === undefined) {
+        throw new Error('useTrilogyContext must be used within a TrilogyProvider');
+    }
+    return context;
+};
+export { TrilogyContext, useTrilogyContext };
+//# sourceMappingURL=index.js.map

package/lib/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC1D,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;KAC3E;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}

package/lib/context/index.native.d.ts

@@ -0,0 +1 @@
+export declare const TrilogyContext: () => void;

package/lib/context/index.native.js

@@ -0,0 +1,4 @@
+export const TrilogyContext = () => {
+    return;
+};
+//# sourceMappingURL=index.native.js.map

package/lib/context/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../context/index.native.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAM;AACR,CAAC,CAAA"}

package/lib/context/interfaces.d.ts

@@ -0,0 +1,9 @@
+import type { ImageSourcePropType } from "react-native";
+export interface ITrilogyTheme {
+    icons?: {
+        [key: string]: ImageSourcePropType;
+    };
+    colors: {
+        [key: string]: string;
+    };
+}

package/lib/context/interfaces.js

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

package/lib/context/interfaces.js.map

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