@pinuts/bsr-uikit-relaunch 0.3.5 → 0.4.2

package/dist/shared/KehrenbuergerForm/KehrenbuergerForm.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactI18next = require("react-i18next");
+var _HTMLParserSanitized = require("../../items/HTMLParserSanitized/HTMLParserSanitized.jsx");
+var _SectionSpinner = _interopRequireDefault(require("../../items/SectionSpinner/SectionSpinner.jsx"));
+var _isWindowAvailable = require("../../utils/isWindowAvailable.js");
+var _FormWidget = _interopRequireDefault(require("../FormWidget/FormWidget.jsx"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WIDGET_CONFIG_PATH = '/de.bsr.kehrenbuerger.widget/formConfig';
+const AKTION_PATH = '/de.bsr.kehrenbuerger.aktionen/aktion';
+
+// Leere Captions rausfiltern, damit die Defaults des FormWidget greifen
+const withoutEmpty = caption => Object.fromEntries(Object.entries(caption).filter(_ref => {
+  let [, text] = _ref;
+  return Boolean(text);
+}));
+
+// Das Backend liefert die Kehrenbürger-Struktur (formPage/confirmPage/...),
+// das FormWidget erwartet formPage/controlPage/successPage.
+const mapCaptions = function () {
+  let captions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    formPage: withoutEmpty({
+      header: captions.formPage?.header,
+      text: captions.formPage?.text,
+      submitBtn: captions.formPage?.nextBtn
+    }),
+    controlPage: withoutEmpty({
+      header: captions.confirmPage?.header,
+      text: captions.confirmPage?.text,
+      backBtn: captions.confirmPage?.backBtn,
+      submitBtn: captions.confirmPage?.saveBtn
+    }),
+    successPage: withoutEmpty({
+      header: captions.successPage?.header,
+      text: captions.successPage?.text
+    })
+  };
+};
+
+// Das Backend erwartet die Werte unter "data"
+const transformPayload = values => ({
+  data: values
+});
+
+// Bestätigungs-Link (Double-Opt-In): ?c=<aktionId> in der URL.
+// Prod nutzt normale URLs (?c=... vor dem #), die CMS-Vorschau Hash-URLs
+// (#/pfad?c=...) - deshalb beide Stellen prüfen.
+const getDoiAktionId = () => {
+  if (!(0, _isWindowAvailable.isWindowAvailable)()) {
+    return null;
+  }
+  const fromSearch = new URLSearchParams(window.location.search).get('c');
+  if (fromSearch) {
+    return fromSearch;
+  }
+  const hash = window.location.hash || '';
+  const queryIndex = hash.indexOf('?');
+  return queryIndex === -1 ? null : new URLSearchParams(hash.slice(queryIndex + 1)).get('c');
+};
+
+/**
+ * Kehrenbürger-Anmeldeformular als eigenständige Komponente (ohne HTML-Rahmen).
+ * Lädt FormConfig und Captions vom RestProxy und rendert das FormWidget.
+ *
+ * Enthält die URL einen `c`-Parameter, ist es ein DOI-Bestätigungslink: dann
+ * wird die Anmeldung per PUT bestätigt und nur die Bestätigungsmeldung gezeigt.
+ */
+const KehrenbuergerForm = _ref2 => {
+  let {
+    restUrl = '/p',
+    showControlPage = true,
+    className
+  } = _ref2;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const configUrl = `${restUrl}${WIDGET_CONFIG_PATH}`;
+  const submitUrl = `${restUrl}${AKTION_PATH}`;
+  const doiAktionId = (0, _react.useMemo)(() => getDoiAktionId(), []);
+  const isDoiMode = Boolean(doiAktionId);
+  const [formConfig, setFormConfig] = (0, _react.useState)(null);
+  const [rawCaptions, setRawCaptions] = (0, _react.useState)(null);
+  const [loadError, setLoadError] = (0, _react.useState)(false);
+  const [doiMessage, setDoiMessage] = (0, _react.useState)('');
+
+  // FormConfig + Captions laden (Captions werden auch im DOI-Modus gebraucht)
+  (0, _react.useEffect)(() => {
+    let aborted = false;
+    fetch(configUrl).then(response => {
+      if (!response.ok) {
+        throw new Error(`${configUrl} antwortete mit Status ${response.status}`);
+      }
+      return response.json();
+    }).then(json => {
+      if (aborted) {
+        return;
+      }
+      const formConfigs = json?.data?.formConfigs;
+      if (!formConfigs?.anmeldung) {
+        throw new Error('In der Antwort fehlt data.formConfigs.anmeldung');
+      }
+      setFormConfig(formConfigs.anmeldung);
+      setRawCaptions(formConfigs.captions || {});
+    }).catch(() => {
+      if (!aborted) {
+        setLoadError(true);
+      }
+    });
+    return () => {
+      aborted = true;
+    };
+  }, [configUrl]);
+
+  // DOI: Anmeldung per PUT bestätigen, sobald die Captions da sind
+  const doiConfirmed = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (!isDoiMode || !rawCaptions || doiConfirmed.current) {
+      return;
+    }
+    doiConfirmed.current = true;
+    const doiCaption = rawCaptions.doiPage || {};
+    fetch(`${submitUrl}/doi/${doiAktionId}`, {
+      method: 'PUT',
+      credentials: 'include',
+      headers: {
+        'X-CSRF-Safe': 'yes'
+      }
+    }).then(response => response.json().catch(() => ({}))).then(json => {
+      setDoiMessage(json?.success ? doiCaption.success : doiCaption.failed);
+    }).catch(() => {
+      setDoiMessage(doiCaption.failed);
+    });
+  }, [isDoiMode, rawCaptions, doiAktionId, submitUrl]);
+  const captions = (0, _react.useMemo)(() => mapCaptions(rawCaptions || {}), [rawCaptions]);
+  if (loadError) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "alert alert-danger"
+    }, t('bsrItems.kehrenbuerger.loadError'));
+  }
+  if (!formConfig || !rawCaptions) {
+    return /*#__PURE__*/_react.default.createElement(_SectionSpinner.default, null);
+  }
+  if (isDoiMode) {
+    const doiCaption = rawCaptions.doiPage || {};
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, doiCaption.header && /*#__PURE__*/_react.default.createElement("h1", null, doiCaption.header), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, doiMessage || t('bsrItems.kehrenbuerger.waitDoi'))));
+  }
+  return /*#__PURE__*/_react.default.createElement(_FormWidget.default, {
+    className: className,
+    formId: "kehrenbuerger",
+    formConfig: formConfig,
+    captions: captions,
+    submitUrl: submitUrl,
+    method: "POST",
+    showControlPage: showControlPage,
+    transformPayload: transformPayload
+  });
+};
+KehrenbuergerForm.propTypes = {
+  // Basis-URL des RestProxy, z.B. '/p'
+  restUrl: _propTypes.default.string,
+  showControlPage: _propTypes.default.bool,
+  className: _propTypes.default.string
+};
+var _default = exports.default = KehrenbuergerForm;

