@trilogy-ds/react 0.0.1-beta.8 → 0.0.3-beta-v4

package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js

@@ -0,0 +1,252 @@
+export default {
+  "href": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "routerLink": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "symbol",
+      "object",
+      "text",
+      "search",
+      "a",
+      "abbr",
+      "address",
+      "area",
+      "article",
+      "aside",
+      "audio",
+      "b",
+      "base",
+      "bdi",
+      "bdo",
+      "big",
+      "blockquote",
+      "body",
+      "br",
+      "button",
+      "canvas",
+      "caption",
+      "center",
+      "cite",
+      "code",
+      "col",
+      "colgroup",
+      "data",
+      "datalist",
+      "dd",
+      "del",
+      "details",
+      "dfn",
+      "dialog",
+      "div",
+      "dl",
+      "dt",
+      "em",
+      "embed",
+      "fieldset",
+      "figcaption",
+      "figure",
+      "footer",
+      "form",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "head",
+      "header",
+      "hgroup",
+      "hr",
+      "html",
+      "i",
+      "iframe",
+      "img",
+      "input",
+      "ins",
+      "kbd",
+      "keygen",
+      "label",
+      "legend",
+      "li",
+      "link",
+      "main",
+      "map",
+      "mark",
+      "menu",
+      "menuitem",
+      "meta",
+      "meter",
+      "nav",
+      "noindex",
+      "noscript",
+      "ol",
+      "optgroup",
+      "option",
+      "output",
+      "p",
+      "param",
+      "picture",
+      "pre",
+      "progress",
+      "q",
+      "rp",
+      "rt",
+      "ruby",
+      "s",
+      "samp",
+      "slot",
+      "script",
+      "section",
+      "select",
+      "small",
+      "source",
+      "span",
+      "strong",
+      "style",
+      "sub",
+      "summary",
+      "sup",
+      "table",
+      "template",
+      "tbody",
+      "td",
+      "textarea",
+      "tfoot",
+      "th",
+      "thead",
+      "time",
+      "title",
+      "tr",
+      "track",
+      "u",
+      "ul",
+      "var",
+      "video",
+      "wbr",
+      "webview",
+      "svg",
+      "animate",
+      "animateMotion",
+      "animateTransform",
+      "circle",
+      "clipPath",
+      "defs",
+      "desc",
+      "ellipse",
+      "feBlend",
+      "feColorMatrix",
+      "feComponentTransfer",
+      "feComposite",
+      "feConvolveMatrix",
+      "feDiffuseLighting",
+      "feDisplacementMap",
+      "feDistantLight",
+      "feDropShadow",
+      "feFlood",
+      "feFuncA",
+      "feFuncB",
+      "feFuncG",
+      "feFuncR",
+      "feGaussianBlur",
+      "feImage",
+      "feMerge",
+      "feMergeNode",
+      "feMorphology",
+      "feOffset",
+      "fePointLight",
+      "feSpecularLighting",
+      "feSpotLight",
+      "feTile",
+      "feTurbulence",
+      "filter",
+      "foreignObject",
+      "g",
+      "image",
+      "line",
+      "linearGradient",
+      "marker",
+      "mask",
+      "metadata",
+      "mpath",
+      "path",
+      "pattern",
+      "polygon",
+      "polyline",
+      "radialGradient",
+      "rect",
+      "set",
+      "stop",
+      "switch",
+      "textPath",
+      "tspan",
+      "use",
+      "view",
+      "ComponentClass<any, any>",
+      "FunctionComponent<any>"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "children": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "to": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -1,3 +1,3 @@
 import BreadcrumbItem from './BreadcrumbItem';
 export default BreadcrumbItem;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/button/Button.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ButtonProps } from './ButtonProps';
+import { ButtonProps } from "./ButtonProps";
 /**
  * Button component
  * @param loading {boolean} Loading button
  * @param disabled {boolean} Disabled button
- * @param variant {ButtonColor} Button color : primary|secondary|info|warning|success.
+ * @param variant {ButtonVariant} Button variant : accent|primary|secondary|ghost.
  * @param children {ReactNode} Button child
  * @param fullwidth {boolean} Fullwidth button
  * @param onClick {Function} Click Event
@@ -20,7 +20,7 @@ import { ButtonProps } from './ButtonProps';
  * @param name {string} Button name attribute
  * @param routerLink Custom Router Link as props
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
- * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param type {ButtonType} button type (button|reset|submit)
  */
-declare const Button: ({ markup, loading, variant, href, id, fullwidth, children, className, to, accessibilityLabel, testId, onClick, name, routerLink, type, iconName, ...others }: ButtonProps) => JSX.Element;
+declare const Button: ({ markup, loading, variant, href, id, fullwidth, children, className, to, accessibilityLabel, onClick, name, routerLink, type, iconName, ...others }: ButtonProps) => JSX.Element;
 export default Button;

