@telefonica/mistica 15.9.0 → 15.11.0

package/dist-es/table.js

@@ -0,0 +1,214 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as R, jsx as e } from "react/jsx-runtime";
+import * as L from "react";
+import { getPrefixedDataAttributes as M } from "./utils/dom.js";
+import { table as D, boxed as Y, collapsedRowsInMobile as T, fullWidth as x, cellTextAlign as N, verticalAlign as A, mobileCellHeading as q, collapsedRowTittle as z, scrollContainer as E, scrollOverResponsiveLayout as F, vars as G } from "./table.css-mistica.js";
+import { vars as S } from "./skins/skin-contract.css-mistica.js";
+import { Text1 as k, Text2 as B } from "./text.js";
+import { InternalBoxed as H } from "./boxed.js";
+import i from "classnames";
+import J from "./box.js";
+import { applyCssVars as K } from "./utils/css.js";
+const C = "left", ee = /*#__PURE__*/ L.forwardRef((_param, v)=>{
+    var { dataAttributes: f, heading: n, content: d, boxed: y, responsive: O, fullWidth: s = !0, maxHeight: c, emptyCase: m, columnTextAlign: p = C, rowVerticalAlign: h = "middle", columnWidth: l, scrollOverResponsiveLayout: j } = _param, b = _object_without_properties(_param, [
+        "dataAttributes",
+        "heading",
+        "content",
+        "boxed",
+        "responsive",
+        "fullWidth",
+        "maxHeight",
+        "emptyCase",
+        "columnTextAlign",
+        "rowVerticalAlign",
+        "columnWidth",
+        "scrollOverResponsiveLayout"
+    ]);
+    const u = (a)=>{
+        var _p_a;
+        return Array.isArray(p) ? (_p_a = p[a]) !== null && _p_a !== void 0 ? _p_a : C : p;
+    }, r = O === "collapse-rows", g = /* @__PURE__ */ R("table", {
+        className: i(D, {
+            [Y]: y,
+            [T]: r,
+            [x]: s
+        }),
+        "aria-label": b["aria-label"],
+        "aria-labelledby": b["aria-labelledby"],
+        "aria-describedby": b["aria-describedby"],
+        children: [
+            /* @__PURE__ */ e("thead", {
+                children: /* @__PURE__ */ e(k, {
+                    as: "tr",
+                    medium: !0,
+                    transform: "uppercase",
+                    color: S.colors.textSecondary,
+                    wordBreak: !1,
+                    children: n.map((a, t)=>/* @__PURE__ */ e("th", {
+                            scope: "col",
+                            className: i(N[u(t)], A[h]),
+                            style: {
+                                minWidth: l == null ? void 0 : l[t],
+                                width: l == null ? void 0 : l[t]
+                            },
+                            children: a
+                        }, t))
+                })
+            }),
+            /* @__PURE__ */ e("tbody", {
+                children: d && d.length ? d.map((a, t)=>/* @__PURE__ */ e("tr", {
+                        children: a.map((I, o)=>/* @__PURE__ */ R("td", {
+                                className: A[h],
+                                children: [
+                                    o !== 0 && r && // this is aria-hidden because screen readers already read the column heading from the th
+                                    /* @__PURE__ */ e("div", {
+                                        className: q,
+                                        "aria-hidden": !0,
+                                        children: /* @__PURE__ */ e(k, {
+                                            medium: !0,
+                                            color: S.colors.textSecondary,
+                                            children: n[o]
+                                        })
+                                    }),
+                                    /* @__PURE__ */ e(B, {
+                                        as: "div",
+                                        weight: o === 0 && r ? "medium" : "regular",
+                                        wordBreak: !1,
+                                        children: /* @__PURE__ */ e("div", {
+                                            className: i(N[u(o)], {
+                                                [z]: o === 0 && r
+                                            }),
+                                            children: I
+                                        })
+                                    })
+                                ]
+                            }, o))
+                    }, t)) : /* @__PURE__ */ e("tr", {
+                    children: /* @__PURE__ */ e("td", {
+                        colSpan: n.length,
+                        children: typeof m == "string" ? /* @__PURE__ */ e(J, {
+                            paddingY: 56,
+                            children: /* @__PURE__ */ e(B, {
+                                regular: !0,
+                                textAlign: "center",
+                                as: "div",
+                                children: m
+                            })
+                        }) : m
+                    })
+                })
+            })
+        ]
+    }), w = function() {
+        let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+        return {
+            className: i(E, {
+                [F]: a,
+                [T]: r,
+                [x]: s
+            }),
+            style: K({
+                [G.maxHeight]: typeof c == "number" ? `${c}px` : c !== null && c !== void 0 ? c : "auto"
+            })
+        };
+    };
+    return y ? /* @__PURE__ */ e(H, {
+        desktopOnly: r,
+        width: "fit-content",
+        maxWidth: "100%",
+        minWidth: {
+            desktop: s ? "100%" : "auto",
+            mobile: r || s ? "100%" : "auto"
+        },
+        ref: v,
+        dataAttributes: _object_spread({
+            "component-name": "Table"
+        }, f),
+        children: /* @__PURE__ */ e("div", _object_spread_props(_object_spread({}, w()), {
+            children: g
+        }))
+    }) : /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
+        ref: v
+    }, M(f, "Table"), w(j)), {
+        children: g
+    }));
+});
+export { ee as Table };

