@moneyforward/mfui-components 4.2.0 → 4.3.1

package/dist/src/utilities/dom/toFileList.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Builds a `FileList` from an array of files.
+ *
+ * `FileList` cannot be constructed: the only ways to obtain one are a user selection on a file
+ * input, a drag operation, or a `DataTransfer`. Code that has to hand a `FileList` to an API it
+ * does not control, without a `DataTransfer` available, therefore has to assemble the shape by
+ * hand. Every member of the interface is implemented, so index access, `item()`, `length` and
+ * iteration all behave as they do on a native list.
+ *
+ * The result is not an instance of `FileList`, so `instanceof` is `false` and it is rejected by
+ * APIs that check the brand rather than the shape, `HTMLInputElement.files` among them. Prefer
+ * {@link setInputFiles} whenever the destination is a file input.
+ *
+ * @param files - The files the list should contain, in order
+ *
+ * @returns A `FileList` holding the given files
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/FileList
+ */
+export declare const toFileList: (files: readonly File[]) => FileList;

package/dist/src/utilities/dom/toFileList.js

@@ -0,0 +1,26 @@
+/**
+ * Builds a `FileList` from an array of files.
+ *
+ * `FileList` cannot be constructed: the only ways to obtain one are a user selection on a file
+ * input, a drag operation, or a `DataTransfer`. Code that has to hand a `FileList` to an API it
+ * does not control, without a `DataTransfer` available, therefore has to assemble the shape by
+ * hand. Every member of the interface is implemented, so index access, `item()`, `length` and
+ * iteration all behave as they do on a native list.
+ *
+ * The result is not an instance of `FileList`, so `instanceof` is `false` and it is rejected by
+ * APIs that check the brand rather than the shape, `HTMLInputElement.files` among them. Prefer
+ * {@link setInputFiles} whenever the destination is a file input.
+ *
+ * @param files - The files the list should contain, in order
+ *
+ * @returns A `FileList` holding the given files
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/FileList
+ */
+export const toFileList = (files) => ({
+    // eslint-disable-next-line no-misused-spread -- Spreading the array to indexed keys is exactly the `[index: number]: File` half of the FileList contract
+    ...files,
+    length: files.length,
+    item: (index) => files[index] ?? null,
+    [Symbol.iterator]: () => files[Symbol.iterator](),
+});

package/dist/src/utilities/dom/useFixedColumns.js

@@ -21,12 +21,14 @@ export const useFixedColumns = ({ enableRowSelection = false, columnIndex, leftF
             return 'left';
         if (leftFixedColumnIndex !== undefined &&
             actualColumnIndex !== undefined &&
-            actualColumnIndex <= leftFixedColumnIndex)
+            actualColumnIndex <= leftFixedColumnIndex) {
             return 'left';
+        }
         if (rightFixedColumnIndex !== undefined &&
             actualColumnIndex !== undefined &&
-            actualColumnIndex >= rightFixedColumnIndex)
+            actualColumnIndex >= rightFixedColumnIndex) {
             return 'right';
+        }
         // Without this, "Not all code paths return a value. ts(7030)" warning occurs.
         // eslint-disable-next-line no-useless-return
         return;

package/dist/src/utilities/dom/useOnClickOutside.js

@@ -8,7 +8,9 @@ import { getRootNode } from './getRootNode';
  */
 const getPortalNestingDepth = (portalElement) => {
     const depthAttribute = portalElement.dataset['mfuiPopoverDepth'];
-    return depthAttribute ? Number.parseInt(depthAttribute, 10) : 0;
+    // The attribute is written by this package as a stringified integer, so plain `Number`
+    // is equivalent to the previous `Number.parseInt(_, 10)` here.
+    return depthAttribute ? Number(depthAttribute) : 0;
 };
 /**
  * Helper function to get the nesting depth of a popover container element.

package/dist/styled-system/types/composition.d.ts

@@ -38,7 +38,7 @@ type TextStyleProperty =
   | 'fontVariationSettings'
   | 'fontWeight'
   | 'hangingPunctuation'
-  | 'hypens'
+  | 'hyphens'
   | 'hyphenateCharacter'
   | 'hyphenateLimitChars'
   | 'letterSpacing'