@telefonica/mistica 14.40.0 → 14.42.0

package/dist/decimal-field.js

@@ -14,7 +14,7 @@ _export(exports, {
         return E;
     },
     default: function() {
-        return $;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -145,44 +145,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const j = (n)=>{
+const A = (o)=>{
     try {
-        return 1.1.toLocaleString(n.replace("_", "-"))[1];
+        return 1.1.toLocaleString(o.replace("_", "-"))[1];
     } catch (e) {
         return ".";
     }
-}, B = (n, r)=>{
-    const s = String(n !== null && n !== void 0 ? n : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(s), t = s.split(/[.,]/);
+}, B = (o, r)=>{
+    const s = String(o !== null && o !== void 0 ? o : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(s), t = s.split(/[.,]/);
     return t.length === 0 ? "" : e && r > 0 ? t.shift() + e[0] + t.join("").slice(0, r) : t[0];
 }, E = (_param)=>{
-    var { inputRef: n, value: r, defaultValue: s, onChange: e, maxDecimals: t } = _param, c = _object_without_properties(_param, [
+    var { inputRef: o, value: r, defaultValue: s, onChange: e, maxDecimals: t } = _param, c = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange",
         "maxDecimals"
     ]);
-    const { i18n: u } = (0, _hooks.useTheme)(), f = j(u.locale), m = (o)=>String(o !== null && o !== void 0 ? o : "").replace(/[.,]/g, f), [p, d] = _react.useState(s !== null && s !== void 0 ? s : ""), i = _react.useRef(null), l = typeof r < "u", g = l ? r : p, S = _react.useCallback((o)=>{
-        l || d(o), i.current && (e == null || e((0, _dom.createChangeEvent)(i.current, o)));
+    const { i18n: u } = (0, _hooks.useTheme)(), f = A(u.locale), m = (n)=>String(n !== null && n !== void 0 ? n : "").replace(/[.,]/g, f), [p, d] = _react.useState(s !== null && s !== void 0 ? s : ""), i = _react.useRef(null), l = typeof r < "u", g = l ? r : p, h = _react.useCallback((n)=>{
+        l || d(n), i.current && (e == null || e((0, _dom.createChangeEvent)(i.current, n)));
     }, [
         l,
         e
-    ]), h = (0, _rifm.useRifm)({
-        format: (o)=>B(o, t),
+    ]), y = (0, _rifm.useRifm)({
+        format: (n)=>B(n, t),
         replace: m,
         value: g,
-        onChange: S,
+        onChange: h,
         accept: /[\d.,]+/g
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, c), {
         type: "text",
         inputMode: "decimal",
-        value: h.value,
-        onChange: h.onChange,
-        ref: (0, _common.combineRefs)(n, i)
+        value: y.value,
+        onChange: y.onChange,
+        ref: (0, _common.combineRefs)(o, i)
     }));
 }, L = (_param)=>{
-    var { disabled: n, error: r, helperText: s, name: e, optional: t, validate: c, onChange: u, onChangeValue: f, onBlur: m, value: p, defaultValue: d, maxDecimals: i = 1 / 0 } = _param, l = _object_without_properties(_param, [
+    var { disabled: o, error: r, helperText: s, name: e, optional: t, validate: c, onChange: u, onChangeValue: f, onBlur: m, value: p, defaultValue: d, maxDecimals: i = 1 / 0, dataAttributes: l } = _param, g = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -194,9 +194,10 @@ const j = (n)=>{
         "onBlur",
         "value",
         "defaultValue",
-        "maxDecimals"
+        "maxDecimals",
+        "dataAttributes"
     ]);
-    const { texts: g } = (0, _hooks.useTheme)(), o = (0, _formcontext.useFieldProps)({
+    const { texts: h } = (0, _hooks.useTheme)(), D = (0, _formcontext.useFieldProps)({
         name: e,
         value: p,
         defaultValue: d,
@@ -204,16 +205,19 @@ const j = (n)=>{
         helperText: s,
         optional: t,
         error: r,
-        disabled: n,
+        disabled: o,
         onBlur: m,
-        validate: (a, V)=>a ? c == null ? void 0 : c(a, V) : t ? "" : g.formFieldErrorIsMandatory,
+        validate: (a, F)=>a ? c == null ? void 0 : c(a, F) : t ? "" : h.formFieldErrorIsMandatory,
         onChange: u,
         onChangeValue: f
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, g, D), {
         inputComponent: E,
         inputProps: {
             maxDecimals: i
-        }
+        },
+        dataAttributes: _object_spread({
+            "component-name": "DecimalField"
+        }, l)
     }));
-}, $ = L;
+}, q = L;

package/dist/dialog-context.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { AlertProps, ConfirmProps, ExtendedDialogProps } from './dialog';
+export declare const useDialog: () => {
+    alert: (params: AlertProps) => void;
+    confirm: (params: ConfirmProps) => void;
+    dialog: (params: ExtendedDialogProps) => void;
+};
+/**
+ * @deprecated Use useDialog to get this function
+ */
+export declare const alert: (params: AlertProps) => void;
+/**
+ * @deprecated Use useDialog to get this function
+ */
+export declare const confirm: (params: ConfirmProps) => void;
+/**
+ * @deprecated Use useDialog to get this function
+ */
+export declare const dialog: (params: ExtendedDialogProps) => void;
+type DialogRootProps = {
+    children?: React.ReactNode;
+};
+export declare const DialogRoot: ({ children }: DialogRootProps) => JSX.Element;
+export {};

package/dist/dialog-context.js

@@ -0,0 +1,192 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DialogRoot: function() {
+        return C;
+    },
+    alert: function() {
+        return p;
+    },
+    confirm: function() {
+        return x;
+    },
+    dialog: function() {
+        return w;
+    },
+    useDialog: function() {
+        return f;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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;
+}
+const c = /*#__PURE__*/ _react.createContext({
+    mounted: !1,
+    dialog: null,
+    setDialog: ()=>{}
+}), m = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "dialog" */ "./dialog.js")))), a = ()=>{
+    throw Error("Tried to show a dialog but the DialogRoot component was not mounted (missing ThemeContextProvider?)");
+}, f = ()=>{
+    const { dialog: o, setDialog: s, mounted: i } = _react.useContext(c), n = _react.useCallback((t)=>{
+        if (i || a(), t && o) throw Error("Tried to show a dialog on top of another dialog");
+        s(t);
+    }, [
+        s,
+        o,
+        i
+    ]);
+    return _react.useMemo(()=>({
+            alert: (t)=>n(_object_spread({
+                    type: "alert"
+                }, t)),
+            confirm: (t)=>n(_object_spread({
+                    type: "confirm"
+                }, t)),
+            dialog: (t)=>n(_object_spread({
+                    type: "dialog"
+                }, t))
+        }), [
+        n
+    ]);
+}, g = {
+    alert: a,
+    confirm: a,
+    dialog: a
+};
+let l = g;
+const D = ()=>{
+    const o = f();
+    return _react.useEffect(()=>(l = o, ()=>{
+            l = g;
+        }), [
+        o
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
+}, p = (o)=>l.alert(o), x = (o)=>l.confirm(o), w = (o)=>l.dialog(o), C = (param)=>{
+    let { children: o } = param;
+    const { mounted: s } = _react.useContext(c), [i, n] = _react.useState(null), t = _react.useMemo(()=>({
+            mounted: !0,
+            dialog: i,
+            setDialog: n
+        }), [
+        i,
+        n
+    ]);
+    return s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: o
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(c.Provider, {
+        value: t,
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {}),
+            o,
+            i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                fallback: null,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({}, i), {
+                    onDestroy: ()=>{
+                        n(null);
+                    }
+                }))
+            })
+        ]
+    });
+};