package/dist-es/theme.js

@@ -123,7 +123,22 @@ const l = {
     counterDecreaseLabel: "Disminuir valor",
     counterQuantity: "cantidad",
     counterMinValue: "m\xednimo",
-    counterMaxValue: "m\xe1ximo"
+    counterMaxValue: "m\xe1ximo",
+    timerDaysShortLabel: "d",
+    timerHoursShortLabel: "h",
+    timerMinutesShortLabel: "min",
+    timerSecondsShortLabel: "s",
+    timerAnd: "y",
+    timerDayLongLabel: "d\xeda",
+    timerDaysLongLabel: "d\xedas",
+    timerHourLongLabel: "hora",
+    timerHoursLongLabel: "horas",
+    timerMinuteLongLabel: "minuto",
+    timerMinutesLongLabel: "minutos",
+    timerSecondLongLabel: "segundo",
+    timerSecondsLongLabel: "segundos",
+    timerDisplayMinutesLabel: "min",
+    timerDisplaySecondsLabel: "seg"
 }, i = {
     expirationDatePlaceholder: "MM/YY",
     enablePasswordVisibility: "Show password",
@@ -169,7 +184,22 @@ const l = {
     counterDecreaseLabel: "Decrease value",
     counterQuantity: "quantity",
     counterMinValue: "minimum of",
-    counterMaxValue: "maximum of"
+    counterMaxValue: "maximum of",
+    timerDaysShortLabel: "d",
+    timerHoursShortLabel: "h",
+    timerMinutesShortLabel: "min",
+    timerSecondsShortLabel: "s",
+    timerAnd: "and",
+    timerDayLongLabel: "day",
+    timerDaysLongLabel: "days",
+    timerHourLongLabel: "hour",
+    timerHoursLongLabel: "hours",
+    timerMinuteLongLabel: "minute",
+    timerMinutesLongLabel: "minutes",
+    timerSecondLongLabel: "second",
+    timerSecondsLongLabel: "seconds",
+    timerDisplayMinutesLabel: "min",
+    timerDisplaySecondsLabel: "sec"
 }, s = {
     expirationDatePlaceholder: "MM/JJ",
     enablePasswordVisibility: "Passwort anzeigen",
@@ -215,7 +245,22 @@ const l = {
     counterDecreaseLabel: "Wert verringern",
     counterQuantity: "menge",
     counterMinValue: "minimal",
-    counterMaxValue: "maximal"
+    counterMaxValue: "maximal",
+    timerDaysShortLabel: "Tg.",
+    timerHoursShortLabel: "Std.",
+    timerMinutesShortLabel: "Min.",
+    timerSecondsShortLabel: "Sek.",
+    timerAnd: "und",
+    timerDayLongLabel: "Tag",
+    timerDaysLongLabel: "Tage",
+    timerHourLongLabel: "Stunde",
+    timerHoursLongLabel: "Stunden",
+    timerMinuteLongLabel: "Minute",
+    timerMinutesLongLabel: "Minuten",
+    timerSecondLongLabel: "Sekunde",
+    timerSecondsLongLabel: "Sekunden",
+    timerDisplayMinutesLabel: "Min.",
+    timerDisplaySecondsLabel: "Sek."
 }, d = {
     expirationDatePlaceholder: "MM/AA",
     enablePasswordVisibility: "mostrar senha",
@@ -261,8 +306,23 @@ const l = {
     counterDecreaseLabel: "diminuir valor",
     counterQuantity: "quantidade",
     counterMinValue: "m\xednimo",
-    counterMaxValue: "m\xe1ximo"
-}, g = (e)=>{
+    counterMaxValue: "m\xe1ximo",
+    timerDaysShortLabel: "d",
+    timerHoursShortLabel: "h",
+    timerMinutesShortLabel: "min",
+    timerSecondsShortLabel: "s",
+    timerAnd: "e",
+    timerDayLongLabel: "dia",
+    timerDaysLongLabel: "dias",
+    timerHourLongLabel: "hora",
+    timerHoursLongLabel: "horas",
+    timerMinuteLongLabel: "minuto",
+    timerMinutesLongLabel: "minutos",
+    timerSecondLongLabel: "segundo",
+    timerSecondsLongLabel: "segundos",
+    timerDisplayMinutesLabel: "min",
+    timerDisplaySecondsLabel: "seg"
+}, f = (e)=>{
     switch(e.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
             return l;
@@ -275,10 +335,10 @@ const l = {
         default:
             return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), i;
     }
-}, u = 56, c = 80, V = {
+}, u = 56, m = 80, v = {
     headerMobileHeight: u,
-    headerDesktopHeight: c
-}, m = (_param)=>{
+    headerDesktopHeight: m
+}, c = (_param)=>{
     var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
         "to",
         "innerRef"
@@ -289,14 +349,14 @@ const l = {
     }, a), {
         children: a.children
     }));
-}, C = (e)=>e, p = (e)=>(_param)=>{
+}, C = (e)=>e, b = (e)=>(_param)=>{
         var { innerRef: r } = _param, a = _object_without_properties(_param, [
             "innerRef"
         ]);
         return /* @__PURE__ */ o(e, _object_spread({
             ref: r
         }, a));
-    }, f = (e)=>(_param)=>{
+    }, L = (e)=>(_param)=>{
         var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -310,7 +370,7 @@ const l = {
                 children: t
             }))
         });