package/dist/styles/_errorMessagesInfoBox.scss

@@ -0,0 +1,42 @@
+// Fehlerbox über dem Formular. Klassen und Styles entsprechen den BSR-Formularen
+// (vgl. sepa-basis-lastschriftmandat-cf2), damit die Box in Consumer-Projekten
+// mit BSR-Styles identisch aussieht - und ohne sie ebenfalls korrekt.
+.pi-form-control__has-error {
+  display: block;
+
+  .pi-message-text {
+    display: flex;
+    flex-direction: column;
+    margin: 0 0 ($base-gap * 4);
+    padding: ($base-gap * 3) ($base-gap * 5); // 12px 20px
+    border: $bsr-border-width-l solid $error;
+    border-radius: $border-radius;
+    background-color: $white;
+    color: $error;
+    box-shadow: $bsr-shadow-default;
+
+    // leere Elemente (z.B. Caption ohne Text) nicht als Lücke rendern
+    > *:empty {
+      display: none;
+    }
+
+    p {
+      margin: 0 0 ($base-gap * 4);
+      font-weight: $fontweight-bold;
+    }
+
+    ul {
+      margin: 0;
+      padding-inline-start: $base-gap * 2;
+    }
+
+    li {
+      color: $error;
+
+      a {
+        color: $bsr-black-90;
+        text-decoration: underline;
+      }
+    }
+  }
+}

