@rio-cloud/rio-uikit 2.5.0-beta.1 → 2.5.0

package/components/timepicker/TimePicker.js

@@ -1,126 +1,127 @@
-import { jsxs as d, jsx as n, Fragment as ee } from "react/jsx-runtime";
+import { jsxs as d, jsx as n, Fragment as se } from "react/jsx-runtime";
 import { useState as V, useRef as y, useEffect as P } from "react";
-import { IMaskInput as se, IMask as I } from "react-imask";
-import { noop as te } from "es-toolkit/compat";
-import { isNil as ne } from "es-toolkit/predicate";
-import O from "moment";
-import oe from "tiny-invariant";
-import re from "../selects/BaseSelectDropdown.js";
-import ae from "../../hooks/useClickOutside.js";
-import ie from "../../hooks/useMergeRefs.js";
+import { IMaskInput as te, IMask as O } from "react-imask";
+import { noop as ne } from "es-toolkit/compat";
+import { isNil as oe } from "es-toolkit/predicate";
+import I from "moment";
+import re from "tiny-invariant";
+import ae from "../selects/BaseSelectDropdown.js";
+import ie from "../../hooks/useClickOutside.js";
+import ce from "../../hooks/useMergeRefs.js";
 import T from "../../utils/classNames.js";
-const b = 15, ce = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/, C = (e) => e >= 10 ? `${e}` : `0${e}`, p = (e, t) => `${C(e)}:${C(t)}`, D = (e, t = b) => Math.floor(e.minutes() / t) * t, le = (e) => Number.isInteger(e) && e > 0 && e <= 60, me = (e) => le(e) ? e : b, de = (e) => {
+const b = 15, le = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/, C = (e) => e >= 10 ? `${e}` : `0${e}`, p = (e, t) => `${C(e)}:${C(t)}`, D = (e, t = b) => Math.floor(e.minutes() / t) * t, me = (e) => Number.isInteger(e) && e > 0 && e <= 60, de = (e) => me(e) ? e : b, ue = (e) => {
   const t = [];
   for (let a = 0; a < 1440; a += e) {
     const f = Math.floor(a / 60), i = a % 60;
     t.push(p(f, i));
   }
   return t;
-}, ue = () => {
+}, pe = () => {
   const e = /* @__PURE__ */ new Date(), t = e.getHours(), r = e.getMinutes();
   return p(t, r);
-}, S = (e) => ce.test(e), R = (e) => {
-  if (!!ne(e))
+}, S = (e) => le.test(e), R = (e) => {
+  if (!!oe(e))
     return !1;
   const r = e === "" || S(e);
-  return r || oe(!1, 'Wrong time format. Please pass in value with the following format: "hh:mm".'), r;
-}, be = (e) => {
+  return r || re(!1, 'Wrong time format. Please pass in value with the following format: "hh:mm".'), r;
+}, xe = (e) => {
   const {
     value: t,
-    onChange: r = te,
+    onChange: r = ne,
     alwaysShowMask: a = !0,
     showIcon: f = !1,
     dropdown: i = !1,
-    minuteOffset: $ = b,
-    disabled: F = !1,
+    maskOverwrite: $ = "shift",
+    minuteOffset: F = b,
+    disabled: E = !1,
     errorMessage: h,
     warningMessage: g,
-    messageWhiteSpace: E = "normal",
-    className: H = "",
+    messageWhiteSpace: H = "normal",
+    className: A = "",
     inputProps: k = {},
-    ...A
-  } = e, W = R(t) ? t : ue(), [c, l] = V(W), [x, N] = V(!1), m = me($), u = F || !!k.disabled, j = y(null), w = y(!1), M = y(!1), B = ae(() => {
-    i && N(!1);
-  }), L = ie(j, B);
+    ...W
+  } = e, j = R(t) ? t : pe(), [c, l] = V(j), [x, w] = V(!1), m = de(F), u = E || !!k.disabled, B = y(null), N = y(!1), M = y(!1), L = ie(() => {
+    i && w(!1);
+  }), U = ce(B, L);
   P(() => {
     R(t) && l(t);
-  }, [t]), P(() => (w.current = !0, () => {
-    w.current = !1;
+  }, [t]), P(() => (N.current = !0, () => {
+    N.current = !1;
   }), []);
-  const U = (s) => {
+  const z = (s) => {
     const o = s.target;
     (!o.value || o.value.startsWith("-")) && setTimeout(() => {
       o.setSelectionRange(0, 0);
-    }, 0), k.onFocus?.(s), i && !u && N(!0);
-  }, z = (s, o) => {
+    }, 0), k.onFocus?.(s), i && !u && w(!0);
+  }, _ = (s, o) => {
     if (M.current) {
       M.current = !1;
       return;
     }
-    if (l(s), !!w.current) {
+    if (l(s), !!N.current) {
       if (o.masked.isComplete) {
         r(s);
         return;
       }
       o.unmaskedValue === "" && r("");
     }
-  }, _ = S(c), q = () => {
-    const s = O(`2020-01-01 ${c}`), o = D(s, m);
+  }, q = S(c), G = () => {
+    const s = I(`2020-01-01 ${c}`), o = D(s, m);
     s.minute(o).second(0), s.add(m, "minutes");
     const v = p(s.hours(), s.minutes());
     l(v);
-  }, G = () => {
-    const s = O(`2020-01-01 ${c}`), o = D(s, m);
+  }, J = () => {
+    const s = I(`2020-01-01 ${c}`), o = D(s, m);
     s.minute(o).second(0), s.subtract(m, "minutes");
     const v = p(s.hours(), s.minutes());
     l(v);
-  }, { className: J, ...K } = k, Q = de(m).map((s) => ({
+  }, { className: K, ...Q } = k, X = ue(m).map((s) => ({
     id: s,
     label: s,
     selected: s === c
-  })), X = (s) => {
-    !s || u || (M.current = !0, l(s.id), r(s.id), N(!1));
-  }, Y = h || g, Z = T("TimePicker", i && "dropdown", x && "open", H);
-  return /* @__PURE__ */ d("div", { ...A, className: Z, ref: L, children: [
+  })), Y = (s) => {
+    !s || u || (M.current = !0, l(s.id), r(s.id), w(!1));
+  }, Z = h || g, ee = T("TimePicker", i && "dropdown", x && "open", A);
+  return /* @__PURE__ */ d("div", { ...W, className: ee, ref: U, children: [
     /* @__PURE__ */ d("div", { className: "input-group", children: [
       f && /* @__PURE__ */ n("span", { className: "input-group-addon", children: /* @__PURE__ */ n("span", { className: "rioglyph rioglyph-time-alt" }) }),
       /* @__PURE__ */ d("div", { className: "form-control-feedback-wrapper", children: [
         /* @__PURE__ */ n(
-          se,
+          te,
           {
-            ...K,
-            className: T("TimePickerInput", "form-control", J),
+            ...Q,
+            className: T("TimePickerInput", "form-control", K),
             disabled: u,
             mask: "HH:MM",
             blocks: {
               HH: {
-                mask: I.MaskedRange,
+                mask: O.MaskedRange,
                 from: 0,
                 to: 23,
                 maxLength: 2
               },
               MM: {
-                mask: I.MaskedRange,
+                mask: O.MaskedRange,
                 from: 0,
                 to: 59,
                 maxLength: 2
               }
             },
             value: c,
-            onAccept: z,
-            onFocus: U,
+            onAccept: _,
+            onFocus: z,
             lazy: !a,
             placeholderChar: "-",
-            overwrite: !0
+            overwrite: $
           }
         ),
-        Y && /* @__PURE__ */ d(ee, { children: [
+        Z && /* @__PURE__ */ d(se, { children: [
           h && /* @__PURE__ */ n("span", { className: "form-control-feedback rioglyph rioglyph-error-sign" }),
           g && /* @__PURE__ */ n("span", { className: "form-control-feedback rioglyph rioglyph-warning-sign" }),
-          /* @__PURE__ */ n("span", { className: `help-block white-space-${E}`, children: /* @__PURE__ */ n("span", { children: h || g }) })
+          /* @__PURE__ */ n("span", { className: `help-block white-space-${H}`, children: /* @__PURE__ */ n("span", { children: h || g }) })
         ] })
       ] }),
-      _ && /* @__PURE__ */ d(
+      q && /* @__PURE__ */ d(
         "div",
         {
           className: T(
@@ -132,7 +133,7 @@ const b = 15, ce = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/, C = (e) => e >= 10 ? `${e}`
               "div",
               {
                 className: "text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer",
-                onClick: G,
+                onClick: J,
                 children: /* @__PURE__ */ n("div", { className: "rioglyph rioglyph-chevron-left scale-90" })
               }
             ),
@@ -140,7 +141,7 @@ const b = 15, ce = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/, C = (e) => e >= 10 ? `${e}`
               "div",
               {
                 className: "text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer",
-                onClick: q,
+                onClick: G,
                 children: /* @__PURE__ */ n("div", { className: "rioglyph rioglyph-chevron-right scale-90" })
               }
             )
@@ -149,17 +150,17 @@ const b = 15, ce = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/, C = (e) => e >= 10 ? `${e}`
       )
     ] }),
     i && /* @__PURE__ */ n(
-      re,
+      ae,
       {
         isOpen: x,
-        options: Q,
-        onSelect: X,
+        options: X,
+        onSelect: Y,
         dropdownClassName: "max-height-200 overflow-auto width-100pct"
       }
     )
   ] });
 };
 export {
-  be as default
+  xe as default
 };
 //# sourceMappingURL=TimePicker.js.map

package/components/timepicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../src/components/timepicker/TimePicker.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { IMask, IMaskInput } from 'react-imask';\nimport type { InputMask } from 'imask';\nimport { noop } from 'es-toolkit/compat';\nimport { isNil } from 'es-toolkit/predicate';\nimport moment, { type Moment } from 'moment';\nimport invariant from 'tiny-invariant';\n\nimport BaseSelectDropdown, { type SelectOption } from '../selects/BaseSelectDropdown';\nimport useClickOutside from '../../useClickOutside';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\n\nconst MINUTES_OFFSET = 15;\n\nconst mask = '00:00';\nconst fullRegexp = /^(?:\\d|[01]\\d|2[0-3]):[0-5]\\d$/;\n\nconst getPadded = (value: number) => (value >= 10 ? `${value}` : `0${value}`);\nconst formatTimeString = (hours: number, minutes: number) => `${getPadded(hours)}:${getPadded(minutes)}`;\n\nconst roundedUp = (time: Moment, offset = MINUTES_OFFSET) => Math.floor(time.minutes() / offset) * offset;\nconst isValidMinuteOffset = (offset: number) => Number.isInteger(offset) && offset > 0 && offset <= 60;\nconst getEffectiveMinuteOffset = (offset: number) => (isValidMinuteOffset(offset) ? offset : MINUTES_OFFSET);\nconst getDropdownTimeValues = (offset: number) => {\n    const values: string[] = [];\n    const minutesPerDay = 24 * 60;\n    for (let totalMinutes = 0; totalMinutes < minutesPerDay; totalMinutes += offset) {\n        const hours = Math.floor(totalMinutes / 60);\n        const minutes = totalMinutes % 60;\n        values.push(formatTimeString(hours, minutes));\n    }\n    return values;\n};\n\nconst getInitialTime = () => {\n    const date = new Date();\n    const hours = date.getHours();\n    const minutes = date.getMinutes();\n    return formatTimeString(hours, minutes);\n};\n\nconst isTimeValid = (value: string) => fullRegexp.test(value);\n\nconst isControlledAndValid = (value: string | undefined): value is string => {\n    const hasExternalValue = !isNil(value);\n    if (!hasExternalValue) {\n        return false;\n    }\n\n    const isValid = value === '' || isTimeValid(value);\n    if (!isValid) {\n        invariant(false, 'Wrong time format. Please pass in value with the following format: \"hh:mm\".');\n    }\n    return isValid;\n};\n\nexport type TimePickerProps = {\n    /**\n     * Value of the time as string. Note, when value is given the component is treated as controlled.\n     */\n    value?: string;\n\n    /**\n     * Callback function when the value changes and is a valid time format.\n     * It also emits an empty string when the input is cleared.\n     *\n     * If not it handles the state internally until the time is valid and filled.\n     */\n    onChange?: (value: string) => void;\n\n    /**\n     * Defines whether to always show the input mask placeholder.\n     *\n     * @default true\n     */\n    alwaysShowMask?: boolean;\n\n    /**\n     * Defines whether to show the input icon.\n     *\n     * @default false\n     */\n    showIcon?: boolean;\n\n    /**\n     * Defines whether to show a dropdown with pre-defined time values.\n     *\n     * @default false\n     */\n    dropdown?: boolean;\n\n    /**\n     * Defines the minute interval for time controls and dropdown values.\n     * Invalid values fallback to 15.\n     *\n     * @default 15\n     */\n    minuteOffset?: number;\n\n    /**\n     * Defines whether the component is disabled.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Input error message.\n     */\n    errorMessage?: string | React.ReactNode;\n\n    /**\n     * Input warning message.\n     */\n    warningMessage?: string | React.ReactNode;\n\n    /**\n     * Feedback message width.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * Additional properties to be set on the input element.\n     */\n    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TimePicker = (props: TimePickerProps) => {\n    const {\n        value,\n        onChange = noop,\n        alwaysShowMask = true,\n        showIcon = false,\n        dropdown = false,\n        minuteOffset = MINUTES_OFFSET,\n        disabled = false,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        className = '',\n        inputProps = {},\n        ...remainingProps\n    } = props;\n\n    const initialTime = isControlledAndValid(value) ? value : getInitialTime();\n\n    const [timeValue, setTimeValue] = useState(initialTime);\n\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\n    const effectiveMinuteOffset = getEffectiveMinuteOffset(minuteOffset);\n\n    const isInputDisabled = disabled || !!inputProps.disabled;\n    const timePickerRef = useRef<HTMLDivElement>(null);\n    const hasMountedRef = useRef(false);\n    const suppressNextAcceptRef = useRef(false);\n\n    const clickOutsideRef = useClickOutside(() => {\n        if (dropdown) {\n            setIsDropdownOpen(false);\n        }\n    });\n\n    const mergedTimePickerRefs = useMergeRefs(timePickerRef, clickOutsideRef);\n\n    // Update internal time value from outside when used as a controlled component\n    useEffect(() => {\n        if (isControlledAndValid(value)) {\n            setTimeValue(value);\n        }\n    }, [value]);\n\n    useEffect(() => {\n        hasMountedRef.current = true;\n\n        return () => {\n            hasMountedRef.current = false;\n        };\n    }, []);\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        const input = event.target;\n        // Check if value is empty or partially filled\n        if (!input.value || input.value.startsWith('-')) {\n            // Move cursor to the first empty position (usually 0)\n            // Timeout needed to wait for IMask internal focus handling\n            setTimeout(() => {\n                input.setSelectionRange(0, 0);\n            }, 0);\n        }\n\n        // If you want to preserve custom onFocus from props\n        inputProps.onFocus?.(event);\n\n        if (dropdown && !isInputDisabled) {\n            setIsDropdownOpen(true);\n        }\n    };\n\n    const handleAcceptTime = (val: string, maskRef: InputMask<{ [x: string]: unknown }>) => {\n        if (suppressNextAcceptRef.current) {\n            suppressNextAcceptRef.current = false;\n            return;\n        }\n\n        setTimeValue(val);\n\n        if (!hasMountedRef.current) {\n            return;\n        }\n\n        if (maskRef.masked.isComplete) {\n            onChange(val);\n            return;\n        }\n\n        if (maskRef.unmaskedValue === '') {\n            onChange('');\n        }\n    };\n\n    const isValid = isTimeValid(timeValue);\n\n    const handleIncrease = () => {\n        const time = moment(`2020-01-01 ${timeValue}`);\n        const rounded = roundedUp(time, effectiveMinuteOffset);\n        time.minute(rounded).second(0);\n        time.add(effectiveMinuteOffset, 'minutes');\n        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());\n\n        setTimeValue(updatedTimeValue);\n    };\n\n    const handleDecrease = () => {\n        const time = moment(`2020-01-01 ${timeValue}`);\n        const rounded = roundedUp(time, effectiveMinuteOffset);\n        time.minute(rounded).second(0);\n        time.subtract(effectiveMinuteOffset, 'minutes');\n        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());\n\n        setTimeValue(updatedTimeValue);\n    };\n\n    const { className: inputClassName, ...otherInputProps } = inputProps;\n\n    const dropdownOptions: SelectOption[] = getDropdownTimeValues(effectiveMinuteOffset).map(option => ({\n        id: option,\n        label: option,\n        selected: option === timeValue,\n    }));\n\n    const handleSelectDropdownValue = (selectedItem: SelectOption | undefined) => {\n        if (!selectedItem || isInputDisabled) {\n            return;\n        }\n\n        suppressNextAcceptRef.current = true;\n        setTimeValue(selectedItem.id);\n        onChange(selectedItem.id);\n        setIsDropdownOpen(false);\n    };\n\n    const hasFeedback = errorMessage || warningMessage;\n\n    const wrapperClassName = classNames('TimePicker', dropdown && 'dropdown', isDropdownOpen && 'open', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClassName} ref={mergedTimePickerRefs}>\n            <div className='input-group'>\n                {showIcon && (\n                    <span className='input-group-addon'>\n                        <span className='rioglyph rioglyph-time-alt' />\n                    </span>\n                )}\n                <div className='form-control-feedback-wrapper'>\n                    <IMaskInput\n                        {...otherInputProps}\n                        className={classNames('TimePickerInput', 'form-control', inputClassName)}\n                        disabled={isInputDisabled}\n                        mask='HH:MM'\n                        blocks={{\n                            HH: {\n                                mask: IMask.MaskedRange,\n                                from: 0,\n                                to: 23,\n                                maxLength: 2,\n                            },\n                            MM: {\n                                mask: IMask.MaskedRange,\n                                from: 0,\n                                to: 59,\n                                maxLength: 2,\n                            },\n                        }}\n                        value={timeValue}\n                        onAccept={handleAcceptTime}\n                        onFocus={handleFocus}\n                        lazy={!alwaysShowMask}\n                        placeholderChar='-'\n                        overwrite\n                    />\n                    {hasFeedback && (\n                        <>\n                            {errorMessage && <span className='form-control-feedback rioglyph rioglyph-error-sign' />}\n                            {warningMessage && (\n                                <span className='form-control-feedback rioglyph rioglyph-warning-sign' />\n                            )}\n                            <span className={`help-block white-space-${messageWhiteSpace}`}>\n                                <span>{errorMessage || warningMessage}</span>\n                            </span>\n                        </>\n                    )}\n                </div>\n                {isValid && (\n                    <div\n                        className={classNames(\n                            'TimePickerIncreaseButton input-group-addon',\n                            isInputDisabled && 'pointer-events-none bg-lightest'\n                        )}\n                    >\n                        <div\n                            className='text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer'\n                            onClick={handleDecrease}\n                        >\n                            <div className='rioglyph rioglyph-chevron-left scale-90' />\n                        </div>\n                        <div\n                            className='text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer'\n                            onClick={handleIncrease}\n                        >\n                            <div className='rioglyph rioglyph-chevron-right scale-90' />\n                        </div>\n                    </div>\n                )}\n            </div>\n            {dropdown && (\n                <BaseSelectDropdown\n                    isOpen={isDropdownOpen}\n                    options={dropdownOptions}\n                    onSelect={handleSelectDropdownValue}\n                    dropdownClassName='max-height-200 overflow-auto width-100pct'\n                />\n            )}\n        </div>\n    );\n};\n\nexport default TimePicker;\n"],"names":["MINUTES_OFFSET","fullRegexp","getPadded","value","formatTimeString","hours","minutes","roundedUp","time","offset","isValidMinuteOffset","getEffectiveMinuteOffset","getDropdownTimeValues","values","totalMinutes","getInitialTime","date","isTimeValid","isControlledAndValid","isNil","isValid","invariant","TimePicker","props","onChange","noop","alwaysShowMask","showIcon","dropdown","minuteOffset","disabled","errorMessage","warningMessage","messageWhiteSpace","className","inputProps","remainingProps","initialTime","timeValue","setTimeValue","useState","isDropdownOpen","setIsDropdownOpen","effectiveMinuteOffset","isInputDisabled","timePickerRef","useRef","hasMountedRef","suppressNextAcceptRef","clickOutsideRef","useClickOutside","mergedTimePickerRefs","useMergeRefs","useEffect","handleFocus","event","input","handleAcceptTime","val","maskRef","handleIncrease","moment","rounded","updatedTimeValue","handleDecrease","inputClassName","otherInputProps","dropdownOptions","option","handleSelectDropdownValue","selectedItem","hasFeedback","wrapperClassName","classNames","jsxs","jsx","IMaskInput","IMask","Fragment","BaseSelectDropdown"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../src/components/timepicker/TimePicker.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { IMask, IMaskInput } from 'react-imask';\nimport type { InputMask } from 'imask';\nimport { noop } from 'es-toolkit/compat';\nimport { isNil } from 'es-toolkit/predicate';\nimport moment, { type Moment } from 'moment';\nimport invariant from 'tiny-invariant';\n\nimport BaseSelectDropdown, { type SelectOption } from '../selects/BaseSelectDropdown';\nimport useClickOutside from '../../useClickOutside';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\n\nconst MINUTES_OFFSET = 15;\n\nconst mask = '00:00';\nconst fullRegexp = /^(?:\\d|[01]\\d|2[0-3]):[0-5]\\d$/;\n\nconst getPadded = (value: number) => (value >= 10 ? `${value}` : `0${value}`);\nconst formatTimeString = (hours: number, minutes: number) => `${getPadded(hours)}:${getPadded(minutes)}`;\n\nconst roundedUp = (time: Moment, offset = MINUTES_OFFSET) => Math.floor(time.minutes() / offset) * offset;\nconst isValidMinuteOffset = (offset: number) => Number.isInteger(offset) && offset > 0 && offset <= 60;\nconst getEffectiveMinuteOffset = (offset: number) => (isValidMinuteOffset(offset) ? offset : MINUTES_OFFSET);\nconst getDropdownTimeValues = (offset: number) => {\n    const values: string[] = [];\n    const minutesPerDay = 24 * 60;\n    for (let totalMinutes = 0; totalMinutes < minutesPerDay; totalMinutes += offset) {\n        const hours = Math.floor(totalMinutes / 60);\n        const minutes = totalMinutes % 60;\n        values.push(formatTimeString(hours, minutes));\n    }\n    return values;\n};\n\nconst getInitialTime = () => {\n    const date = new Date();\n    const hours = date.getHours();\n    const minutes = date.getMinutes();\n    return formatTimeString(hours, minutes);\n};\n\nconst isTimeValid = (value: string) => fullRegexp.test(value);\n\nconst isControlledAndValid = (value: string | undefined): value is string => {\n    const hasExternalValue = !isNil(value);\n    if (!hasExternalValue) {\n        return false;\n    }\n\n    const isValid = value === '' || isTimeValid(value);\n    if (!isValid) {\n        invariant(false, 'Wrong time format. Please pass in value with the following format: \"hh:mm\".');\n    }\n    return isValid;\n};\n\nexport type TimePickerProps = {\n    /**\n     * Value of the time as string. Note, when value is given the component is treated as controlled.\n     */\n    value?: string;\n\n    /**\n     * Callback function when the value changes and is a valid time format.\n     * It also emits an empty string when the input is cleared.\n     *\n     * If not it handles the state internally until the time is valid and filled.\n     */\n    onChange?: (value: string) => void;\n\n    /**\n     * Defines whether to always show the input mask placeholder.\n     *\n     * @default true\n     */\n    alwaysShowMask?: boolean;\n\n    /**\n     * Defines whether to show the input icon.\n     *\n     * @default false\n     */\n    showIcon?: boolean;\n\n    /**\n     * Defines whether to show a dropdown with pre-defined time values.\n     *\n     * @default false\n     */\n    dropdown?: boolean;\n\n    /**\n     * Configures IMask overwrite behavior for manual input editing.\n     *\n     * @default 'shift'\n     */\n    maskOverwrite?: boolean | 'shift';\n\n    /**\n     * Defines the minute interval for time controls and dropdown values.\n     * Invalid values fallback to 15.\n     *\n     * @default 15\n     */\n    minuteOffset?: number;\n\n    /**\n     * Defines whether the component is disabled.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Input error message.\n     */\n    errorMessage?: string | React.ReactNode;\n\n    /**\n     * Input warning message.\n     */\n    warningMessage?: string | React.ReactNode;\n\n    /**\n     * Feedback message width.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * Additional properties to be set on the input element.\n     */\n    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TimePicker = (props: TimePickerProps) => {\n    const {\n        value,\n        onChange = noop,\n        alwaysShowMask = true,\n        showIcon = false,\n        dropdown = false,\n        maskOverwrite = 'shift',\n        minuteOffset = MINUTES_OFFSET,\n        disabled = false,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        className = '',\n        inputProps = {},\n        ...remainingProps\n    } = props;\n\n    const initialTime = isControlledAndValid(value) ? value : getInitialTime();\n\n    const [timeValue, setTimeValue] = useState(initialTime);\n\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\n    const effectiveMinuteOffset = getEffectiveMinuteOffset(minuteOffset);\n\n    const isInputDisabled = disabled || !!inputProps.disabled;\n    const timePickerRef = useRef<HTMLDivElement>(null);\n    const hasMountedRef = useRef(false);\n    const suppressNextAcceptRef = useRef(false);\n\n    const clickOutsideRef = useClickOutside(() => {\n        if (dropdown) {\n            setIsDropdownOpen(false);\n        }\n    });\n\n    const mergedTimePickerRefs = useMergeRefs(timePickerRef, clickOutsideRef);\n\n    // Update internal time value from outside when used as a controlled component\n    useEffect(() => {\n        if (isControlledAndValid(value)) {\n            setTimeValue(value);\n        }\n    }, [value]);\n\n    useEffect(() => {\n        hasMountedRef.current = true;\n\n        return () => {\n            hasMountedRef.current = false;\n        };\n    }, []);\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        const input = event.target;\n        // Check if value is empty or partially filled\n        if (!input.value || input.value.startsWith('-')) {\n            // Move cursor to the first empty position (usually 0)\n            // Timeout needed to wait for IMask internal focus handling\n            setTimeout(() => {\n                input.setSelectionRange(0, 0);\n            }, 0);\n        }\n\n        // If you want to preserve custom onFocus from props\n        inputProps.onFocus?.(event);\n\n        if (dropdown && !isInputDisabled) {\n            setIsDropdownOpen(true);\n        }\n    };\n\n    const handleAcceptTime = (val: string, maskRef: InputMask<{ [x: string]: unknown }>) => {\n        if (suppressNextAcceptRef.current) {\n            suppressNextAcceptRef.current = false;\n            return;\n        }\n\n        setTimeValue(val);\n\n        if (!hasMountedRef.current) {\n            return;\n        }\n\n        if (maskRef.masked.isComplete) {\n            onChange(val);\n            return;\n        }\n\n        if (maskRef.unmaskedValue === '') {\n            onChange('');\n        }\n    };\n\n    const isValid = isTimeValid(timeValue);\n\n    const handleIncrease = () => {\n        const time = moment(`2020-01-01 ${timeValue}`);\n        const rounded = roundedUp(time, effectiveMinuteOffset);\n        time.minute(rounded).second(0);\n        time.add(effectiveMinuteOffset, 'minutes');\n        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());\n\n        setTimeValue(updatedTimeValue);\n    };\n\n    const handleDecrease = () => {\n        const time = moment(`2020-01-01 ${timeValue}`);\n        const rounded = roundedUp(time, effectiveMinuteOffset);\n        time.minute(rounded).second(0);\n        time.subtract(effectiveMinuteOffset, 'minutes');\n        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());\n\n        setTimeValue(updatedTimeValue);\n    };\n\n    const { className: inputClassName, ...otherInputProps } = inputProps;\n\n    const dropdownOptions: SelectOption[] = getDropdownTimeValues(effectiveMinuteOffset).map(option => ({\n        id: option,\n        label: option,\n        selected: option === timeValue,\n    }));\n\n    const handleSelectDropdownValue = (selectedItem: SelectOption | undefined) => {\n        if (!selectedItem || isInputDisabled) {\n            return;\n        }\n\n        suppressNextAcceptRef.current = true;\n        setTimeValue(selectedItem.id);\n        onChange(selectedItem.id);\n        setIsDropdownOpen(false);\n    };\n\n    const hasFeedback = errorMessage || warningMessage;\n\n    const wrapperClassName = classNames('TimePicker', dropdown && 'dropdown', isDropdownOpen && 'open', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClassName} ref={mergedTimePickerRefs}>\n            <div className='input-group'>\n                {showIcon && (\n                    <span className='input-group-addon'>\n                        <span className='rioglyph rioglyph-time-alt' />\n                    </span>\n                )}\n                <div className='form-control-feedback-wrapper'>\n                    <IMaskInput\n                        {...otherInputProps}\n                        className={classNames('TimePickerInput', 'form-control', inputClassName)}\n                        disabled={isInputDisabled}\n                        mask='HH:MM'\n                        blocks={{\n                            HH: {\n                                mask: IMask.MaskedRange,\n                                from: 0,\n                                to: 23,\n                                maxLength: 2,\n                            },\n                            MM: {\n                                mask: IMask.MaskedRange,\n                                from: 0,\n                                to: 59,\n                                maxLength: 2,\n                            },\n                        }}\n                        value={timeValue}\n                        onAccept={handleAcceptTime}\n                        onFocus={handleFocus}\n                        lazy={!alwaysShowMask}\n                        placeholderChar='-'\n                        overwrite={maskOverwrite}\n                    />\n                    {hasFeedback && (\n                        <>\n                            {errorMessage && <span className='form-control-feedback rioglyph rioglyph-error-sign' />}\n                            {warningMessage && (\n                                <span className='form-control-feedback rioglyph rioglyph-warning-sign' />\n                            )}\n                            <span className={`help-block white-space-${messageWhiteSpace}`}>\n                                <span>{errorMessage || warningMessage}</span>\n                            </span>\n                        </>\n                    )}\n                </div>\n                {isValid && (\n                    <div\n                        className={classNames(\n                            'TimePickerIncreaseButton input-group-addon',\n                            isInputDisabled && 'pointer-events-none bg-lightest'\n                        )}\n                    >\n                        <div\n                            className='text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer'\n                            onClick={handleDecrease}\n                        >\n                            <div className='rioglyph rioglyph-chevron-left scale-90' />\n                        </div>\n                        <div\n                            className='text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer'\n                            onClick={handleIncrease}\n                        >\n                            <div className='rioglyph rioglyph-chevron-right scale-90' />\n                        </div>\n                    </div>\n                )}\n            </div>\n            {dropdown && (\n                <BaseSelectDropdown\n                    isOpen={isDropdownOpen}\n                    options={dropdownOptions}\n                    onSelect={handleSelectDropdownValue}\n                    dropdownClassName='max-height-200 overflow-auto width-100pct'\n                />\n            )}\n        </div>\n    );\n};\n\nexport default TimePicker;\n"],"names":["MINUTES_OFFSET","fullRegexp","getPadded","value","formatTimeString","hours","minutes","roundedUp","time","offset","isValidMinuteOffset","getEffectiveMinuteOffset","getDropdownTimeValues","values","totalMinutes","getInitialTime","date","isTimeValid","isControlledAndValid","isNil","isValid","invariant","TimePicker","props","onChange","noop","alwaysShowMask","showIcon","dropdown","maskOverwrite","minuteOffset","disabled","errorMessage","warningMessage","messageWhiteSpace","className","inputProps","remainingProps","initialTime","timeValue","setTimeValue","useState","isDropdownOpen","setIsDropdownOpen","effectiveMinuteOffset","isInputDisabled","timePickerRef","useRef","hasMountedRef","suppressNextAcceptRef","clickOutsideRef","useClickOutside","mergedTimePickerRefs","useMergeRefs","useEffect","handleFocus","event","input","handleAcceptTime","val","maskRef","handleIncrease","moment","rounded","updatedTimeValue","handleDecrease","inputClassName","otherInputProps","dropdownOptions","option","handleSelectDropdownValue","selectedItem","hasFeedback","wrapperClassName","classNames","jsxs","jsx","IMaskInput","IMask","Fragment","BaseSelectDropdown"],"mappings":"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"}

package/hooks/useClickOutside.js

@@ -1,9 +1,9 @@
-import { useRef as i, useEffect as E } from "react";
+import { useEffect as i, useRef as E } from "react";
 const c = ["mousedown", "touchstart"], f = (t, u = c, n = !0) => {
-  const r = i(null);
+  const r = E(null);
   return d(r, t, u, n), r;
 }, d = (t, u, n = c, r = !0) => {
-  E(() => {
+  i(() => {
     if (!r)
       return;
     const o = t && "current" in t ? t.current : t, s = (e) => {

package/hooks/useClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.js","sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-clipboard/use-clipboard.ts\n\nimport { useState } from 'react';\nimport { isNil } from 'es-toolkit/compat';\n\n/**\n * Custom hook to interact with the clipboard.\n *\n * @param options - Options object for configuring the hook behavior.\n * @returns An object containing functions and state related to clipboard operations.\n */\nconst useClipboard = (options?: { timeout: number }) => {\n    const { timeout = 2000 } = options ?? {};\n\n    const [error, setError] = useState<Error | null>(null);\n    const [copied, setCopied] = useState(false);\n    const [copyTimeout, setCopyTimeout] = useState<NodeJS.Timeout | null>(null);\n\n    // Function to handle copy result and set copied status\n    const handleCopyResult = (value: boolean) => {\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n        setCopyTimeout(setTimeout(() => setCopied(false), timeout));\n        setCopied(value);\n    };\n\n    // Function to copy text to clipboard\n    const copy = (valueToCopy: string) => {\n        if (!isNil(navigator.clipboard)) {\n            navigator.clipboard\n                .writeText(valueToCopy)\n                .then(() => handleCopyResult(true))\n                .catch(writeError => setError(writeError));\n        } else {\n            setError(new Error('useClipboard: navigator.clipboard is not supported'));\n        }\n    };\n\n    // Function to reset copied status and clear errors\n    const reset = () => {\n        setCopied(false);\n        setError(null);\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n    };\n\n    return { copy, reset, error, copied };\n};\n\nexport default useClipboard;\n"],"names":["useClipboard","options","timeout","error","setError","useState","copied","setCopied","copyTimeout","setCopyTimeout","handleCopyResult","value","valueToCopy","isNil","writeError"],"mappings":";;AAWA,MAAMA,IAAe,CAACC,MAAkC;AACpD,QAAM,EAAE,SAAAC,IAAU,IAAA,IAASD,KAAW,CAAA,GAEhC,CAACE,GAAOC,CAAQ,IAAIC,EAAuB,IAAI,GAC/C,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAaC,CAAc,IAAIJ,EAAgC,IAAI,GAGpEK,IAAmB,CAACC,MAAmB;AACzC,IAAIH,KACA,aAAaA,CAAW,GAE5BC,EAAe,WAAW,MAAMF,EAAU,EAAK,GAAGL,CAAO,CAAC,GAC1DK,EAAUI,CAAK;AAAA,EACnB;AAuBA,SAAO,EAAE,MApBI,CAACC,MAAwB;AAClC,IAAKC,EAAM,UAAU,SAAS,IAM1BT,EAAS,IAAI,MAAM,oDAAoD,CAAC,IALxE,UAAU,UACL,UAAUQ,CAAW,EACrB,KAAK,MAAMF,EAAiB,EAAI,CAAC,EACjC,MAAM,CAAAI,MAAcV,EAASU,CAAU,CAAC;AAAA,EAIrD,GAWe,OARD,MAAM;AAChB,IAAAP,EAAU,EAAK,GACfH,EAAS,IAAI,GACTI,KACA,aAAaA,CAAW;AAAA,EAEhC,GAEsB,OAAAL,GAAO,QAAAG,EAAA;AACjC;"}
+{"version":3,"file":"useClipboard.js","sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-clipboard/use-clipboard.ts\n\nimport { useState } from 'react';\nimport { isNil } from 'es-toolkit/compat';\n\n/**\n * Custom hook to interact with the clipboard.\n *\n * @param options - Options object for configuring the hook behavior.\n * @returns An object containing functions and state related to clipboard operations.\n */\nconst useClipboard = (options?: { timeout: number }) => {\n    const { timeout = 2000 } = options ?? {};\n\n    const [error, setError] = useState<Error | null>(null);\n    const [copied, setCopied] = useState(false);\n    const [copyTimeout, setCopyTimeout] = useState<number | null>(null);\n\n    // Function to handle copy result and set copied status\n    const handleCopyResult = (value: boolean) => {\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n        setCopyTimeout(setTimeout(() => setCopied(false), timeout));\n        setCopied(value);\n    };\n\n    // Function to copy text to clipboard\n    const copy = (valueToCopy: string) => {\n        if (!isNil(navigator.clipboard)) {\n            navigator.clipboard\n                .writeText(valueToCopy)\n                .then(() => handleCopyResult(true))\n                .catch(writeError => setError(writeError));\n        } else {\n            setError(new Error('useClipboard: navigator.clipboard is not supported'));\n        }\n    };\n\n    // Function to reset copied status and clear errors\n    const reset = () => {\n        setCopied(false);\n        setError(null);\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n    };\n\n    return { copy, reset, error, copied };\n};\n\nexport default useClipboard;\n"],"names":["useClipboard","options","timeout","error","setError","useState","copied","setCopied","copyTimeout","setCopyTimeout","handleCopyResult","value","valueToCopy","isNil","writeError"],"mappings":";;AAWA,MAAMA,IAAe,CAACC,MAAkC;AACpD,QAAM,EAAE,SAAAC,IAAU,IAAA,IAASD,KAAW,CAAA,GAEhC,CAACE,GAAOC,CAAQ,IAAIC,EAAuB,IAAI,GAC/C,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAaC,CAAc,IAAIJ,EAAwB,IAAI,GAG5DK,IAAmB,CAACC,MAAmB;AACzC,IAAIH,KACA,aAAaA,CAAW,GAE5BC,EAAe,WAAW,MAAMF,EAAU,EAAK,GAAGL,CAAO,CAAC,GAC1DK,EAAUI,CAAK;AAAA,EACnB;AAuBA,SAAO,EAAE,MApBI,CAACC,MAAwB;AAClC,IAAKC,EAAM,UAAU,SAAS,IAM1BT,EAAS,IAAI,MAAM,oDAAoD,CAAC,IALxE,UAAU,UACL,UAAUQ,CAAW,EACrB,KAAK,MAAMF,EAAiB,EAAI,CAAC,EACjC,MAAM,CAAAI,MAAcV,EAASU,CAAU,CAAC;AAAA,EAIrD,GAWe,OARD,MAAM;AAChB,IAAAP,EAAU,EAAK,GACfH,EAAS,IAAI,GACTI,KACA,aAAaA,CAAW;AAAA,EAEhC,GAEsB,OAAAL,GAAO,QAAAG,EAAA;AACjC;"}

package/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useState, useEffect, type RefObject } from 'react';\n\nexport type TargetType =\n    | Window\n    | Document\n    | HTMLBodyElement\n    | HTMLElement\n    | Element\n    | React.ReactElement\n    | RefObject<HTMLElement>;\n\nconst getModuleContent = () => document.querySelector('.module-content > .scrollbar-view');\n\n// \"target\" can be \"window\", \"document.body\", a \"ref\" or undefined\n// where in later case the module-content is taken as default\n\n/**\n * A custom hook that tracks the scroll position of a target element.\n *\n * @param target The target element for scroll position tracking.\n * @returns The current scroll position of the target element.\n */\nconst useScrollPosition = (target?: TargetType): number => {\n    const [targetElement, setTargetElement] = useState<TargetType | null>(null);\n    const [scrollPosition, setScrollPosition] = useState(0);\n\n    useEffect(() => {\n        let checkForModuleContent: NodeJS.Timeout | null = null;\n\n        // In case the target is undefined it might be that the module-content is\n        // not rendered yet, hence check periodically for the existence in the DOM\n        if (!target) {\n            checkForModuleContent = setInterval(() => {\n                const element = getModuleContent();\n                if (element) {\n                    setTargetElement(element);\n                }\n            }, 300);\n        } else if (target && checkForModuleContent) {\n            clearInterval(checkForModuleContent);\n        }\n\n        // In case the target is a \"ref\" - set the targetElement when current is defined\n        else if (target instanceof Object && 'current' in target && target.current) {\n            setTargetElement(target.current);\n        }\n\n        // In case it's \"window\" or \"document.body\"\n        else {\n            setTargetElement(target);\n        }\n\n        return () => {\n            if (checkForModuleContent) {\n                clearInterval(checkForModuleContent);\n            }\n        };\n    }, [target]);\n\n    const handleScroll = () => {\n        requestAnimationFrame(() => {\n            if (targetElement === window) {\n                setScrollPosition(window.scrollY);\n            } else {\n                setScrollPosition((targetElement as HTMLElement).scrollTop);\n            }\n        });\n    };\n\n    useEffect(() => {\n        if (targetElement instanceof EventTarget) {\n            targetElement.addEventListener('scroll', handleScroll);\n        }\n\n        return () => {\n            if (targetElement instanceof EventTarget) {\n                targetElement.removeEventListener('scroll', handleScroll);\n            }\n        };\n    }, [targetElement]);\n\n    return scrollPosition;\n};\n\nexport default useScrollPosition;\n"],"names":["getModuleContent","useScrollPosition","target","targetElement","setTargetElement","useState","scrollPosition","setScrollPosition","useEffect","checkForModuleContent","element","handleScroll"],"mappings":";AAWA,MAAMA,IAAmB,MAAM,SAAS,cAAc,mCAAmC,GAWnFC,IAAoB,CAACC,MAAgC;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA4B,IAAI,GACpE,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,CAAC;AAEtD,EAAAG,EAAU,MAAM;AACZ,QAAIC,IAA+C;AAInD,WAAKP,IAOMA,KAAUO,IACjB,cAAcA,CAAqB,IAI9BP,aAAkB,UAAU,aAAaA,KAAUA,EAAO,UAC/DE,EAAiBF,EAAO,OAAO,IAK/BE,EAAiBF,CAAM,IAjBvBO,IAAwB,YAAY,MAAM;AACtC,YAAMC,IAAUV,EAAA;AAChB,MAAIU,KACAN,EAAiBM,CAAO;AAAA,IAEhC,GAAG,GAAG,GAeH,MAAM;AACT,MAAID,KACA,cAAcA,CAAqB;AAAA,IAE3C;AAAA,EACJ,GAAG,CAACP,CAAM,CAAC;AAEX,QAAMS,IAAe,MAAM;AACvB,0BAAsB,MAAM;AACxB,MACIJ,EADAJ,MAAkB,SACA,OAAO,UAENA,EAA8B,SAFjB;AAAA,IAIxC,CAAC;AAAA,EACL;AAEA,SAAAK,EAAU,OACFL,aAAyB,eACzBA,EAAc,iBAAiB,UAAUQ,CAAY,GAGlD,MAAM;AACT,IAAIR,aAAyB,eACzBA,EAAc,oBAAoB,UAAUQ,CAAY;AAAA,EAEhE,IACD,CAACR,CAAa,CAAC,GAEXG;AACX;"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useState, useEffect, type RefObject } from 'react';\n\nexport type TargetType =\n    | Window\n    | Document\n    | HTMLBodyElement\n    | HTMLElement\n    | Element\n    | React.ReactElement\n    | RefObject<HTMLElement>;\n\nconst getModuleContent = () => document.querySelector('.module-content > .scrollbar-view');\n\n// \"target\" can be \"window\", \"document.body\", a \"ref\" or undefined\n// where in later case the module-content is taken as default\n\n/**\n * A custom hook that tracks the scroll position of a target element.\n *\n * @param target The target element for scroll position tracking.\n * @returns The current scroll position of the target element.\n */\nconst useScrollPosition = (target?: TargetType): number => {\n    const [targetElement, setTargetElement] = useState<TargetType | null>(null);\n    const [scrollPosition, setScrollPosition] = useState(0);\n\n    useEffect(() => {\n        let checkForModuleContent: number | null = null;\n\n        // In case the target is undefined it might be that the module-content is\n        // not rendered yet, hence check periodically for the existence in the DOM\n        if (!target) {\n            checkForModuleContent = setInterval(() => {\n                const element = getModuleContent();\n                if (element) {\n                    setTargetElement(element);\n                }\n            }, 300);\n        } else if (target && checkForModuleContent) {\n            clearInterval(checkForModuleContent);\n        }\n\n        // In case the target is a \"ref\" - set the targetElement when current is defined\n        else if (target instanceof Object && 'current' in target && target.current) {\n            setTargetElement(target.current);\n        }\n\n        // In case it's \"window\" or \"document.body\"\n        else {\n            setTargetElement(target);\n        }\n\n        return () => {\n            if (checkForModuleContent) {\n                clearInterval(checkForModuleContent);\n            }\n        };\n    }, [target]);\n\n    const handleScroll = () => {\n        requestAnimationFrame(() => {\n            if (targetElement === window) {\n                setScrollPosition(window.scrollY);\n            } else {\n                setScrollPosition((targetElement as HTMLElement).scrollTop);\n            }\n        });\n    };\n\n    useEffect(() => {\n        if (targetElement instanceof EventTarget) {\n            targetElement.addEventListener('scroll', handleScroll);\n        }\n\n        return () => {\n            if (targetElement instanceof EventTarget) {\n                targetElement.removeEventListener('scroll', handleScroll);\n            }\n        };\n    }, [targetElement]);\n\n    return scrollPosition;\n};\n\nexport default useScrollPosition;\n"],"names":["getModuleContent","useScrollPosition","target","targetElement","setTargetElement","useState","scrollPosition","setScrollPosition","useEffect","checkForModuleContent","element","handleScroll"],"mappings":";AAWA,MAAMA,IAAmB,MAAM,SAAS,cAAc,mCAAmC,GAWnFC,IAAoB,CAACC,MAAgC;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA4B,IAAI,GACpE,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,CAAC;AAEtD,EAAAG,EAAU,MAAM;AACZ,QAAIC,IAAuC;AAI3C,WAAKP,IAOMA,KAAUO,IACjB,cAAcA,CAAqB,IAI9BP,aAAkB,UAAU,aAAaA,KAAUA,EAAO,UAC/DE,EAAiBF,EAAO,OAAO,IAK/BE,EAAiBF,CAAM,IAjBvBO,IAAwB,YAAY,MAAM;AACtC,YAAMC,IAAUV,EAAA;AAChB,MAAIU,KACAN,EAAiBM,CAAO;AAAA,IAEhC,GAAG,GAAG,GAeH,MAAM;AACT,MAAID,KACA,cAAcA,CAAqB;AAAA,IAE3C;AAAA,EACJ,GAAG,CAACP,CAAM,CAAC;AAEX,QAAMS,IAAe,MAAM;AACvB,0BAAsB,MAAM;AACxB,MACIJ,EADAJ,MAAkB,SACA,OAAO,UAENA,EAA8B,SAFjB;AAAA,IAIxC,CAAC;AAAA,EACL;AAEA,SAAAK,EAAU,OACFL,aAAyB,eACzBA,EAAc,iBAAiB,UAAUQ,CAAY,GAGlD,MAAM;AACT,IAAIR,aAAyB,eACzBA,EAAc,oBAAoB,UAAUQ,CAAY;AAAA,EAEhE,IACD,CAACR,CAAa,CAAC,GAEXG;AACX;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "2.5.0-beta.1",
+    "version": "2.5.0",
     "description": "The RIO UIKIT component library",
     "repository": {
         "type": "git",
@@ -99,21 +99,19 @@
         "@dnd-kit/utilities": "3.2.2",
         "@formkit/auto-animate": "0.9.0",
         "@popperjs/core": "2.11.8",
+        "@rio-cloud/react-datetime": "^3.1.1",
         "@tanstack/react-virtual": "3.13.24",
         "date-fns": "4.1.0",
         "driver.js": "1.4.0",
         "es-toolkit": "1.45.1",
-        "events": "3.3.0",
         "iframe-resizer-react": "1.1.0",
         "moment": "2.30.1",
         "motion": "12.38.0",
         "natural-orderby": "5.0.0",
-        "process": "0.11.10",
         "prop-types": "15.8.1",
         "react-bootstrap": "1.6.4",
         "react-content-loader": "7.1.2",
         "react-custom-scrollbars-4": "4.5.1",
-        "react-datetime": "github:rio-cloud/react-datetime#v3.1.1-1-merged",
         "react-day-picker": "9.14.0",
         "react-dropzone": "14.3.8",
         "react-imask": "7.6.1",

package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js

@@ -1,33 +1,34 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { isEmpty as i } from "es-toolkit/compat";
-import u from "../../../../utils/classNames.js";
-import N from "../../../../components/applicationHeader/ApplicationActionBar.js";
-const H = d(
-  (r, n) => {
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { isEmpty as d } from "es-toolkit/compat";
+import N from "../../../../utils/classNames.js";
+import h from "../../../../components/applicationHeader/ApplicationActionBar.js";
+const H = c(
+  (t, r) => {
     const {
-      homeRoute: t = "",
-      appNavigator: v,
-      appNavigatorClassName: f,
+      homeRoute: n = "",
+      appNavigator: u,
+      appNavigatorClassName: v,
       appMenuItems: g,
-      navItems: e = [],
+      navItems: i = [],
       actionBarItems: l = [],
-      onMount: h = () => {
+      onMount: f = () => {
       },
-      onUnmount: k = () => {
+      onUnmount: y = () => {
       },
-      className: o = "",
-      ...m
-    } = r, c = u(
+      className: s = "",
+      ...p
+    } = t, m = N(
       "ApplicationHeader VolkswagenApplicationHeader",
       "user-select-none",
-      o && o
+      s && s
     );
-    return /* @__PURE__ */ a("nav", { ...m, className: c, ref: n, children: /* @__PURE__ */ p("div", { className: "width-100pct", children: [
-      /* @__PURE__ */ a("div", { className: "brand", children: /* @__PURE__ */ a("div", { className: "logo", children: t }) }),
-      i(e) && /* @__PURE__ */ a("ul", { className: "SubmoduleNavigation nav" }),
-      !i(e) && /* @__PURE__ */ a("ul", { className: "SubmoduleNavigation nav", children: e.map((s) => /* @__PURE__ */ a("li", { className: "submodule", "data-nav-item-key": s.key, children: s.route }, s.key)) }),
-      /* @__PURE__ */ a(N, { items: l })
+    return /* @__PURE__ */ a("nav", { ...p, className: m, ref: r, children: /* @__PURE__ */ o("div", { className: "width-100pct", children: [
+      /* @__PURE__ */ o("div", { className: "position-relative padding-y-25", children: [
+        /* @__PURE__ */ a("div", { className: "brand", children: /* @__PURE__ */ a("div", { className: "logo", style: { height: "40px", width: "400px" }, children: n }) }),
+        /* @__PURE__ */ a("div", { className: "position-absolute top-50pct right-10 z-index-1 translate-y-50pct", children: /* @__PURE__ */ a(h, { items: l }) })
+      ] }),
+      /* @__PURE__ */ a("ul", { className: "SubmoduleNavigation nav", children: !d(i) && i.map((e) => /* @__PURE__ */ a("li", { className: "submodule", "data-nav-item-key": e.key, children: e.route }, e.key)) })
     ] }) });
   }
 );

package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"VolkswagenApplicationHeader.js","sources":["../../../../../src/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.tsx"],"sourcesContent":["import React, { forwardRef, type ForwardedRef } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../../../utils/classNames';\nimport ApplicationActionBar from '../../../../components/applicationHeader/ApplicationActionBar';\nimport type { ApplicationHeaderProps } from '../../../../ApplicationHeader';\n\nexport type ModuleProps = {\n    key: string;\n    route: React.ReactNode;\n};\n\nexport type VolkswagenApplicationHeaderProps = ApplicationHeaderProps & {\n    homeRoute?: React.ReactNode;\n    appMenuItems?: ModuleProps[];\n    appNavigator?: React.ReactNode;\n    appNavigatorClassName?: string;\n    navItems?: ModuleProps[];\n    actionBarItems?: React.ReactNode[];\n    onMount?: VoidFunction;\n    onUnmount?: VoidFunction;\n    className?: string;\n};\n\nexport const VolkswagenApplicationHeader = forwardRef(\n    (props: VolkswagenApplicationHeaderProps, ref: ForwardedRef<HTMLElement>) => {\n        const {\n            homeRoute = '',\n            appNavigator,\n            appNavigatorClassName,\n            appMenuItems,\n            navItems = [],\n            actionBarItems = [],\n            onMount = () => {},\n            onUnmount = () => {},\n            className = '',\n            ...remainingProps\n        } = props;\n\n        const wrapperClassNames = classNames(\n            'ApplicationHeader VolkswagenApplicationHeader',\n            'user-select-none',\n            className && className\n        );\n\n        return (\n            <nav {...remainingProps} className={wrapperClassNames} ref={ref}>\n                <div className='width-100pct'>\n                    <div className='brand'>\n                        <div className='logo'>{homeRoute}</div>\n                    </div>\n                    {isEmpty(navItems) && <ul className='SubmoduleNavigation nav' />}\n                    {!isEmpty(navItems) && (\n                        <ul className='SubmoduleNavigation nav'>\n                            {navItems.map(navItem => (\n                                <li key={navItem.key} className='submodule' data-nav-item-key={navItem.key}>\n                                    {navItem.route}\n                                </li>\n                            ))}\n                        </ul>\n                    )}\n                    <ApplicationActionBar items={actionBarItems} />\n                </div>\n            </nav>\n        );\n    }\n);\n\nexport default VolkswagenApplicationHeader;\n"],"names":["VolkswagenApplicationHeader","forwardRef","props","ref","homeRoute","appNavigator","appNavigatorClassName","appMenuItems","navItems","actionBarItems","onMount","onUnmount","className","remainingProps","wrapperClassNames","classNames","jsx","jsxs","isEmpty","navItem","ApplicationActionBar"],"mappings":";;;;;AAwBO,MAAMA,IAA8BC;AAAA,EACvC,CAACC,GAAyCC,MAAmC;AACzE,UAAM;AAAA,MACF,WAAAC,IAAY;AAAA,MACZ,cAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC,IAAW,CAAA;AAAA,MACX,gBAAAC,IAAiB,CAAA;AAAA,MACjB,SAAAC,IAAU,MAAM;AAAA,MAAC;AAAA,MACjB,WAAAC,IAAY,MAAM;AAAA,MAAC;AAAA,MACnB,WAAAC,IAAY;AAAA,MACZ,GAAGC;AAAA,IAAA,IACHX,GAEEY,IAAoBC;AAAA,MACtB;AAAA,MACA;AAAA,MACAH,KAAaA;AAAA,IAAA;AAGjB,WACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAAmB,KAAAX,GACnD,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,SACX,UAAA,gBAAAA,EAAC,SAAI,WAAU,QAAQ,aAAU,EAAA,CACrC;AAAA,MACCE,EAAQV,CAAQ,KAAK,gBAAAQ,EAAC,MAAA,EAAG,WAAU,2BAA0B;AAAA,MAC7D,CAACE,EAAQV,CAAQ,uBACb,MAAA,EAAG,WAAU,2BACT,UAAAA,EAAS,IAAI,CAAAW,wBACT,MAAA,EAAqB,WAAU,aAAY,qBAAmBA,EAAQ,KAClE,YAAQ,MAAA,GADJA,EAAQ,GAEjB,CACH,EAAA,CACL;AAAA,MAEJ,gBAAAH,EAACI,GAAA,EAAqB,OAAOX,EAAA,CAAgB;AAAA,IAAA,EAAA,CACjD,EAAA,CACJ;AAAA,EAER;AACJ;"}
+{"version":3,"file":"VolkswagenApplicationHeader.js","sources":["../../../../../src/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.tsx"],"sourcesContent":["import React, { forwardRef, type ForwardedRef } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../../../utils/classNames';\nimport type { ApplicationHeaderProps } from '../../../../ApplicationHeader';\nimport ApplicationActionBar from '../../../../components/applicationHeader/ApplicationActionBar';\n\nexport type ModuleProps = {\n    key: string;\n    route: React.ReactNode;\n};\n\nexport type VolkswagenApplicationHeaderProps = ApplicationHeaderProps & {\n    homeRoute?: React.ReactNode;\n    appMenuItems?: ModuleProps[];\n    appNavigator?: React.ReactNode;\n    appNavigatorClassName?: string;\n    navItems?: ModuleProps[];\n    actionBarItems?: React.ReactNode[];\n    onMount?: VoidFunction;\n    onUnmount?: VoidFunction;\n    className?: string;\n};\n\nexport const VolkswagenApplicationHeader = forwardRef(\n    (props: VolkswagenApplicationHeaderProps, ref: ForwardedRef<HTMLElement>) => {\n        const {\n            homeRoute = '',\n            appNavigator,\n            appNavigatorClassName,\n            appMenuItems,\n            navItems = [],\n            actionBarItems = [],\n            onMount = () => {},\n            onUnmount = () => {},\n            className = '',\n            ...remainingProps\n        } = props;\n\n        const wrapperClassNames = classNames(\n            'ApplicationHeader VolkswagenApplicationHeader',\n            'user-select-none',\n            className && className\n        );\n\n        return (\n            <nav {...remainingProps} className={wrapperClassNames} ref={ref}>\n                <div className='width-100pct'>\n                    <div className='position-relative padding-y-25'>\n                        <div className='brand'>\n                            <div className='logo' style={{ height: '40px', width: '400px' }}>\n                                {homeRoute}\n                            </div>\n                        </div>\n\n                        <div className='position-absolute top-50pct right-10 z-index-1 translate-y-50pct'>\n                            <ApplicationActionBar items={actionBarItems} />\n                        </div>\n                    </div>\n\n                    <ul className='SubmoduleNavigation nav'>\n                        {!isEmpty(navItems) &&\n                            navItems.map(navItem => (\n                                <li key={navItem.key} className='submodule' data-nav-item-key={navItem.key}>\n                                    {navItem.route}\n                                </li>\n                            ))}\n                    </ul>\n                </div>\n            </nav>\n        );\n    }\n);\n\nexport default VolkswagenApplicationHeader;\n"],"names":["VolkswagenApplicationHeader","forwardRef","props","ref","homeRoute","appNavigator","appNavigatorClassName","appMenuItems","navItems","actionBarItems","onMount","onUnmount","className","remainingProps","wrapperClassNames","classNames","jsx","jsxs","ApplicationActionBar","isEmpty","navItem"],"mappings":";;;;;AAwBO,MAAMA,IAA8BC;AAAA,EACvC,CAACC,GAAyCC,MAAmC;AACzE,UAAM;AAAA,MACF,WAAAC,IAAY;AAAA,MACZ,cAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC,IAAW,CAAA;AAAA,MACX,gBAAAC,IAAiB,CAAA;AAAA,MACjB,SAAAC,IAAU,MAAM;AAAA,MAAC;AAAA,MACjB,WAAAC,IAAY,MAAM;AAAA,MAAC;AAAA,MACnB,WAAAC,IAAY;AAAA,MACZ,GAAGC;AAAA,IAAA,IACHX,GAEEY,IAAoBC;AAAA,MACtB;AAAA,MACA;AAAA,MACAH,KAAaA;AAAA,IAAA;AAGjB,WACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAAmB,KAAAX,GACnD,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,SACX,UAAA,gBAAAA,EAAC,SAAI,WAAU,QAAO,OAAO,EAAE,QAAQ,QAAQ,OAAO,QAAA,GACjD,aACL,GACJ;AAAA,QAEA,gBAAAA,EAAC,SAAI,WAAU,oEACX,4BAACE,GAAA,EAAqB,OAAOT,GAAgB,EAAA,CACjD;AAAA,MAAA,GACJ;AAAA,MAEA,gBAAAO,EAAC,QAAG,WAAU,2BACT,WAACG,EAAQX,CAAQ,KACdA,EAAS,IAAI,CAAAY,wBACR,MAAA,EAAqB,WAAU,aAAY,qBAAmBA,EAAQ,KAClE,YAAQ,MAAA,GADJA,EAAQ,GAEjB,CACH,EAAA,CACT;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAER;AACJ;"}

package/utils/analytics/getTrackingLabelFromNode.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getTrackingLabelFromNode: (value: ReactNode) => string | undefined;

package/utils/analytics/getTrackingLabelFromNode.js

@@ -0,0 +1,24 @@
+import { isValidElement as o } from "react";
+const n = (r) => {
+  if (!(r == null || typeof r == "boolean")) {
+    if (typeof r == "string" || typeof r == "number" || typeof r == "bigint")
+      return String(r);
+    if (Array.isArray(r)) {
+      const t = r.map(n).filter(
+        (i) => typeof i == "string" && i.length > 0
+      );
+      return t.length > 0 ? t.join(" ") : void 0;
+    }
+    if (o(r)) {
+      const t = n(r.props.children);
+      if (t)
+        return t;
+      if (typeof r.props.id == "string" && r.props.id.length > 0)
+        return r.props.id;
+    }
+  }
+};
+export {
+  n as getTrackingLabelFromNode
+};
+//# sourceMappingURL=getTrackingLabelFromNode.js.map

package/utils/analytics/getTrackingLabelFromNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrackingLabelFromNode.js","sources":["../../../src/utils/analytics/getTrackingLabelFromNode.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\nexport const getTrackingLabelFromNode = (value: ReactNode): string | undefined => {\n    if (value == null || typeof value === 'boolean') {\n        return;\n    }\n\n    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint') {\n        return String(value);\n    }\n\n    if (Array.isArray(value)) {\n        const trackingValues = value\n            .map(getTrackingLabelFromNode)\n            .filter(\n                (trackingValue): trackingValue is string =>\n                    typeof trackingValue === 'string' && trackingValue.length > 0\n            );\n\n        return trackingValues.length > 0 ? trackingValues.join(' ') : undefined;\n    }\n\n    if (isValidElement<{ id?: unknown; children?: ReactNode }>(value)) {\n        const childrenTrackingValue = getTrackingLabelFromNode(value.props.children);\n\n        if (childrenTrackingValue) {\n            return childrenTrackingValue;\n        }\n\n        if (typeof value.props.id === 'string' && value.props.id.length > 0) {\n            return value.props.id;\n        }\n    }\n};\n"],"names":["getTrackingLabelFromNode","value","trackingValues","trackingValue","isValidElement","childrenTrackingValue"],"mappings":";AAEO,MAAMA,IAA2B,CAACC,MAAyC;AAC9E,MAAI,EAAAA,KAAS,QAAQ,OAAOA,KAAU,YAItC;AAAA,QAAI,OAAOA,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AAC3E,aAAO,OAAOA,CAAK;AAGvB,QAAI,MAAM,QAAQA,CAAK,GAAG;AACtB,YAAMC,IAAiBD,EAClB,IAAID,CAAwB,EAC5B;AAAA,QACG,CAACG,MACG,OAAOA,KAAkB,YAAYA,EAAc,SAAS;AAAA,MAAA;AAGxE,aAAOD,EAAe,SAAS,IAAIA,EAAe,KAAK,GAAG,IAAI;AAAA,IAClE;AAEA,QAAIE,EAAuDH,CAAK,GAAG;AAC/D,YAAMI,IAAwBL,EAAyBC,EAAM,MAAM,QAAQ;AAE3E,UAAII;AACA,eAAOA;AAGX,UAAI,OAAOJ,EAAM,MAAM,MAAO,YAAYA,EAAM,MAAM,GAAG,SAAS;AAC9D,eAAOA,EAAM,MAAM;AAAA,IAE3B;AAAA;AACJ;"}

package/utils/analytics/googleAnalyticsUtils.js

@@ -1,37 +1,30 @@
-import { LOOKUP_MAX_LENGTH as c } from "./analyticsAnalysisUtils.js";
-const l = /* @__PURE__ */ new Set(), d = (e, a) => {
-  if (process.env.NODE_ENV === "production" || a.length <= c)
+import "../init/initConfig.js";
+const s = () => typeof window < "u" && Array.isArray(window.dataLayer), l = (t) => {
+  if (!s())
     return;
-  const t = `${e}::${a}`;
-  l.has(t) || (l.add(t), console.warn(
-    `[Analytics] data-track-ga-event-label exceeds ${c} chars for action "${e}". Overlay mapping uses only the first ${c} chars.`
-  ));
-}, u = () => typeof window < "u" && Array.isArray(window.dataLayer), g = (e) => {
-  if (!u())
-    return;
-  const a = {
+  const e = {
     event: "ga_event",
-    eventCategory: e.category,
-    eventAction: e.action,
-    eventLabel: e.label
+    eventCategory: t.category,
+    eventAction: t.action,
+    eventLabel: t.label
   };
-  e.value !== void 0 && e.value !== "" && (a.eventValue = e.value), window.dataLayer?.push(a);
-}, y = (e, a) => (...t) => {
-  const n = e(...t);
-  return g(a), n;
-}, A = {}, w = {}, L = (e) => {
-  const { trigger: a, category: t, action: n, label: r, value: s } = e, i = n || `action_${a}`, o = {
-    "data-track-ga-event-trigger": a,
-    "data-track-ga-event-category": t,
+  t.value !== void 0 && t.value !== "" && (e.eventValue = t.value), window.dataLayer?.push(e);
+}, u = (t, e) => (...a) => {
+  const r = t(...a);
+  return l(e), r;
+}, v = {}, g = {}, y = (t) => {
+  const { trigger: e, category: a, action: r, label: o, value: c } = t, i = r || `action_${e}`, n = {
+    "data-track-ga-event-trigger": e,
+    "data-track-ga-event-category": a,
     "data-track-ga-event-action": i
   };
-  return r && (o["data-track-ga-event-label"] = r, d(i, r)), s && (o["data-track-ga-event-value"] = s), o;
+  return o && (n["data-track-ga-event-label"] = o), c && (n["data-track-ga-event-value"] = c), n;
 };
 export {
-  A as TRACKING_ACTIONS,
-  w as TRACKING_LABELS,
-  y as executeAndTrack,
-  g as gaPush,
-  L as getTrackingAttributes
+  v as TRACKING_ACTIONS,
+  g as TRACKING_LABELS,
+  u as executeAndTrack,
+  l as gaPush,
+  y as getTrackingAttributes
 };
 //# sourceMappingURL=googleAnalyticsUtils.js.map

package/utils/analytics/googleAnalyticsUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"googleAnalyticsUtils.js","sources":["../../../src/utils/analytics/googleAnalyticsUtils.ts"],"sourcesContent":["import { LOOKUP_MAX_LENGTH } from './analyticsAnalysisUtils';\n\ndeclare global {\n    interface Window {\n        dataLayer?: unknown[];\n    }\n}\n\nexport type GAEvent = {\n    category: string;\n    action: string;\n    label: string;\n    value?: string | number;\n};\n\ntype GADataLayerEvent = {\n    event: 'ga_event';\n    eventCategory: string;\n    eventAction: string;\n    eventLabel: string;\n    eventValue?: string | number;\n};\n\nconst warnedLongTrackingLabels = new Set<string>();\n\nconst warnAboutLongTrackingLabel = (action: string, label: string) => {\n    if (process.env.NODE_ENV === 'production' || label.length <= LOOKUP_MAX_LENGTH) {\n        return;\n    }\n\n    const warningKey = `${action}::${label}`;\n    if (warnedLongTrackingLabels.has(warningKey)) {\n        return;\n    }\n\n    warnedLongTrackingLabels.add(warningKey);\n    console.warn(\n        `[Analytics] data-track-ga-event-label exceeds ${LOOKUP_MAX_LENGTH} chars for action \"${action}\". ` +\n            `Overlay mapping uses only the first ${LOOKUP_MAX_LENGTH} chars.`\n    );\n};\n\n/**\n * Approach 1: DataLayer push\n *\n * Use this to send events to Google Analytics imperatively, for example from UI callbacks.\n * This is also the only supported path for tracking hover interactions, since the\n * attribute-based tracking flow only supports click and visibility triggers.\n */\n\nconst isBrowserDataLayerAvailable = () => typeof window !== 'undefined' && Array.isArray(window.dataLayer);\n\nexport const gaPush = (gaEvent: GAEvent) => {\n    if (!isBrowserDataLayerAvailable()) {\n        return;\n    }\n\n    const payload: GADataLayerEvent = {\n        event: 'ga_event',\n        eventCategory: gaEvent.category,\n        eventAction: gaEvent.action,\n        eventLabel: gaEvent.label,\n    };\n\n    if (gaEvent.value !== undefined && gaEvent.value !== '') {\n        payload.eventValue = gaEvent.value;\n    }\n\n    window.dataLayer?.push(payload);\n};\n\nexport const executeAndTrack =\n    <Args extends unknown[], Result>(func: (...args: Args) => Result, value: GAEvent) =>\n    (...args: Args): Result => {\n        const result = func(...args);\n        gaPush(value);\n        return result;\n    };\n\n/**\n * Approach 2: Tracking attributes (preferred)\n *\n * Use this to add DOM attributes to an element. These attributes can be utilized later\n * by the AnalyticsAnalysisOverlay component.\n */\n\nexport type TRACKING_TRIGGER = 'click' | 'visibility';\n\nexport type TrackingValues = {\n    trigger: TRACKING_TRIGGER;\n    category: string;\n    action?: string;\n    label?: string;\n    value?: string;\n};\n\nexport type TrackingAttributes = {\n    'data-track-ga-event-trigger': TRACKING_TRIGGER;\n    'data-track-ga-event-category': string;\n    'data-track-ga-event-action': string;\n    'data-track-ga-event-label'?: string;\n    'data-track-ga-event-value'?: string;\n};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_ACTIONS: Record<string, string> = {};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_LABELS: Record<string, string> = {};\n\nexport const getTrackingAttributes = (param: TrackingValues): TrackingAttributes => {\n    const { trigger, category, action, label, value } = param;\n    const resolvedAction = action || `action_${trigger}`;\n\n    const attributes: TrackingAttributes = {\n        'data-track-ga-event-trigger': trigger,\n        'data-track-ga-event-category': category,\n        'data-track-ga-event-action': resolvedAction,\n    };\n\n    if (label) {\n        attributes['data-track-ga-event-label'] = label;\n        warnAboutLongTrackingLabel(resolvedAction, label);\n    }\n\n    if (value) {\n        attributes['data-track-ga-event-value'] = value;\n    }\n\n    return attributes;\n};\n"],"names":["warnedLongTrackingLabels","warnAboutLongTrackingLabel","action","label","LOOKUP_MAX_LENGTH","warningKey","isBrowserDataLayerAvailable","gaPush","gaEvent","payload","executeAndTrack","func","value","args","result","TRACKING_ACTIONS","TRACKING_LABELS","getTrackingAttributes","param","trigger","category","resolvedAction","attributes"],"mappings":";AAuBA,MAAMA,wBAA+B,IAAA,GAE/BC,IAA6B,CAACC,GAAgBC,MAAkB;AAClE,MAAI,QAAQ,IAAI,aAAa,gBAAgBA,EAAM,UAAUC;AACzD;AAGJ,QAAMC,IAAa,GAAGH,CAAM,KAAKC,CAAK;AACtC,EAAIH,EAAyB,IAAIK,CAAU,MAI3CL,EAAyB,IAAIK,CAAU,GACvC,QAAQ;AAAA,IACJ,iDAAiDD,CAAiB,sBAAsBF,CAAM,0CACnDE,CAAiB;AAAA,EAAA;AAEpE,GAUME,IAA8B,MAAM,OAAO,SAAW,OAAe,MAAM,QAAQ,OAAO,SAAS,GAE5FC,IAAS,CAACC,MAAqB;AACxC,MAAI,CAACF;AACD;AAGJ,QAAMG,IAA4B;AAAA,IAC9B,OAAO;AAAA,IACP,eAAeD,EAAQ;AAAA,IACvB,aAAaA,EAAQ;AAAA,IACrB,YAAYA,EAAQ;AAAA,EAAA;AAGxB,EAAIA,EAAQ,UAAU,UAAaA,EAAQ,UAAU,OACjDC,EAAQ,aAAaD,EAAQ,QAGjC,OAAO,WAAW,KAAKC,CAAO;AAClC,GAEaC,IACT,CAAiCC,GAAiCC,MAClE,IAAIC,MAAuB;AACvB,QAAMC,IAASH,EAAK,GAAGE,CAAI;AAC3B,SAAAN,EAAOK,CAAK,GACLE;AACX,GA4BSC,IAA2C,CAAA,GAG3CC,IAA0C,CAAA,GAE1CC,IAAwB,CAACC,MAA8C;AAChF,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,QAAAlB,GAAQ,OAAAC,GAAO,OAAAS,MAAUM,GAC9CG,IAAiBnB,KAAU,UAAUiB,CAAO,IAE5CG,IAAiC;AAAA,IACnC,+BAA+BH;AAAA,IAC/B,gCAAgCC;AAAA,IAChC,8BAA8BC;AAAA,EAAA;AAGlC,SAAIlB,MACAmB,EAAW,2BAA2B,IAAInB,GAC1CF,EAA2BoB,GAAgBlB,CAAK,IAGhDS,MACAU,EAAW,2BAA2B,IAAIV,IAGvCU;AACX;"}
+{"version":3,"file":"googleAnalyticsUtils.js","sources":["../../../src/utils/analytics/googleAnalyticsUtils.ts"],"sourcesContent":["import { LOOKUP_MAX_LENGTH } from './analyticsAnalysisUtils';\nimport { isProd } from '../init/initConfig';\n\ndeclare global {\n    interface Window {\n        dataLayer?: unknown[];\n    }\n}\n\nexport type GAEvent = {\n    category: string;\n    action: string;\n    label: string;\n    value?: string | number;\n};\n\ntype GADataLayerEvent = {\n    event: 'ga_event';\n    eventCategory: string;\n    eventAction: string;\n    eventLabel: string;\n    eventValue?: string | number;\n};\n\nconst warnedLongTrackingLabels = new Set<string>();\n\nconst warnAboutLongTrackingLabel = (action: string, label: string) => {\n    if (isProd || label.length <= LOOKUP_MAX_LENGTH) {\n        return;\n    }\n\n    const warningKey = `${action}::${label}`;\n    if (warnedLongTrackingLabels.has(warningKey)) {\n        return;\n    }\n\n    warnedLongTrackingLabels.add(warningKey);\n    console.warn(\n        `[Analytics] data-track-ga-event-label exceeds ${LOOKUP_MAX_LENGTH} chars for action \"${action}\". ` +\n            `Overlay mapping uses only the first ${LOOKUP_MAX_LENGTH} chars.`\n    );\n};\n\n/**\n * Approach 1: DataLayer push\n *\n * Use this to send events to Google Analytics imperatively, for example from UI callbacks.\n * This is also the only supported path for tracking hover interactions, since the\n * attribute-based tracking flow only supports click and visibility triggers.\n */\n\nconst isBrowserDataLayerAvailable = () => typeof window !== 'undefined' && Array.isArray(window.dataLayer);\n\nexport const gaPush = (gaEvent: GAEvent) => {\n    if (!isBrowserDataLayerAvailable()) {\n        return;\n    }\n\n    const payload: GADataLayerEvent = {\n        event: 'ga_event',\n        eventCategory: gaEvent.category,\n        eventAction: gaEvent.action,\n        eventLabel: gaEvent.label,\n    };\n\n    if (gaEvent.value !== undefined && gaEvent.value !== '') {\n        payload.eventValue = gaEvent.value;\n    }\n\n    window.dataLayer?.push(payload);\n};\n\nexport const executeAndTrack =\n    <Args extends unknown[], Result>(func: (...args: Args) => Result, value: GAEvent) =>\n    (...args: Args): Result => {\n        const result = func(...args);\n        gaPush(value);\n        return result;\n    };\n\n/**\n * Approach 2: Tracking attributes (preferred)\n *\n * Use this to add DOM attributes to an element. These attributes can be utilized later\n * by the AnalyticsAnalysisOverlay component.\n */\n\nexport type TRACKING_TRIGGER = 'click' | 'visibility';\n\nexport type TrackingValues = {\n    trigger: TRACKING_TRIGGER;\n    category: string;\n    action?: string;\n    label?: string;\n    value?: string;\n};\n\nexport type TrackingAttributes = {\n    'data-track-ga-event-trigger': TRACKING_TRIGGER;\n    'data-track-ga-event-category': string;\n    'data-track-ga-event-action': string;\n    'data-track-ga-event-label'?: string;\n    'data-track-ga-event-value'?: string;\n};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_ACTIONS: Record<string, string> = {};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_LABELS: Record<string, string> = {};\n\nexport const getTrackingAttributes = (param: TrackingValues): TrackingAttributes => {\n    const { trigger, category, action, label, value } = param;\n    const resolvedAction = action || `action_${trigger}`;\n\n    const attributes: TrackingAttributes = {\n        'data-track-ga-event-trigger': trigger,\n        'data-track-ga-event-category': category,\n        'data-track-ga-event-action': resolvedAction,\n    };\n\n    if (label) {\n        attributes['data-track-ga-event-label'] = label;\n        warnAboutLongTrackingLabel(resolvedAction, label);\n    }\n\n    if (value) {\n        attributes['data-track-ga-event-value'] = value;\n    }\n\n    return attributes;\n};\n"],"names":["isBrowserDataLayerAvailable","gaPush","gaEvent","payload","executeAndTrack","func","value","args","result","TRACKING_ACTIONS","TRACKING_LABELS","getTrackingAttributes","param","trigger","category","action","label","resolvedAction","attributes"],"mappings":";AAmDA,MAAMA,IAA8B,MAAM,OAAO,SAAW,OAAe,MAAM,QAAQ,OAAO,SAAS,GAE5FC,IAAS,CAACC,MAAqB;AACxC,MAAI,CAACF;AACD;AAGJ,QAAMG,IAA4B;AAAA,IAC9B,OAAO;AAAA,IACP,eAAeD,EAAQ;AAAA,IACvB,aAAaA,EAAQ;AAAA,IACrB,YAAYA,EAAQ;AAAA,EAAA;AAGxB,EAAIA,EAAQ,UAAU,UAAaA,EAAQ,UAAU,OACjDC,EAAQ,aAAaD,EAAQ,QAGjC,OAAO,WAAW,KAAKC,CAAO;AAClC,GAEaC,IACT,CAAiCC,GAAiCC,MAClE,IAAIC,MAAuB;AACvB,QAAMC,IAASH,EAAK,GAAGE,CAAI;AAC3B,SAAAN,EAAOK,CAAK,GACLE;AACX,GA4BSC,IAA2C,CAAA,GAG3CC,IAA0C,CAAA,GAE1CC,IAAwB,CAACC,MAA8C;AAChF,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,OAAAV,MAAUM,GAC9CK,IAAiBF,KAAU,UAAUF,CAAO,IAE5CK,IAAiC;AAAA,IACnC,+BAA+BL;AAAA,IAC/B,gCAAgCC;AAAA,IAChC,8BAA8BG;AAAA,EAAA;AAGlC,SAAID,MACAE,EAAW,2BAA2B,IAAIF,IAI1CV,MACAY,EAAW,2BAA2B,IAAIZ,IAGvCY;AACX;"}

package/utils/getNodeTextContent.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getNodeTextContent: (value: ReactNode) => string | undefined;