package/lib/components/button/Button.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services/index';
-import { getColorClassName } from '../../objects/facets/Color';
-import { ButtonMarkup } from './ButtonEnum';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { Icon } from "../icon";
-import { VariantState } from "../../objects";
+import { __assign, __rest } from "tslib";
+import React from "react";
+import clsx from "clsx";
+import { is } from "../../services/index";
+import { getButtonVariantClassName } from "../../objects/facets/Color";
+import { ButtonMarkup, } from "./ButtonEnum";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+import { Icon } from "../../components/icon";
 /**
  * Button component
  * @param loading {boolean} Loading button
  * @param disabled {boolean} Disabled button
- * @param variant {ButtonColor} Button color : primary|secondary|info|warning|success.
+ * @param variant {ButtonVariant} Button variant : accent|primary|secondary|ghost.
  * @param children {ReactNode} Button child
  * @param fullwidth {boolean} Fullwidth button
  * @param onClick {Function} Click Event
@@ -27,50 +27,52 @@ import { VariantState } from "../../objects";
  * @param name {string} Button name attribute
  * @param routerLink Custom Router Link as props
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
- * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param type {ButtonType} button type (button|reset|submit)
  */
-const Button = ({ markup, loading, variant, href, id, fullwidth, children, className, to, accessibilityLabel, testId, onClick, name, routerLink, type, iconName, ...others }) => {
-    const isDisabled = others.disabled || false;
-    const { styled } = useTrilogyContext();
+var Button = function (_a) {
+    var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName"]);
+    var isDisabled = others.disabled || false;
+    var styled = useTrilogyContext().styled;
     /** Check if specified markup is valid */
-    const isCorrectMarkup = (stringMarkup) => {
-        if (stringMarkup in ButtonMarkup || Object.values(ButtonMarkup).includes(stringMarkup))
+    var isCorrectMarkup = function (stringMarkup) {
+        if (stringMarkup in ButtonMarkup ||
+            Object.values(ButtonMarkup).includes(stringMarkup))
             return true;
     };
-    const getClassNames = (loading, variant, fullwidth, className) => {
-        return clsx('button', loading ? is('loading') : is('loaded'), variant && is(getColorClassName(variant)), fullwidth && is('fullwidth'), className);
+    var getClassNames = function (loading, variant, fullwidth, className) {
+        return clsx("button", loading && is("loading"), variant && is(getButtonVariantClassName(variant)), fullwidth && is("fullwidth"), className);
     };
-    const classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
-    const Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
-    if (Tag === 'button') {
-        return (React.createElement("button", { id: id, "data-testid": testId, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: (e) => {
+    var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
+    var Tag = markup && isCorrectMarkup(markup) ? markup : "button";
+    if (Tag === "button") {
+        return (React.createElement("button", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
-            }, type: type !== null && type !== void 0 ? type : 'button', ...others },
-            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', color: variant === VariantState.TERTIARY ? 'SECONDARY' : 'WHITE', name: iconName }),
+            }, type: type !== null && type !== void 0 ? type : "button" }, others),
+            iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
             children));
     }
-    if (Tag === 'input') {
-        return (React.createElement("input", { id: id, "data-testid": testId, className: classes, "aria-label": accessibilityLabel, name: name, onClick: (e) => {
+    if (Tag === "input") {
+        return (React.createElement("input", __assign({ id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
-            }, disabled: isDisabled, type: type !== null && type !== void 0 ? type : 'submit', value: `${children}`, ...others }));
+            }, disabled: isDisabled, type: type !== null && type !== void 0 ? type : "submit", value: "".concat(children) }, others)));
     }
     if (routerLink && to && !isDisabled) {
-        const RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement(RouterLink, { "aria-label": accessibilityLabel, "data-testid": testId, to: to, className: classes, ...others },
-            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', color: variant === VariantState.TERTIARY ? 'SECONDARY' : 'WHITE', name: iconName }),
+        var RouterLink = (routerLink ? routerLink : "a");
+        return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, to: to, className: classes }, others),
+            iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
             children));
     }
-    return (React.createElement("a", { id: id, "data-testid": testId, "aria-label": accessibilityLabel, className: classes, href: href, onClick: (e) => {
+    return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
             e.stopPropagation();
-        }, ...others },
-        iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', color: variant === VariantState.TERTIARY ? 'SECONDARY' : 'WHITE', name: iconName }),
+        } }, others),
+        iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
         children));
 };
 export default Button;
-//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJGO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJLLHFLQWlCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElBQU0sZUFBZSxHQUFHLFVB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

package/lib/components/button/Button.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ButtonProps } from './ButtonProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from "../../components/enumsComponentsName";
+import { ButtonProps } from "./ButtonProps";
 /**
  * Button Native Component
  * @param loading {boolean} Loading button