-    }, b = (e)=>(_param)=>{
+    }, p = (e)=>(_param)=>{
         var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -322,22 +382,22 @@ const l = {
         }, n), {
             children: t
         }));
-    }, E = (e)=>{
-    if (!e) return m;
+    }, h = (e)=>{
+    if (!e) return c;
     if (typeof e == "function" || e.$$typeof) return e;
     switch(e.type){
         case "ReactRouter5":
             return C(e.Component);
         case "ReactRouter6":
-            return p(e.Component);
+            return b(e.Component);
         case "Next12":
-            return f(e.Component);
+            return L(e.Component);
         case "Next13":
         case "Next14":
-            return b(e.Component);
+            return p(e.Component);
         default:
             const r = e.type;
             throw new Error(`Invalid Link type: ${r}`);
     }
 };
-export { c as NAVBAR_HEIGHT_DESKTOP, u as NAVBAR_HEIGHT_MOBILE, V as dimensions, E as getMisticaLinkComponent, g as getTexts };
+export { m as NAVBAR_HEIGHT_DESKTOP, u as NAVBAR_HEIGHT_MOBILE, v as dimensions, h as getMisticaLinkComponent, f as getTexts };

package/dist-es/timer.css-mistica.js

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./timer.css.ts.vanilla.css-mistica.js";
+var n = "_18fye848", y = "_18fye84a _1y2v1nfa1 _1y2v1nfba _1y2v1nf7m _1y2v1nf8v _1y2v1nfkb _1y2v1nf6l", a = "_18fye84a _1y2v1nfa1 _1y2v1nfba _1y2v1nf7m _1y2v1nf8v _1y2v1nfkb _1y2v1nf3q", f = "_18fye841", _ = "_18fye841 _1y2v1nfho", r = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfhz", i = "_1y2v1nfho", t = "_18fye841 _1y2v1nfhl _1y2v1nfht";
+export { n as boxedTimerDisplayValue, y as boxedTimerValueContainer, a as boxedTimerValueContainerInverse, f as inlineText, _ as shortLabelText, r as timerDisplayValue, i as timerWrapper, t as unitContainer };

package/dist-es/timer.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,2 @@
+const s = "";
+export { s as default };