package/dist/styles/_form.scss

@@ -228,6 +228,15 @@ textarea {
     line-height: $input-label-line-height;
   }
 
+  // Adresse des gewählten Abholorts, unterhalb der Selectbox
+  .abholort-adresse {
+    display: block;
+    margin-block-start: $base-gap * 2;
+    color: $bsr-black-90;
+    font-size: $input-label-font-size;
+    line-height: $input-label-line-height;
+  }
+
   [aria-disabled="true"] {
     input,
     label {

package/dist/styles/_review.scss

@@ -0,0 +1,29 @@
+// Kontrollseite (reviewMode). Bewusst minimal: die visuelle Feinabstimmung
+// (Kontraste, Abstände) folgt in einem eigenen Schritt.
+.pi-review {
+  .pi-review-item {
+    margin: 0;
+  }
+
+  .pi-review-pair {
+    margin-bottom: $base-gap * 3;
+  }
+
+  dt {
+    font-weight: $fontweight-bold;
+  }
+
+  dd {
+    margin: 0;
+  }
+
+  // Zeilenumbrüche aus Textarea-Eingaben sichtbar halten
+  .pi-review-multiline {
+    white-space: pre-line;
+  }
+
+  .pi-review-values {
+    margin: 0;
+    padding-inline-start: $base-gap * 4;
+  }
+}

package/dist/styles/main.scss

@@ -1,92 +1,105 @@
 @use "sass:math";
 @import "./variables/_variables.scss";
-@import "./ariakit_combobox";
-@import "./form";
 
-.sr-only {
-  display: none;
-}
+// All CSS-emitting styles are scoped under `.bsr-uikit` so the UI-KIT's
+// global styles (element selectors like h1/body/p and class rules) do not
+// leak into consumer projects. Consumers opt in by adding the class
+// `bsr-uikit` to a wrapping element (e.g. the app root or a container
+// around UI-KIT components).
+//
+// Note: _variables.scss above only defines SCSS variables/functions and
+// emits no CSS, so it stays outside the wrapper.
+.bsr-uikit {
+  @import "./ariakit_combobox";
+  @import "./form";
+  @import "./errorMessagesInfoBox";
+  @import "./review";
+  @import "./variables/_buttons.scss";
+  @import "./variables/_images.scss";
 
-[aria-disabled="true"] {
-  input,
-  label {
-    color: $bsr-black-40;
-    border-color: $bsr-black-40;
-    pointer-events: none;
-  }
-  input {
-    background: $bsr-black-10;
+  // Base font previously applied to `body`; scoped to the wrapper element
+  // itself so it does not leak to the consumer's <body>.
+  font-family: $fontfamily-base;
+  font-size: $defaultBrowserFontSize;
+
+  .sr-only {
+    display: none;
   }
-}
 
-body {
-    font-family: $fontfamily-base;
-    font-size: $defaultBrowserFontSize;
-}
+  [aria-disabled="true"] {
+    input,
+    label {
+      color: $bsr-black-40;
+      border-color: $bsr-black-40;
+      pointer-events: none;
+    }
+    input {
+      background: $bsr-black-10;
+    }
+  }
 
-p, span {
+  p, span {
     font-family: $fontfamily-base;
-}
+  }
 
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: $fontfamily-heading;
     color: $bsr-black-90;
     font-weight: $fontweight-bold;
     scroll-margin-top: $base-gap * 18;
-}
+  }
 
-h1, .h1 {
+  h1, .h1 {
     font-size: $h1-fontsize;
     line-height: $h1-lineheight;
     letter-spacing: $letter-spacing-lg;
-    margin-bottom: $base-gap * 10;
 
     @media screen and (max-width: $screen-sm-max) {
-        font-size: $h1-fontsize-sm;
-        line-height: $h1-lineheight-sm;
-        letter-spacing: $letter-spacing-sm;
-        margin-bottom: $base-gap * 3;
+      font-size: $h1-fontsize-sm;
+      line-height: $h1-lineheight-sm;
+      letter-spacing: $letter-spacing-sm;
     }
-}
+  }
 
-h2, .h2 {
+  h2, .h2 {
     font-size: $h2-fontsize;
     line-height: $h2-lineheight;
     letter-spacing: $letter-spacing-md;
     margin-bottom: $base-gap * 5;
 
     @media screen and (max-width: $screen-sm-max) {
-        font-size: $h2-fontsize-sm;
-        line-height: $h2-lineheight-sm;
-        margin-bottom: $base-gap * 3;
+      font-size: $h2-fontsize-sm;
+      line-height: $h2-lineheight-sm;
+      margin-bottom: $base-gap * 3;
     }
-}
+  }
 
-h3, .h3, h4, .h4,  h5, .h5, h6, .h6 {
+  h3, .h3, h4, .h4,  h5, .h5, h6, .h6 {
     margin-bottom: $base-gap * 5;
     margin-top: $base-gap * 10;
     color: $bsr-black-90;
 
     @media screen and (max-width: $screen-sm-max) {
-        font-size: $h3-fontsize-sm;
-        line-height: $h3-lineheight-sm;
-        margin-bottom: $base-gap * 3;
-        margin-top: $base-gap * 8;
+      font-size: $h3-fontsize-sm;
+      line-height: $h3-lineheight-sm;
+      margin-bottom: $base-gap * 3;
+      margin-top: $base-gap * 8;
     }
-}
+  }
 
-q {
+  q {
     font-family: $fontfamily-heading;
-}
+  }
 
-footer {
+  footer {
     font-family: $fontfamily-heading;
-}
+  }
 
-.rbc-wrapper .rbc-calendar {
+  .rbc-wrapper .rbc-calendar {
     font-family: $fontfamily-base;
-}
+  }
 
-.rbc-date-cell.rbc-now span {
+  .rbc-date-cell.rbc-now span {
     color: $bsr-brick-100;
-}
+  }
+}

package/dist/styles/variables/_buttons.scss

@@ -1,6 +1,7 @@
-$btn-border-radius: $border-radius-lg;
-$btn-padding-x: $base-gap * 6;
-$btn-padding-y: calc($base-gap * 2 - 1px);
+// NOTE: $btn-border-radius / $btn-padding-x / $btn-padding-y were moved to
+// variables/_variables.scss because they are also consumed by _form.scss and
+// must be available in the variables layer (this file's CSS rules are imported
+// later, inside the .bsr-uikit wrapper in main.scss).
 
 .btn,
 .pi-form-button button {
@@ -109,7 +110,7 @@ $btn-padding-y: calc($base-gap * 2 - 1px);
       border-color: $bsr-brick-100 !important;
     }
   }
