@payloadcms/ui 3.81.0-canary.3 → 3.81.0-internal-debug.1a0f4d0

package/dist/elements/TimezonePicker/index.js

@@ -1,53 +1,62 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useMemo } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import './index.scss';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { ReactSelect } from '../ReactSelect/index.js';
 import { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js';
-export const TimezonePicker = props => {
-  const {
-    id,
-    onChange: onChangeFromProps,
-    options: optionsFromProps,
-    readOnly: readOnlyFromProps,
-    required,
-    selectedTimezone: selectedTimezoneFromProps
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  const options = formatOptions(optionsFromProps);
-  const selectedTimezone = useMemo(() => {
-    return options.find(t_0 => {
-      const value = typeof t_0 === 'string' ? t_0 : t_0.value;
-      return value === selectedTimezoneFromProps;
-    });
-  }, [options, selectedTimezoneFromProps]);
-  const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "timezone-picker-wrapper",
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      htmlFor: id,
-      label: `${t('general:timezone')} ${required ? '*' : ''}`,
-      required: required,
-      unstyled: true
-    }), /*#__PURE__*/_jsx(ReactSelect, {
-      className: "timezone-picker",
-      disabled: readOnly,
-      inputId: id,
-      isClearable: !required,
-      isCreatable: false,
-      onChange: val => {
-        if (onChangeFromProps) {
-          onChangeFromProps(val?.value || '');
-        }
-      },
-      options: options,
-      value: selectedTimezone
-    })]
-  });
+export const TimezonePicker = (props)=>{
+    const { id, onChange: onChangeFromProps, options: optionsFromProps, readOnly: readOnlyFromProps, required, selectedTimezone: selectedTimezoneFromProps } = props;
+    const { t } = useTranslation();
+    const options = formatOptions(optionsFromProps);
+    const selectedTimezone = useMemo(()=>{
+        return options.find((t)=>{
+            const value = typeof t === 'string' ? t : t.value;
+            return value === selectedTimezoneFromProps;
+        });
+    }, [
+        options,
+        selectedTimezoneFromProps
+    ]);
+    const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "timezone-picker-wrapper",
+        children: [
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                htmlFor: id,
+                label: `${t('general:timezone')} ${required ? '*' : ''}`,
+                required: required,
+                unstyled: true
+            }, void 0, false, {
+                fileName: "src/elements/TimezonePicker/index.tsx",
+                lineNumber: 41,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                className: "timezone-picker",
+                disabled: readOnly,
+                inputId: id,
+                isClearable: !required,
+                isCreatable: false,
+                onChange: (val)=>{
+                    if (onChangeFromProps) {
+                        onChangeFromProps(val?.value || '');
+                    }
+                },
+                options: options,
+                value: selectedTimezone
+            }, void 0, false, {
+                fileName: "src/elements/TimezonePicker/index.tsx",
+                lineNumber: 47,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/TimezonePicker/index.tsx",
+        lineNumber: 40,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/TimezonePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","_jsxs","className","_jsx","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === selectedTimezoneFromProps\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAKA,SAASA,OAAO,QAAQ;AAIxB,SAASC,UAAU,QAAQ;AAC3B,OAAO;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAAmCC,KAAA;EAC9C,MAAM;IACJC,EAAE;IACFC,QAAA,EAAUC,iBAAiB;IAC3BC,OAAA,EAASC,gBAAgB;IACzBC,QAAA,EAAUC,iBAAiB;IAC3BC,QAAQ;IACRC,gBAAA,EAAkBC;EAAyB,CAC5C,GAAGV,KAAA;EAEJ,MAAM;IAAEW;EAAC,CAAE,GAAGf,cAAA;EAEd,MAAMQ,OAAA,GAAUN,aAAA,CAAcO,gBAAA;EAE9B,MAAMI,gBAAA,GAAmBf,OAAA,CAAQ;IAC/B,OAAOU,OAAA,CAAQQ,IAAI,CAAED,GAAA;MACnB,MAAME,KAAA,GAAQ,OAAOF,GAAA,KAAM,WAAWA,GAAA,GAAIA,GAAA,CAAEE,KAAK;MACjD,OAAOA,KAAA,KAAUH,yBAAA;IACnB;EACF,GAAG,CAACN,OAAA,EAASM,yBAAA,CAA0B;EAEvC,MAAMJ,QAAA,GAAWQ,OAAA,CAAQP,iBAAA,KAAsBH,OAAA,CAAQW,MAAM,KAAK;EAElE,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAACvB,UAAA;MACCwB,OAAA,EAASlB,EAAA;MACTmB,KAAA,EAAO,GAAGT,CAAA,CAAE,uBAAuBH,QAAA,GAAW,MAAM,IAAI;MACxDA,QAAA,EAAUA,QAAA;MACVa,QAAQ;qBAEVH,IAAA,CAACrB,WAAA;MACCoB,SAAA,EAAU;MACVK,QAAA,EAAUhB,QAAA;MACViB,OAAA,EAAStB,EAAA;MACTuB,WAAA,EAAa,CAAChB,QAAA;MACdiB,WAAA,EAAa;MACbvB,QAAA,EAAWwB,GAAA;QACT,IAAIvB,iBAAA,EAAmB;UACrBA,iBAAA,CAAkBuB,GAAA,EAAKb,KAAA,IAAS;QAClC;MACF;MACAT,OAAA,EAASA,OAAA;MACTS,KAAA,EAAOJ;;;AAIf","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === selectedTimezoneFromProps\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","div","className","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"mappings":"AAAA;;AAKA,SAASA,OAAO,QAAQ,QAAO;AAI/B,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,aAAa,QAAQ,oDAAmD;AAEjF,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EACJC,EAAE,EACFC,UAAUC,iBAAiB,EAC3BC,SAASC,gBAAgB,EACzBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,kBAAkBC,yBAAyB,EAC5C,GAAGV;IAEJ,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMQ,UAAUN,cAAcO;IAE9B,MAAMI,mBAAmBf,QAAQ;QAC/B,OAAOU,QAAQQ,IAAI,CAAC,CAACD;YACnB,MAAME,QAAQ,OAAOF,MAAM,WAAWA,IAAIA,EAAEE,KAAK;YACjD,OAAOA,UAAUH;QACnB;IACF,GAAG;QAACN;QAASM;KAA0B;IAEvC,MAAMJ,WAAWQ,QAAQP,sBAAsBH,QAAQW,MAAM,KAAK;IAElE,qBACE,QAACC;QAAIC,WAAU;;0BACb,QAACtB;gBACCuB,SAASjB;gBACTkB,OAAO,GAAGR,EAAE,oBAAoB,CAAC,EAAEH,WAAW,MAAM,IAAI;gBACxDA,UAAUA;gBACVY,QAAQ;;;;;;0BAEV,QAACvB;gBACCoB,WAAU;gBACVI,UAAUf;gBACVgB,SAASrB;gBACTsB,aAAa,CAACf;gBACdgB,aAAa;gBACbtB,UAAU,CAACuB;oBACT,IAAItB,mBAAmB;wBACrBA,kBAAkBsB,KAAKZ,SAAS;oBAClC;gBACF;gBACAT,SAASA;gBACTS,OAAOJ;;;;;;;;;;;;AAIf,EAAC"}

package/dist/elements/TimezonePicker/types.js

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

package/dist/elements/TimezonePicker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/TimezonePicker/types.ts"],"sourcesContent":["import type { SelectFieldClient } from 'payload'\n\nexport type Props = {\n  id: string\n  onChange?: (val: string) => void\n  readOnly?: boolean\n  required?: boolean\n  selectedTimezone?: string\n} & Pick<SelectFieldClient, 'options'>\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/TimezonePicker/types.ts"],"sourcesContent":["import type { SelectFieldClient } from 'payload'\n\nexport type Props = {\n  id: string\n  onChange?: (val: string) => void\n  readOnly?: boolean\n  required?: boolean\n  selectedTimezone?: string\n} & Pick<SelectFieldClient, 'options'>\n"],"names":[],"mappings":"AAEA,WAMsC"}

package/dist/elements/Toasts/fieldErrors.js

@@ -1,91 +1,83 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 function groupSimilarErrors(items) {
-  const result = [];
-  for (const item of items) {
-    if (item) {
-      const parts = item.split(' → ');
-      let inserted = false;
-      // Find a place where a similar path exists
-      for (let i = 0; i < result.length; i++) {
-        if (result[i].startsWith(parts[0])) {
-          result.splice(i + 1, 0, item);
-          inserted = true;
-          break;
+    const result = [];
+    for (const item of items){
+        if (item) {
+            const parts = item.split(' → ');
+            let inserted = false;
+            // Find a place where a similar path exists
+            for(let i = 0; i < result.length; i++){
+                if (result[i].startsWith(parts[0])) {
+                    result.splice(i + 1, 0, item);
+                    inserted = true;
+                    break;
+                }
+            }
+            // If no similar path was found, add to the end
+            if (!inserted) {
+                result.push(item);
+            }
         }
-      }
-      // If no similar path was found, add to the end
-      if (!inserted) {
-        result.push(item);
-      }
     }
-  }
-  return result;
+    return result;
 }
 export function createErrorsFromMessage(message) {
-  const colonIndex = message.indexOf(':');
-  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message;
-  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined;
-  if (!errorsString) {
-    return {
-      message: intro
-    };
-  }
-  const errors = errorsString.split(',').map(error => error.replaceAll(' > ', ' → ').trim());
-  if (errors.length === 1) {
+    const colonIndex = message.indexOf(':');
+    const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message;
+    const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined;
+    if (!errorsString) {
+        return {
+            message: intro
+        };
+    }
+    const errors = errorsString.split(',').map((error)=>error.replaceAll(' > ', ' → ').trim());
+    if (errors.length === 1) {
+        return {
+            errors,
+            message: `${intro}: `
+        };
+    }
     return {
-      errors,
-      message: `${intro}: `
+        errors: groupSimilarErrors(errors),
+        message: `${intro} (${errors.length}):`
     };
-  }
-  return {
-    errors: groupSimilarErrors(errors),
-    message: `${intro} (${errors.length}):`
-  };
-}
-export function FieldErrorsToast(t0) {
-  const $ = _c(5);
-  const {
-    errorMessage
-  } = t0;
-  let t1;
-  if ($[0] !== errorMessage) {
-    t1 = () => createErrorsFromMessage(errorMessage);
-    $[0] = errorMessage;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [t2] = React.useState(t1);
-  const {
-    errors,
-    message
-  } = t2;
-  let t3;
-  if ($[2] !== errors || $[3] !== message) {
-    t3 = _jsxs("div", {
-      children: [message, Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? _jsx("span", {
-        "data-testid": "field-error",
-        children: errors[0]
-      }) : _jsx("ul", {
-        "data-testid": "field-errors",
-        children: errors.map(_temp)
-      }) : null]
-    });
-    $[2] = errors;
-    $[3] = message;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
 }
-function _temp(error, index) {
-  return _jsx("li", {
-    children: error
-  }, index);
+export function FieldErrorsToast({ errorMessage }) {
+    const [{ errors, message }] = React.useState(()=>createErrorsFromMessage(errorMessage));
+    return /*#__PURE__*/ _jsxDEV("div", {
+        children: [
+            message,
+            Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? /*#__PURE__*/ _jsxDEV("span", {
+                "data-testid": "field-error",
+                children: errors[0]
+            }, void 0, false, {
+                fileName: "src/elements/Toasts/fieldErrors.tsx",
+                lineNumber: 69,
+                columnNumber: 11
+            }, this) : /*#__PURE__*/ _jsxDEV("ul", {
+                "data-testid": "field-errors",
+                children: errors.map((error, index)=>{
+                    return /*#__PURE__*/ _jsxDEV("li", {
+                        children: error
+                    }, index, false, {
+                        fileName: "src/elements/Toasts/fieldErrors.tsx",
+                        lineNumber: 73,
+                        columnNumber: 22
+                    }, this);
+                })
+            }, void 0, false, {
+                fileName: "src/elements/Toasts/fieldErrors.tsx",
+                lineNumber: 71,
+                columnNumber: 11
+            }, this) : null
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Toasts/fieldErrors.tsx",
+        lineNumber: 65,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=fieldErrors.js.map

package/dist/elements/Toasts/fieldErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldErrors.js","names":["c","_c","React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","colonIndex","indexOf","intro","slice","errorsString","undefined","errors","map","error","replaceAll","trim","FieldErrorsToast","t0","$","errorMessage","t1","t2","useState","t3","_jsxs","children","Array","isArray","_jsx","_temp","index"],"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nexport function createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const colonIndex = message.indexOf(':')\n  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message\n  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nexport function createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const colonIndex = message.indexOf(':')\n  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message\n  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","colonIndex","indexOf","intro","slice","errorsString","undefined","errors","map","error","replaceAll","trim","FieldErrorsToast","errorMessage","useState","div","Array","isArray","span","data-testid","ul","index","li"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,mBAAmBC,KAAe;IACzC,MAAMC,SAAmB,EAAE;IAE3B,KAAK,MAAMC,QAAQF,MAAO;QACxB,IAAIE,MAAM;YACR,MAAMC,QAAQD,KAAKE,KAAK,CAAC;YACzB,IAAIC,WAAW;YAEf,2CAA2C;YAC3C,IAAK,IAAIC,IAAI,GAAGA,IAAIL,OAAOM,MAAM,EAAED,IAAK;gBACtC,IAAIL,MAAM,CAACK,EAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;oBAClCF,OAAOQ,MAAM,CAACH,IAAI,GAAG,GAAGJ;oBACxBG,WAAW;oBACX;gBACF;YACF;YAEA,+CAA+C;YAC/C,IAAI,CAACA,UAAU;gBACbJ,OAAOS,IAAI,CAACR;YACd;QACF;IACF;IAEA,OAAOD;AACT;AAEA,OAAO,SAASU,wBAAwBC,OAAe;IAIrD,MAAMC,aAAaD,QAAQE,OAAO,CAAC;IACnC,MAAMC,QAAQF,cAAc,IAAID,QAAQI,KAAK,CAAC,GAAGH,cAAcD;IAC/D,MAAMK,eAAeJ,cAAc,IAAID,QAAQI,KAAK,CAACH,aAAa,KAAKK;IAEvE,IAAI,CAACD,cAAc;QACjB,OAAO;YACLL,SAASG;QACX;IACF;IAEA,MAAMI,SAASF,aAAab,KAAK,CAAC,KAAKgB,GAAG,CAAC,CAACC,QAAUA,MAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;IAEzF,IAAIJ,OAAOZ,MAAM,KAAK,GAAG;QACvB,OAAO;YACLY;YACAP,SAAS,GAAGG,MAAM,EAAE,CAAC;QACvB;IACF;IAEA,OAAO;QACLI,QAAQpB,mBAAmBoB;QAC3BP,SAAS,GAAGG,MAAM,EAAE,EAAEI,OAAOZ,MAAM,CAAC,EAAE,CAAC;IACzC;AACF;AAEA,OAAO,SAASiB,iBAAiB,EAAEC,YAAY,EAAE;IAC/C,MAAM,CAAC,EAAEN,MAAM,EAAEP,OAAO,EAAE,CAAC,GAAGd,MAAM4B,QAAQ,CAAC,IAAMf,wBAAwBc;IAE3E,qBACE,QAACE;;YACEf;YACAgB,MAAMC,OAAO,CAACV,WAAWA,OAAOZ,MAAM,GAAG,IACxCY,OAAOZ,MAAM,KAAK,kBAChB,QAACuB;gBAAKC,eAAY;0BAAeZ,MAAM,CAAC,EAAE;;;;;qCAE1C,QAACa;gBAAGD,eAAY;0BACbZ,OAAOC,GAAG,CAAC,CAACC,OAAOY;oBAClB,qBAAO,QAACC;kCAAgBb;uBAARY;;;;;gBAClB;;;;;uBAGF;;;;;;;AAGV"}

package/dist/elements/Toasts/fieldErrors.spec.js

@@ -1,46 +1,60 @@
 import { describe, expect, it } from 'vitest';
 import { createErrorsFromMessage } from './fieldErrors.js';
-describe('createErrorsFromMessage', () => {
-  it('should return the full message when there is no colon', () => {
-    const result = createErrorsFromMessage('Something went wrong');
-    expect(result).toEqual({
-      message: 'Something went wrong'
+describe('createErrorsFromMessage', ()=>{
+    it('should return the full message when there is no colon', ()=>{
+        const result = createErrorsFromMessage('Something went wrong');
+        expect(result).toEqual({
+            message: 'Something went wrong'
+        });
     });
-  });
-  it('should split a single field error after the colon', () => {
-    const result = createErrorsFromMessage('Validation failed: email');
-    expect(result).toEqual({
-      errors: ['email'],
-      message: 'Validation failed: '
+    it('should split a single field error after the colon', ()=>{
+        const result = createErrorsFromMessage('Validation failed: email');
+        expect(result).toEqual({
+            errors: [
+                'email'
+            ],
+            message: 'Validation failed: '
+        });
     });
-  });
-  it('should split multiple comma-separated field errors after the colon', () => {
-    const result = createErrorsFromMessage('The following fields are invalid: email, name');
-    expect(result).toEqual({
-      errors: ['email', 'name'],
-      message: 'The following fields are invalid (2):'
+    it('should split multiple comma-separated field errors after the colon', ()=>{
+        const result = createErrorsFromMessage('The following fields are invalid: email, name');
+        expect(result).toEqual({
+            errors: [
+                'email',
+                'name'
+            ],
+            message: 'The following fields are invalid (2):'
+        });
     });
-  });
-  it('should preserve the full message when it contains multiple colons', () => {
-    const result = createErrorsFromMessage('With: multiple: colons');
-    expect(result).toEqual({
-      errors: ['multiple: colons'],
-      message: 'With: '
+    it('should preserve the full message when it contains multiple colons', ()=>{
+        const result = createErrorsFromMessage('With: multiple: colons');
+        expect(result).toEqual({
+            errors: [
+                'multiple: colons'
+            ],
+            message: 'With: '
+        });
     });
-  });
-  it('should replace " > " with " → " in error paths', () => {
-    const result = createErrorsFromMessage('Invalid: parent > child');
-    expect(result).toEqual({
-      errors: ['parent → child'],
-      message: 'Invalid: '
+    it('should replace " > " with " → " in error paths', ()=>{
+        const result = createErrorsFromMessage('Invalid: parent > child');
+        expect(result).toEqual({
+            errors: [
+                'parent → child'
+            ],
+            message: 'Invalid: '
+        });
     });
-  });
-  it('should group similar errors and count them', () => {
-    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other');
-    expect(result).toEqual({
-      errors: ['blocks → 0', 'blocks → 1', 'other'],
-      message: 'Invalid (3):'
+    it('should group similar errors and count them', ()=>{
+        const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other');
+        expect(result).toEqual({
+            errors: [
+                'blocks → 0',
+                'blocks → 1',
+                'other'
+            ],
+            message: 'Invalid (3):'
+        });
     });
-  });
 });
+
 //# sourceMappingURL=fieldErrors.spec.js.map

package/dist/elements/Toasts/fieldErrors.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldErrors.spec.js","names":["describe","expect","it","createErrorsFromMessage","result","toEqual","message","errors"],"sources":["../../../src/elements/Toasts/fieldErrors.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { createErrorsFromMessage } from './fieldErrors.js'\n\ndescribe('createErrorsFromMessage', () => {\n  it('should return the full message when there is no colon', () => {\n    const result = createErrorsFromMessage('Something went wrong')\n\n    expect(result).toEqual({ message: 'Something went wrong' })\n  })\n\n  it('should split a single field error after the colon', () => {\n    const result = createErrorsFromMessage('Validation failed: email')\n\n    expect(result).toEqual({ errors: ['email'], message: 'Validation failed: ' })\n  })\n\n  it('should split multiple comma-separated field errors after the colon', () => {\n    const result = createErrorsFromMessage('The following fields are invalid: email, name')\n\n    expect(result).toEqual({\n      errors: ['email', 'name'],\n      message: 'The following fields are invalid (2):',\n    })\n  })\n\n  it('should preserve the full message when it contains multiple colons', () => {\n    const result = createErrorsFromMessage('With: multiple: colons')\n\n    expect(result).toEqual({ errors: ['multiple: colons'], message: 'With: ' })\n  })\n\n  it('should replace \" > \" with \" → \" in error paths', () => {\n    const result = createErrorsFromMessage('Invalid: parent > child')\n\n    expect(result).toEqual({ errors: ['parent → child'], message: 'Invalid: ' })\n  })\n\n  it('should group similar errors and count them', () => {\n    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other')\n\n    expect(result).toEqual({\n      errors: ['blocks → 0', 'blocks → 1', 'other'],\n      message: 'Invalid (3):',\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,uBAAuB,QAAQ;AAExCH,QAAA,CAAS,2BAA2B;EAClCE,EAAA,CAAG,yDAAyD;IAC1D,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEC,OAAA,EAAS;IAAuB;EAC3D;EAEAJ,EAAA,CAAG,qDAAqD;IACtD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,QAAQ;MAAED,OAAA,EAAS;IAAsB;EAC7E;EAEAJ,EAAA,CAAG,sEAAsE;IACvE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,SAAS,OAAO;MACzBD,OAAA,EAAS;IACX;EACF;EAEAJ,EAAA,CAAG,qEAAqE;IACtE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,mBAAmB;MAAED,OAAA,EAAS;IAAS;EAC3E;EAEAJ,EAAA,CAAG,kDAAkD;IACnD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,iBAAiB;MAAED,OAAA,EAAS;IAAY;EAC5E;EAEAJ,EAAA,CAAG,8CAA8C;IAC/C,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,cAAc,cAAc,QAAQ;MAC7CD,OAAA,EAAS;IACX;EACF;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { createErrorsFromMessage } from './fieldErrors.js'\n\ndescribe('createErrorsFromMessage', () => {\n  it('should return the full message when there is no colon', () => {\n    const result = createErrorsFromMessage('Something went wrong')\n\n    expect(result).toEqual({ message: 'Something went wrong' })\n  })\n\n  it('should split a single field error after the colon', () => {\n    const result = createErrorsFromMessage('Validation failed: email')\n\n    expect(result).toEqual({ errors: ['email'], message: 'Validation failed: ' })\n  })\n\n  it('should split multiple comma-separated field errors after the colon', () => {\n    const result = createErrorsFromMessage('The following fields are invalid: email, name')\n\n    expect(result).toEqual({\n      errors: ['email', 'name'],\n      message: 'The following fields are invalid (2):',\n    })\n  })\n\n  it('should preserve the full message when it contains multiple colons', () => {\n    const result = createErrorsFromMessage('With: multiple: colons')\n\n    expect(result).toEqual({ errors: ['multiple: colons'], message: 'With: ' })\n  })\n\n  it('should replace \" > \" with \" → \" in error paths', () => {\n    const result = createErrorsFromMessage('Invalid: parent > child')\n\n    expect(result).toEqual({ errors: ['parent → child'], message: 'Invalid: ' })\n  })\n\n  it('should group similar errors and count them', () => {\n    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other')\n\n    expect(result).toEqual({\n      errors: ['blocks → 0', 'blocks → 1', 'other'],\n      message: 'Invalid (3):',\n    })\n  })\n})\n"],"names":["describe","expect","it","createErrorsFromMessage","result","toEqual","message","errors"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,SAAQ;AAE7C,SAASC,uBAAuB,QAAQ,mBAAkB;AAE1DH,SAAS,2BAA2B;IAClCE,GAAG,yDAAyD;QAC1D,MAAME,SAASD,wBAAwB;QAEvCF,OAAOG,QAAQC,OAAO,CAAC;YAAEC,SAAS;QAAuB;IAC3D;IAEAJ,GAAG,qDAAqD;QACtD,MAAME,SAASD,wBAAwB;QAEvCF,OAAOG,QAAQC,OAAO,CAAC;YAAEE,QAAQ;gBAAC;aAAQ;YAAED,SAAS;QAAsB;IAC7E;IAEAJ,GAAG,sEAAsE;QACvE,MAAME,SAASD,wBAAwB;QAEvCF,OAAOG,QAAQC,OAAO,CAAC;YACrBE,QAAQ;gBAAC;gBAAS;aAAO;YACzBD,SAAS;QACX;IACF;IAEAJ,GAAG,qEAAqE;QACtE,MAAME,SAASD,wBAAwB;QAEvCF,OAAOG,QAAQC,OAAO,CAAC;YAAEE,QAAQ;gBAAC;aAAmB;YAAED,SAAS;QAAS;IAC3E;IAEAJ,GAAG,kDAAkD;QACnD,MAAME,SAASD,wBAAwB;QAEvCF,OAAOG,QAAQC,OAAO,CAAC;YAAEE,QAAQ;gBAAC;aAAiB;YAAED,SAAS;QAAY;IAC5E;IAEAJ,GAAG,8CAA8C;QAC/C,MAAME,SAASD,wBAAwB;QAEvCF,OAAOG,QAAQC,OAAO,CAAC;YACrBE,QAAQ;gBAAC;gBAAc;gBAAc;aAAQ;YAC7CD,SAAS;QACX;IACF;AACF"}

package/dist/elements/Tooltip/index.js

@@ -1,71 +1,104 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect } from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import './index.scss';
-export const Tooltip = props => {
-  const {
-    alignCaret = 'center',
-    boundingRef,
-    children,
-    className,
-    delay = 350,
-    position: positionFromProps,
-    show: showFromProps = true,
-    staticPositioning = false
-  } = props;
-  const [show, setShow] = React.useState(showFromProps);
-  const [position, setPosition] = React.useState('top');
-  const getTitleAttribute = content => typeof content === 'string' ? content : '';
-  const [ref, intersectionEntry] = useIntersect({
-    root: boundingRef?.current || null,
-    rootMargin: '-145px 0px 0px 100px',
-    threshold: 0
-  }, staticPositioning);
-  useEffect(() => {
-    let timerID;
-    // do not use the delay on transition-out
-    if (delay && showFromProps) {
-      timerID = setTimeout(() => {
-        setShow(showFromProps);
-      }, delay);
-    } else {
-      setShow(showFromProps);
-    }
-    return () => {
-      if (timerID) {
-        clearTimeout(timerID);
-      }
-    };
-  }, [showFromProps, delay]);
-  useEffect(() => {
-    if (staticPositioning) {
-      return;
-    }
-    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
-  }, [intersectionEntry, staticPositioning]);
-  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [!staticPositioning && /*#__PURE__*/_jsx("aside", {
-      "aria-hidden": "true",
-      className: ['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top'].filter(Boolean).join(' '),
-      ref: ref,
-      style: {
-        opacity: '0'
-      },
-      children: /*#__PURE__*/_jsx("div", {
-        className: "tooltip-content",
-        children: children
-      })
-    }), /*#__PURE__*/_jsx("aside", {
-      className: ['tooltip', className, show && 'tooltip--show', `tooltip--caret-${alignCaret}`, `tooltip--position-${positionFromProps || position}`].filter(Boolean).join(' '),
-      title: getTitleAttribute(children),
-      children: /*#__PURE__*/_jsx("div", {
-        className: "tooltip-content",
-        children: children
-      })
-    })]
-  });
+/**
+   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false
+   */ export const Tooltip = (props)=>{
+    const { alignCaret = 'center', boundingRef, children, className, delay = 350, position: positionFromProps, show: showFromProps = true, staticPositioning = false } = props;
+    const [show, setShow] = React.useState(showFromProps);
+    const [position, setPosition] = React.useState('top');
+    const getTitleAttribute = (content)=>typeof content === 'string' ? content : '';
+    const [ref, intersectionEntry] = useIntersect({
+        root: boundingRef?.current || null,
+        rootMargin: '-145px 0px 0px 100px',
+        threshold: 0
+    }, staticPositioning);
+    useEffect(()=>{
+        let timerID;
+        // do not use the delay on transition-out
+        if (delay && showFromProps) {
+            timerID = setTimeout(()=>{
+                setShow(showFromProps);
+            }, delay);
+        } else {
+            setShow(showFromProps);
+        }
+        return ()=>{
+            if (timerID) {
+                clearTimeout(timerID);
+            }
+        };
+    }, [
+        showFromProps,
+        delay
+    ]);
+    useEffect(()=>{
+        if (staticPositioning) {
+            return;
+        }
+        setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
+    }, [
+        intersectionEntry,
+        staticPositioning
+    ]);
+    // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            !staticPositioning && /*#__PURE__*/ _jsxDEV("aside", {
+                "aria-hidden": "true",
+                className: [
+                    'tooltip',
+                    className,
+                    `tooltip--caret-${alignCaret}`,
+                    'tooltip--position-top'
+                ].filter(Boolean).join(' '),
+                ref: ref,
+                style: {
+                    opacity: '0'
+                },
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: "tooltip-content",
+                    children: children
+                }, void 0, false, {
+                    fileName: "src/elements/Tooltip/index.tsx",
+                    lineNumber: 85,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Tooltip/index.tsx",
+                lineNumber: 77,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("aside", {
+                className: [
+                    'tooltip',
+                    className,
+                    show && 'tooltip--show',
+                    `tooltip--caret-${alignCaret}`,
+                    `tooltip--position-${positionFromProps || position}`
+                ].filter(Boolean).join(' '),
+                title: getTitleAttribute(children),
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: "tooltip-content",
+                    children: children
+                }, void 0, false, {
+                    fileName: "src/elements/Tooltip/index.tsx",
+                    lineNumber: 100,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Tooltip/index.tsx",
+                lineNumber: 88,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Tooltip/index.tsx",
+        lineNumber: 75,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map