package/dist/dialog.css-mistica.js

@@ -9,40 +9,43 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    ANIMATION_DURATION_MS: function() {
+        return v;
+    },
     closedModalContent: function() {
-        return _;
+        return y;
     },
     closedOpactityLayer: function() {
-        return y;
+        return f;
     },
     dialogActions: function() {
-        return f;
+        return l;
     },
     dialogContent: function() {
-        return l;
+        return a;
     },
     iconContainer: function() {
-        return a;
+        return d;
     },
     modalCloseButtonContainer: function() {
-        return d;
+        return o;
     },
     modalContent: function() {
-        return o;
+        return r;
     },
     modalOpacityLayer: function() {
-        return g;
+        return t;
     },
     variants: function() {
-        return r;
+        return i;
     },
     wrapper: function() {
-        return t;
+        return e;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6u", l = "_3dl29lj _1y2v1nfh2 _1y2v1nfig", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh", o = "_3dl29la _1y2v1nf35 _1y2v1nfj7", g = "_3dl29l5 _1y2v1nfgc _1y2v1nfgg _1y2v1nfgp _1y2v1nfgv _1y2v1nfgm _1y2v1nfjn _1y2v1nfkh _1y2v1nfkw _1y2v1nfk2 _1y2v1nf3g", r = {
-    dialog: "_3dl29ld _1y2v1nfgg _1y2v1nfgm _1y2v1nfgs _1y2v1nf9c _1y2v1nfal _1y2v1nf70 _1y2v1nf83",
-    default: "_3dl29ld _1y2v1nfgg _1y2v1nfgm _1y2v1nfgs _1y2v1nf6u _1y2v1nf83 _1y2v1nf9c _1y2v1nfal"
-}, t = "_3dl29l3 _1y2v1nfga";
+var v = 200, y = "_3dl29lb", f = "_3dl29l6", l = "_3dl29ll _1y2v1nf6w", a = "_3dl29lj _1y2v1nfh4 _1y2v1nfii", d = "_3dl29lm", o = "_3dl29l8 _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj", r = "_3dl29la _1y2v1nf36 _1y2v1nfj9", t = "_3dl29l5 _1y2v1nfge _1y2v1nfgi _1y2v1nfgr _1y2v1nfgx _1y2v1nfgo _1y2v1nfjp _1y2v1nfkj _1y2v1nfky _1y2v1nfk4 _1y2v1nf3h", i = {
+    dialog: "_3dl29ld _1y2v1nfgi _1y2v1nfgo _1y2v1nfgu _1y2v1nf9e _1y2v1nfan _1y2v1nf72 _1y2v1nf85",
+    default: "_3dl29ld _1y2v1nfgi _1y2v1nfgo _1y2v1nfgu _1y2v1nf6w _1y2v1nf85 _1y2v1nf9e _1y2v1nfan"
+}, e = "_3dl29l3 _1y2v1nfgc";

package/dist/dialog.css.d.ts

@@ -1,3 +1,4 @@
+export declare const ANIMATION_DURATION_MS = 200;
 export declare const wrapper: string;
 export declare const modalOpacityLayer: string;
 export declare const closedOpactityLayer: string;

package/dist/dialog.d.ts

@@ -5,63 +5,33 @@ import type { ExclusifyUnion } from './utils/utility-types';
 interface BaseDialogProps {
     className?: string;
     title?: string;
-    icon?: React.ReactElement;
     message: string;
     acceptText?: string;
     onAccept?: () => void;
     destructive?: boolean;
-}
-interface AlertProps extends BaseDialogProps {
-    showClose?: boolean;
-}
-interface ConfirmProps extends BaseDialogProps {
-    showClose?: boolean;
+    /** @deprecated this does nothing */
+    forceWeb?: boolean;
+    /** @deprecated this does nothing */
     showCancel?: boolean;
+}
+export type AlertProps = BaseDialogProps;
+export interface ConfirmProps extends BaseDialogProps {
     cancelText?: string;
     onCancel?: () => void;
 }
-interface ExtendedDialogProps extends BaseDialogProps {
+export interface ExtendedDialogProps extends BaseDialogProps {
+    icon?: React.ReactElement;
     subtitle?: string;
     extra?: React.ReactNode;
-    forceWeb?: boolean;
-    showClose?: boolean;
-    showCancel?: boolean;
     cancelText?: string;
     onCancel?: () => void;
     link?: RendersNullableElement<typeof ButtonLink>;
 }
-type DialogProps = ExclusifyUnion<AlertProps | ConfirmProps | ExtendedDialogProps>;
-type DialogRootProps = {
-    children?: React.ReactNode;
+export type DialogProps = ExclusifyUnion<AlertProps | ConfirmProps | ExtendedDialogProps> & {
+    type: 'dialog' | 'alert' | 'confirm';
 };
-type DialogRootState = {
-    dialogProps: DialogProps | null;
-    isClosing: boolean;
-    instanceNumber: number;
+type ModalDialogProps = DialogProps & {
+    onDestroy: () => void;
 };
-export default class DialogRoot extends React.Component<DialogRootProps, DialogRootState> {
-    state: DialogRootState;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    show(props: DialogProps): void;
-    callback: null | (() => void);
-    handleCloseFinished: () => void;
-    handleBack: () => void;
-    close(): void;
-    createCancelHandler(onCancel?: () => void): () => void;
-    createAcceptHandler(onAccept?: () => void): () => void;
-    render(): React.ReactNode;
-}
-/**
- * Shows alert dialog with supplied props
- */
-export declare const alert: (props: AlertProps) => void;
-/**
- * Shows confirm dialog with supplied props
- */
-export declare const confirm: (props: ConfirmProps) => void;
-/**
- * Shows dialog with supplied props
- */
-export declare const dialog: (props: ExtendedDialogProps) => void;
-export {};
+declare const ModalDialog: (props: ModalDialogProps) => JSX.Element;
+export default ModalDialog;