-  &:focus {
+  &:focus-visible {
     background-color: $bsr-white-100 !important;
     color: $bsr-black-90 !important;
     box-shadow: 0 0 0 0.25rem rgba($bsr-white-100, 0.5) !important;
@@ -143,7 +144,7 @@ $btn-padding-y: calc($base-gap * 2 - 1px);
   text-decoration: none;
 
   &:hover,
-  &:focus,
+  &:focus-visible,
   &:active {
     background-color: $white !important;
     color: $text-secondary !important;
@@ -170,7 +171,7 @@ button[type="button"].btn.btn-primary, button[type="button"].btn.btn-secondary {
     &:focus-visible {
         text-decoration-color: currentColor;
     }
-    
+
     &:focus,
     &:focus-visible {
         outline: none;
@@ -193,7 +194,7 @@ button[type="button"].btn.btn-secondary {
     background-color: $bsr-white-100;
     color: $bsr-brick-100;
     border: $bsr-border-width-m solid $bsr-brick-100;
-    
+
     &:hover,
     &:focus-visible {
         background-color: $bsr-brick-100 !important;

package/dist/styles/variables/_variables.scss

@@ -4,11 +4,24 @@
 @import '_shadows.scss';
 @import '_borders.scss';
 @import '_fonts.scss';
-@import '_images.scss';
 @import '_fonts.scss';
-@import '_buttons.scss';
 @import '_focus.scss';
 
+/* NOTE: _buttons.scss and _images.scss emit CSS (not just variables).
+   They are intentionally NOT imported here so that _variables.scss stays
+   side-effect free (it is imported by multiple entry files). They are
+   imported inside the .bsr-uikit wrapper in main.scss instead.
+
+   Use CSS block comments here, not SCSS line comments: this file is also
+   pulled into .module.scss entries via css-loader (no sass-loader), which
+   parses it as plain CSS and rejects SCSS double-slash comments. */
+
+/* Button sizing variables. Kept here (not in _buttons.scss) because _form.scss
+   also consumes them and needs them available in the variables layer. */
+$btn-border-radius: $border-radius-lg;
+$btn-padding-x: $base-gap * 6;
+$btn-padding-y: calc($base-gap * 2 - 1px);
+
 $font-family-main: 'TradeGothicNext', sans-serif;
 $base-transition: all 0.2s ease-in;
 $transition-duration-base: 0.2s;

package/dist/utils/files/convertFilesToUploadFiles.d.ts

@@ -0,0 +1,8 @@
+export function convertFilesToUploadFiles(files: File[], existingNames?: Set<string>): {
+    id: any;
+    name: any;
+    size: number;
+    file: File;
+}[];
+export default convertFilesToUploadFiles;
+//# sourceMappingURL=convertFilesToUploadFiles.d.ts.map

package/dist/utils/files/convertFilesToUploadFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertFilesToUploadFiles.d.ts","sourceRoot":"","sources":["../../../src/utils/files/convertFilesToUploadFiles.js"],"names":[],"mappings":"AAWO,iDAHI,IAAI,EAAE,kBACN,GAAG,CAAC,MAAM,CAAC;;;;;IAkBrB"}

package/dist/utils/files/convertFilesToUploadFiles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.convertFilesToUploadFiles = void 0;
+var _uuid = require("uuid");
+var _generateUniqueFilename = require("./generateUniqueFilename.js");
+/**
+ * Wandelt native File-Objekte in UploadFile-Objekte um:
+ * { id, name, size, file }. Doppelte Dateinamen bekommen einen Index
+ * ("datei (1).pdf").
+ *
+ * @param {File[]} files
+ * @param {Set<string>} existingNames bereits vergebene Namen
+ */
+const convertFilesToUploadFiles = function (files) {
+  let existingNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Set();
+  // Kopie, damit das übergebene Set nicht verändert wird
+  const usedNames = new Set(existingNames);
+  return files.map(file => {
+    const uniqueName = (0, _generateUniqueFilename.generateUniqueFilename)(file.name, usedNames);
+    usedNames.add(uniqueName);
+    return {
+      id: (0, _uuid.v4)(),
+      name: uniqueName,
+      size: file.size,
+      file
+    };
+  });
+};
+exports.convertFilesToUploadFiles = convertFilesToUploadFiles;
+var _default = exports.default = convertFilesToUploadFiles;

package/dist/utils/files/formatFileSize.d.ts

@@ -0,0 +1,3 @@
+export function formatFileSize(size: any, unit: any): string;
+export default formatFileSize;
+//# sourceMappingURL=formatFileSize.d.ts.map

package/dist/utils/files/formatFileSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileSize.d.ts","sourceRoot":"","sources":["../../../src/utils/files/formatFileSize.js"],"names":[],"mappings":"AAUO,6DA+BN"}

package/dist/utils/files/formatFileSize.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatFileSize = exports.default = void 0;
+const KB = 1024;
+const MB = KB * 1024;
+const GB = MB * 1024;
+const toFormattedString = value => value.toFixed(2).replace('.', ',');
+
+/**
+ * Formatiert eine Dateigröße in Bytes als lesbaren String ("1,50 MB").
+ * Ohne `unit` wird die Einheit anhand der Größe gewählt.
+ */
+const formatFileSize = (size, unit) => {
+  if (!Number.isFinite(size) || size < 0) {
+    return '0 B';
+  }
+  switch (unit) {
+    case 'B':
+      return `${size} B`;
+    case 'KB':
+      return `${toFormattedString(size / KB)} KB`;
+    case 'MB':
+      return `${toFormattedString(size / MB)} MB`;
+    case 'GB':
+      return `${toFormattedString(size / GB)} GB`;
+    default:
+      break;
+  }
+  if (size < KB) {
+    return `${size} B`;
+  }
+  if (size < MB) {
+    return `${toFormattedString(size / KB)} KB`;
+  }
+  if (size < GB) {
+    return `${toFormattedString(size / MB)} MB`;
+  }
+  return `${toFormattedString(size / GB)} GB`;
+};
+exports.formatFileSize = formatFileSize;
+var _default = exports.default = formatFileSize;

package/dist/utils/files/generateUniqueFilename.d.ts

@@ -0,0 +1,3 @@
+export function generateUniqueFilename(name: any, existingNames: any): any;
+export default generateUniqueFilename;
+//# sourceMappingURL=generateUniqueFilename.d.ts.map

package/dist/utils/files/generateUniqueFilename.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateUniqueFilename.d.ts","sourceRoot":"","sources":["../../../src/utils/files/generateUniqueFilename.js"],"names":[],"mappings":"AAMO,2EAoBN"}

package/dist/utils/files/generateUniqueFilename.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateUniqueFilename = exports.default = void 0;
+const MAX_ITERATIONS = 10000;
+
+/**
+ * Hängt einen Index an, wenn der Dateiname schon vergeben ist:
+ * "dokument.pdf" -> "dokument (1).pdf" -> "dokument (2).pdf"
+ */
+const generateUniqueFilename = (name, existingNames) => {
+  if (!existingNames.has(name)) {
+    return name;
+  }
+
+  // Ein Punkt an Position 0 gehört zu einer versteckten Datei (.gitignore), das ist keine Endung
+  const lastDotIndex = name.lastIndexOf('.');
+  const hasExtension = lastDotIndex > 0;
+  const baseName = hasExtension ? name.substring(0, lastDotIndex) : name;
+  const extension = hasExtension ? name.substring(lastDotIndex) : '';
+  let index = 1;
+  let newName = `${baseName} (${index})${extension}`;
+  while (existingNames.has(newName) && index < MAX_ITERATIONS) {
+    index += 1;
+    newName = `${baseName} (${index})${extension}`;
+  }
+  return newName;
+};
+exports.generateUniqueFilename = generateUniqueFilename;
+var _default = exports.default = generateUniqueFilename;

package/dist/utils/files/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./convertFilesToUploadFiles.js";
+export * from "./formatFileSize.js";
+export * from "./generateUniqueFilename.js";
+export * from "./validateFiles.js";
+export * from "./validateFilesBySize.js";
+export * from "./validateFilesByType.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/files/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/files/index.js"],"names":[],"mappings":""}