@procore/core-react 11.22.0 → 11.23.0

package/dist/FileSelect/ThumbnailList/ThumbnailList.js

@@ -1,25 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["items", "onCancel", "listHeight", "rowHeight", "onKeyDown", "onFocus", "onBlur"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Clear } from '@procore/core-icons/dist';
 import { useId } from '@react-aria/utils';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
@@ -27,101 +15,178 @@ import { clamp, isNil } from 'ramda';
 import React from 'react';
 import { ProgressBar } from '../../ProgressBar/ProgressBar';
 import { useI18nContext } from '../../_hooks/I18n';
-import { StyledDeleteIcon, StyledProgress, StyledThumbnail, StyledThumbnailList, StyledThumbnailListContainer, StyledThumbnailListItem, } from './ThumbnailList.styles';
+import { StyledDeleteIcon, StyledProgress, StyledThumbnail, StyledThumbnailList, StyledThumbnailListContainer, StyledThumbnailListItem } from './ThumbnailList.styles';
 export var defaultListHeight = 305;
 export var defaultRowHeight = 56;
-var progressValueText = function (_a) {
-    var value = _a.value;
-    return "".concat(value, "%");
+var progressValueText = function progressValueText(_ref) {
+  var value = _ref.value;
+  return "".concat(value, "%");
 };
-var Row = function (_a) {
-    var _b = _a.data, items = _b.items, onCancel = _b.onCancel, isFocused = _b.isFocused, setNavigationPosition = _b.setNavigationPosition, style = _a.style, index = _a.index;
-    var i18n = useI18nContext();
-    var progressBarLabelId = useId();
-    var item = items[index];
-    var src = item.src, name = item.name, progress = item.progress, error = item.error;
-    var focused = isFocused(index);
-    var ariaLive = error ? 'assertive' : undefined;
-    return (React.createElement("div", { style: style, onMouseEnter: function () { return setNavigationPosition(index); }, "aria-live": ariaLive },
-        React.createElement(StyledThumbnailListItem, { error: error, focused: focused },
-            React.createElement(StyledThumbnail, { src: src, size: "sm", clickable: false, caption: name, error: error }),
-            React.createElement(StyledProgress, null, error ||
-                (!isNil(progress) && (React.createElement(React.Fragment, null,
-                    React.createElement(VisuallyHidden, null,
-                        React.createElement("span", { id: progressBarLabelId }, i18n.t('core.thumbnailList.uploading'))),
-                    React.createElement(ProgressBar, { "aria-labelledby": progressBarLabelId, value: progress, "aria-valuetext": progressValueText, animated: true }))))),
-            onCancel && (React.createElement(StyledDeleteIcon, { "aria-label": i18n.t('core.thumbnailList.removeUpload'), icon: React.createElement(Clear, { size: "sm" }), size: "sm", tabIndex: -1, variant: "tertiary", onClick: function () { return onCancel(item); } })))));
+var Row = function Row(_ref2) {
+  var _ref2$data = _ref2.data,
+    items = _ref2$data.items,
+    onCancel = _ref2$data.onCancel,
+    isFocused = _ref2$data.isFocused,
+    setNavigationPosition = _ref2$data.setNavigationPosition,
+    style = _ref2.style,
+    index = _ref2.index;
+  var i18n = useI18nContext();
+  var progressBarLabelId = useId();
+  var item = items[index];
+  var src = item.src,
+    name = item.name,
+    progress = item.progress,
+    error = item.error;
+  var focused = isFocused(index);
+  var ariaLive = error ? 'assertive' : undefined;
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    onMouseEnter: function onMouseEnter() {
+      return setNavigationPosition(index);
+    },
+    "aria-live": ariaLive
+  }, /*#__PURE__*/React.createElement(StyledThumbnailListItem, {
+    error: error,
+    focused: focused
+  }, /*#__PURE__*/React.createElement(StyledThumbnail, {
+    src: src,
+    size: "sm",
+    clickable: false,
+    caption: name,
+    error: error
+  }), /*#__PURE__*/React.createElement(StyledProgress, null, error || !isNil(progress) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("span", {
+    id: progressBarLabelId
+  }, i18n.t('core.thumbnailList.uploading'))), /*#__PURE__*/React.createElement(ProgressBar, {
+    "aria-labelledby": progressBarLabelId,
+    value: progress,
+    "aria-valuetext": progressValueText,
+    animated: true
+  }))), onCancel && /*#__PURE__*/React.createElement(StyledDeleteIcon, {
+    "aria-label": i18n.t('core.thumbnailList.removeUpload'),
+    icon: /*#__PURE__*/React.createElement(Clear, {
+      size: "sm"
+    }),
+    size: "sm",
+    tabIndex: -1,
+    variant: "tertiary",
+    onClick: function onClick() {
+      return onCancel(item);
+    }
+  })));
 };
+
 // See https://github.com/bvaughn/react-window/issues/130
-var outerElementType = React.forwardRef(function (props, ref) { return React.createElement("div", __assign({ ref: ref, tabIndex: -1 }, props)); });
-var getNewNavigationPosition = function (next, max) {
-    return clamp(0, Math.max(0, max - 1), next);
+var outerElementType = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    tabIndex: -1
+  }, props));
+});
+var getNewNavigationPosition = function getNewNavigationPosition(next, max) {
+  return clamp(0, Math.max(0, max - 1), next);
 };
-export var ThumbnailList = React.forwardRef(function (_a, ref) {
-    var items = _a.items, onCancel = _a.onCancel, _b = _a.listHeight, listHeight = _b === void 0 ? defaultListHeight : _b, _c = _a.rowHeight, rowHeight = _c === void 0 ? defaultRowHeight : _c, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["items", "onCancel", "listHeight", "rowHeight", "onKeyDown", "onFocus", "onBlur"]);
-    var rowCount = items.length;
-    var height = Math.min(rowCount * defaultRowHeight, listHeight);
-    var listRef = React.useRef(null);
-    var listInstance = listRef.current;
-    var _d = React.useState(false), isListFocused = _d[0], setIsListFocused = _d[1];
-    var _e = React.useState(0), navigationPosition = _e[0], setNavigationPosition = _e[1];
-    var isFocused = React.useCallback(function (index) { return isListFocused && navigationPosition === index; }, [isListFocused, navigationPosition]);
-    var updateNavigationPosition = React.useCallback(function (newPosition) {
-        setNavigationPosition(newPosition);
-        listInstance === null || listInstance === void 0 ? void 0 : listInstance.scrollToItem(newPosition);
-    }, [listInstance]);
-    React.useEffect(function () {
-        if (isListFocused) {
-            listInstance === null || listInstance === void 0 ? void 0 : listInstance.scrollToItem(navigationPosition);
-        }
-    }, [isListFocused]);
-    React.useEffect(function () {
-        if (rowCount > 0 && rowCount <= navigationPosition) {
-            setNavigationPosition(rowCount - 1);
-        }
-        if (rowCount <= 0) {
-            setIsListFocused(false);
-        }
-    }, [rowCount]);
-    var handleNavigation = function (e) {
-        if (!isListFocused)
-            return;
-        switch (e.key) {
-            case 'Enter':
-                e.preventDefault();
-                var highlightedItem = items[navigationPosition];
-                onCancel === null || onCancel === void 0 ? void 0 : onCancel(highlightedItem);
-                // Ensure scrolling only after the item was deleted
-                setTimeout(function () {
-                    updateNavigationPosition(getNewNavigationPosition(navigationPosition, rowCount - 1));
-                }, 0);
-                if (rowCount - 1 === 0) {
-                    setIsListFocused(false);
-                }
-                break;
-            case 'ArrowDown':
-            case 'Down':
-                e.preventDefault();
-                updateNavigationPosition(getNewNavigationPosition(navigationPosition + 1, rowCount));
-                break;
-            case 'ArrowUp':
-            case 'Up':
-                e.preventDefault();
-                updateNavigationPosition(getNewNavigationPosition(navigationPosition - 1, rowCount));
-                break;
+export var ThumbnailList = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var items = _ref3.items,
+    onCancel = _ref3.onCancel,
+    _ref3$listHeight = _ref3.listHeight,
+    listHeight = _ref3$listHeight === void 0 ? defaultListHeight : _ref3$listHeight,
+    _ref3$rowHeight = _ref3.rowHeight,
+    rowHeight = _ref3$rowHeight === void 0 ? defaultRowHeight : _ref3$rowHeight,
+    onKeyDown = _ref3.onKeyDown,
+    _onFocus = _ref3.onFocus,
+    _onBlur = _ref3.onBlur,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var rowCount = items.length;
+  var height = Math.min(rowCount * defaultRowHeight, listHeight);
+  var listRef = React.useRef(null);
+  var listInstance = listRef.current;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isListFocused = _React$useState2[0],
+    setIsListFocused = _React$useState2[1];
+  var _React$useState3 = React.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    navigationPosition = _React$useState4[0],
+    setNavigationPosition = _React$useState4[1];
+  var isFocused = React.useCallback(function (index) {
+    return isListFocused && navigationPosition === index;
+  }, [isListFocused, navigationPosition]);
+  var updateNavigationPosition = React.useCallback(function (newPosition) {
+    setNavigationPosition(newPosition);
+    listInstance === null || listInstance === void 0 ? void 0 : listInstance.scrollToItem(newPosition);
+  }, [listInstance]);
+  React.useEffect(function () {
+    if (isListFocused) {
+      listInstance === null || listInstance === void 0 ? void 0 : listInstance.scrollToItem(navigationPosition);
+    }
+  }, [isListFocused]);
+  React.useEffect(function () {
+    if (rowCount > 0 && rowCount <= navigationPosition) {
+      setNavigationPosition(rowCount - 1);
+    }
+    if (rowCount <= 0) {
+      setIsListFocused(false);
+    }
+  }, [rowCount]);
+  var handleNavigation = function handleNavigation(e) {
+    if (!isListFocused) return;
+    switch (e.key) {
+      case 'Enter':
+        e.preventDefault();
+        var highlightedItem = items[navigationPosition];
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel(highlightedItem);
+        // Ensure scrolling only after the item was deleted
+        setTimeout(function () {
+          updateNavigationPosition(getNewNavigationPosition(navigationPosition, rowCount - 1));
+        }, 0);
+        if (rowCount - 1 === 0) {
+          setIsListFocused(false);
         }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    };
-    if (!rowCount)
-        return null;
-    return (React.createElement(StyledThumbnailListContainer, __assign({ tabIndex: rowCount !== 0 ? 0 : -1, onFocus: function (e) {
-            setIsListFocused(true);
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-        }, onBlur: function (e) {
-            setIsListFocused(false);
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-        }, onKeyDown: handleNavigation }, props, { ref: ref }),
-        React.createElement(StyledThumbnailList, { ref: listRef, width: "100%", height: height, itemCount: rowCount, itemSize: rowHeight, itemData: { items: items, onCancel: onCancel, isFocused: isFocused, setNavigationPosition: setNavigationPosition }, style: { minHeight: height }, outerElementType: outerElementType }, Row)));
+        break;
+      case 'ArrowDown':
+      case 'Down':
+        e.preventDefault();
+        updateNavigationPosition(getNewNavigationPosition(navigationPosition + 1, rowCount));
+        break;
+      case 'ArrowUp':
+      case 'Up':
+        e.preventDefault();
+        updateNavigationPosition(getNewNavigationPosition(navigationPosition - 1, rowCount));
+        break;
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+  };
+  if (!rowCount) return null;
+  return /*#__PURE__*/React.createElement(StyledThumbnailListContainer, _extends({
+    tabIndex: rowCount !== 0 ? 0 : -1,
+    onFocus: function onFocus(e) {
+      setIsListFocused(true);
+      _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+    },
+    onBlur: function onBlur(e) {
+      setIsListFocused(false);
+      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+    },
+    onKeyDown: handleNavigation
+  }, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(StyledThumbnailList, {
+    ref: listRef,
+    width: "100%",
+    height: height,
+    itemCount: rowCount,
+    itemSize: rowHeight,
+    itemData: {
+      items: items,
+      onCancel: onCancel,
+      isFocused: isFocused,
+      setNavigationPosition: setNavigationPosition
+    },
+    style: {
+      minHeight: height
+    },
+    outerElementType: outerElementType
+  }, Row));
 });
 ThumbnailList.displayName = 'ThumbnailList';
 //# sourceMappingURL=ThumbnailList.js.map

package/dist/FileSelect/ThumbnailList/ThumbnailList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailList.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThumbnailList.js","names":["Clear","useId","VisuallyHidden","clamp","isNil","React","ProgressBar","useI18nContext","StyledDeleteIcon","StyledProgress","StyledThumbnail","StyledThumbnailList","StyledThumbnailListContainer","StyledThumbnailListItem","defaultListHeight","defaultRowHeight","progressValueText","_ref","value","concat","Row","_ref2","_ref2$data","data","items","onCancel","isFocused","setNavigationPosition","style","index","i18n","progressBarLabelId","item","src","name","progress","error","focused","ariaLive","undefined","createElement","onMouseEnter","size","clickable","caption","Fragment","id","t","animated","icon","tabIndex","variant","onClick","outerElementType","forwardRef","props","ref","_extends","getNewNavigationPosition","next","max","Math","ThumbnailList","_ref3","_ref3$listHeight","listHeight","_ref3$rowHeight","rowHeight","onKeyDown","onFocus","onBlur","_objectWithoutProperties","_excluded","rowCount","length","height","min","listRef","useRef","listInstance","current","_React$useState","useState","_React$useState2","_slicedToArray","isListFocused","setIsListFocused","_React$useState3","_React$useState4","navigationPosition","useCallback","updateNavigationPosition","newPosition","scrollToItem","useEffect","handleNavigation","e","key","preventDefault","highlightedItem","setTimeout","width","itemCount","itemSize","itemData","minHeight","displayName"],"sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport { clamp, isNil } from 'ramda'\nimport React from 'react'\nimport { FixedSizeList as List, ListChildComponentProps } from 'react-window'\nimport { ProgressBar } from '../../ProgressBar/ProgressBar'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { DivAttributes } from '../../_utils/types'\nimport {\n  StyledDeleteIcon,\n  StyledProgress,\n  StyledThumbnail,\n  StyledThumbnailList,\n  StyledThumbnailListContainer,\n  StyledThumbnailListItem,\n} from './ThumbnailList.styles'\nimport { ThumbnailListProps } from './ThumbnailList.types'\n\nexport const defaultListHeight = 305\nexport const defaultRowHeight = 56\n\nconst progressValueText = ({ value }: { value: number }) => `${value}%`\n\nconst Row = ({\n  data: { items, onCancel, isFocused, setNavigationPosition },\n  style,\n  index,\n}: ListChildComponentProps) => {\n  const i18n = useI18nContext()\n  const progressBarLabelId = useId()\n  const item = items[index]\n  const { src, name, progress, error } = item\n  const focused = isFocused(index)\n  const ariaLive = error ? 'assertive' : undefined\n\n  return (\n    <div\n      style={style}\n      onMouseEnter={() => setNavigationPosition(index)}\n      aria-live={ariaLive}\n    >\n      <StyledThumbnailListItem error={error} focused={focused}>\n        <StyledThumbnail\n          src={src}\n          size=\"sm\"\n          clickable={false}\n          caption={name}\n          error={error}\n        />\n        <StyledProgress>\n          {error ||\n            (!isNil(progress) && (\n              <>\n                <VisuallyHidden>\n                  <span id={progressBarLabelId}>\n                    {i18n.t('core.thumbnailList.uploading')}\n                  </span>\n                </VisuallyHidden>\n                <ProgressBar\n                  aria-labelledby={progressBarLabelId}\n                  value={progress}\n                  aria-valuetext={progressValueText}\n                  animated\n                />\n              </>\n            ))}\n        </StyledProgress>\n        {onCancel && (\n          <StyledDeleteIcon\n            aria-label={i18n.t('core.thumbnailList.removeUpload')}\n            icon={<Clear size=\"sm\" />}\n            size=\"sm\"\n            tabIndex={-1}\n            variant=\"tertiary\"\n            onClick={() => onCancel(item)}\n          />\n        )}\n      </StyledThumbnailListItem>\n    </div>\n  )\n}\n\n// See https://github.com/bvaughn/react-window/issues/130\nconst outerElementType = React.forwardRef<HTMLDivElement, DivAttributes>(\n  (props, ref) => <div ref={ref} tabIndex={-1} {...props} />\n)\n\nconst getNewNavigationPosition = (next: number, max: number): number =>\n  clamp(0, Math.max(0, max - 1), next)\n\nexport const ThumbnailList = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailListProps\n>(\n  (\n    {\n      items,\n      onCancel,\n      listHeight = defaultListHeight,\n      rowHeight = defaultRowHeight,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...props\n    },\n    ref\n  ) => {\n    const { length: rowCount } = items\n    const height = Math.min(rowCount * defaultRowHeight, listHeight)\n\n    const listRef = React.useRef<List | null>(null)\n    const listInstance = listRef.current\n    const [isListFocused, setIsListFocused] = React.useState(false)\n\n    const [navigationPosition, setNavigationPosition] = React.useState(0)\n\n    const isFocused = React.useCallback(\n      (index: number) => isListFocused && navigationPosition === index,\n      [isListFocused, navigationPosition]\n    )\n\n    const updateNavigationPosition = React.useCallback(\n      (newPosition: number) => {\n        setNavigationPosition(newPosition)\n        listInstance?.scrollToItem(newPosition)\n      },\n      [listInstance]\n    )\n\n    React.useEffect(() => {\n      if (isListFocused) {\n        listInstance?.scrollToItem(navigationPosition)\n      }\n    }, [isListFocused])\n\n    React.useEffect(() => {\n      if (rowCount > 0 && rowCount <= navigationPosition) {\n        setNavigationPosition(rowCount - 1)\n      }\n      if (rowCount <= 0) {\n        setIsListFocused(false)\n      }\n    }, [rowCount])\n\n    const handleNavigation = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isListFocused) return\n\n      switch (e.key) {\n        case 'Enter':\n          e.preventDefault()\n\n          const highlightedItem = items[navigationPosition]\n          onCancel?.(highlightedItem)\n          // Ensure scrolling only after the item was deleted\n          setTimeout(() => {\n            updateNavigationPosition(\n              getNewNavigationPosition(navigationPosition, rowCount - 1)\n            )\n          }, 0)\n          if (rowCount - 1 === 0) {\n            setIsListFocused(false)\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          updateNavigationPosition(\n            getNewNavigationPosition(navigationPosition + 1, rowCount)\n          )\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          updateNavigationPosition(\n            getNewNavigationPosition(navigationPosition - 1, rowCount)\n          )\n          break\n      }\n\n      onKeyDown?.(e)\n    }\n\n    if (!rowCount) return null\n\n    return (\n      <StyledThumbnailListContainer\n        tabIndex={rowCount !== 0 ? 0 : -1}\n        onFocus={(e) => {\n          setIsListFocused(true)\n          onFocus?.(e)\n        }}\n        onBlur={(e) => {\n          setIsListFocused(false)\n          onBlur?.(e)\n        }}\n        onKeyDown={handleNavigation}\n        {...props}\n        ref={ref}\n      >\n        <StyledThumbnailList\n          ref={listRef}\n          width=\"100%\"\n          height={height}\n          itemCount={rowCount}\n          itemSize={rowHeight}\n          itemData={{ items, onCancel, isFocused, setNavigationPosition }}\n          style={{ minHeight: height }}\n          outerElementType={outerElementType}\n        >\n          {Row}\n        </StyledThumbnailList>\n      </StyledThumbnailListContainer>\n    )\n  }\n)\n\nThumbnailList.displayName = 'ThumbnailList'\n"],"mappings":"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"}

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { FixedSizeList as List } from 'react-window';
 import styled from 'styled-components';
 import { Button } from '../../Button/Button';
@@ -9,24 +5,38 @@ import { Thumbnail } from '../../Thumbnail/Thumbnail';
 import { getTypographyIntent } from '../../Typography/Typography.styles';
 import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
-export var StyledThumbnailListContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  outline: none;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  outline: none;\n"])));
-export var StyledThumbnailList = styled(List)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: none;\n"], ["\n  outline: none;\n"])));
-export var StyledThumbnail = styled(Thumbnail)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n  justify-content: flex-start;\n"], ["\n  flex-grow: 1;\n  justify-content: flex-start;\n"])));
-export var StyledProgress = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 146px;\n  padding: 0 ", "px 0 ", "px;\n  margin-left: auto;\n"], ["\n  width: 146px;\n  padding: 0 ", "px 0 ", "px;\n  margin-left: auto;\n"])), spacing.lg, spacing.xl);
-export var StyledThumbnailListItem = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_a) {
-    var error = _a.error;
-    return !error &&
-        "\n      &:hover {\n        background-color: ".concat(colors.gray96, ";\n      }\n    ");
-}, function (_a) {
-    var focused = _a.focused, error = _a.error;
-    return focused &&
-        !error &&
-        "\n      background-color: ".concat(colors.gray96, ";\n    ");
-}, function (_a) {
-    var error = _a.error;
-    return error &&
-        "\n      background-color: ".concat(colors.red98, ";\n\n      ").concat(StyledProgress, " {\n        color: ").concat(colors.red50, ";\n      }\n    ");
+export var StyledThumbnailListContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledThumbnailListContainer",
+  componentId: "core-11_23_0__sc-1fz4ynb-0"
+})(["display:flex;flex-direction:column;align-items:stretch;outline:none;"]);
+export var StyledThumbnailList = /*#__PURE__*/styled(List).withConfig({
+  displayName: "StyledThumbnailList",
+  componentId: "core-11_23_0__sc-1fz4ynb-1"
+})(["outline:none;"]);
+export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
+  displayName: "StyledThumbnail",
+  componentId: "core-11_23_0__sc-1fz4ynb-2"
+})(["flex-grow:1;justify-content:flex-start;"]);
+export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledProgress",
+  componentId: "core-11_23_0__sc-1fz4ynb-3"
+})(["width:146px;padding:0 ", "px 0 ", "px;margin-left:auto;"], spacing.lg, spacing.xl);
+export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledThumbnailListItem",
+  componentId: "core-11_23_0__sc-1fz4ynb-4"
+})(["display:flex;flex-grow:1;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_ref) {
+  var error = _ref.error;
+  return !error && "\n      &:hover {\n        background-color: ".concat(colors.gray96, ";\n      }\n    ");
+}, function (_ref2) {
+  var focused = _ref2.focused,
+    error = _ref2.error;
+  return focused && !error && "\n      background-color: ".concat(colors.gray96, ";\n    ");
+}, function (_ref3) {
+  var error = _ref3.error;
+  return error && "\n      background-color: ".concat(colors.red98, ";\n\n      ").concat(StyledProgress, " {\n        color: ").concat(colors.red50, ";\n      }\n    ");
 });
-export var StyledDeleteIcon = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export var StyledDeleteIcon = /*#__PURE__*/styled(Button).withConfig({
+  displayName: "StyledDeleteIcon",
+  componentId: "core-11_23_0__sc-1fz4ynb-5"
+})([""]);
 //# sourceMappingURL=ThumbnailList.styles.js.map

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailList.styles.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,+JAAA,4FAKrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,yFAAA,sBAE9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,wHAAA,qDAG/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6IAAA,kCAEzB,EAAU,OAAQ,EAAU,6BAE1C,KAFc,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,CAE1C,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,iNAG/C,0EAIW,EAAU,KAAM,EAAU,KAAM,EAAU,KAAM,EAAU,SACnE,EAA2B,QAE3B,EAMC,QAED,EAKC,QAED,EAQC,IACJ,KA3BY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EACnE,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,CAAC,KAAK;QACN,uDAEwB,MAAM,CAAC,MAAM,qBAEpC;AALD,CAKC,EAED,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IACjB,OAAA,OAAO;QACP,CAAC,KAAK;QACN,oCACsB,MAAM,CAAC,MAAM,YAClC;AAJD,CAIC,EAED,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK;QACL,oCACsB,MAAM,CAAC,KAAK,wBAE9B,cAAc,gCACL,MAAM,CAAC,KAAK,qBAExB;AAPD,CAOC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,qEAAA,EAAE,IAAA,CAAA"}
+{"version":3,"file":"ThumbnailList.styles.js","names":["FixedSizeList","List","styled","Button","Thumbnail","getTypographyIntent","colors","spacing","StyledThumbnailListContainer","div","withConfig","displayName","componentId","StyledThumbnailList","StyledThumbnail","StyledProgress","lg","xl","StyledThumbnailListItem","sm","_ref","error","concat","gray96","_ref2","focused","_ref3","red98","red50","StyledDeleteIcon"],"sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.styles.ts"],"sourcesContent":["import { FixedSizeList as List } from 'react-window'\nimport styled from 'styled-components'\nimport { Button } from '../../Button/Button'\nimport { Thumbnail } from '../../Thumbnail/Thumbnail'\nimport { getTypographyIntent } from '../../Typography/Typography.styles'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const StyledThumbnailListContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  outline: none;\n`\n\nexport const StyledThumbnailList = styled(List)`\n  outline: none;\n`\n\nexport const StyledThumbnail = styled(Thumbnail)`\n  flex-grow: 1;\n  justify-content: flex-start;\n`\n\nexport const StyledProgress = styled.div`\n  width: 146px;\n  padding: 0 ${spacing.lg}px 0 ${spacing.xl}px;\n  margin-left: auto;\n`\n\nexport const StyledThumbnailListItem = styled.div<{\n  focused: boolean\n  error: boolean\n}>`\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: ${spacing.sm}px ${spacing.lg}px ${spacing.sm}px ${spacing.sm}px;\n  ${getTypographyIntent('body')}\n\n  ${({ error }) =>\n    !error &&\n    `\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ focused, error }) =>\n    focused &&\n    !error &&\n    `\n      background-color: ${colors.gray96};\n    `}\n\n  ${({ error }) =>\n    error &&\n    `\n      background-color: ${colors.red98};\n\n      ${StyledProgress} {\n        color: ${colors.red50};\n      }\n    `}\n`\n\nexport const StyledDeleteIcon = styled(Button)``\n"],"mappings":"AAAA,SAASA,aAAa,IAAIC,IAAI,QAAQ,cAAc;AACpD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,4BAA4B,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAKrD;AAED,OAAO,IAAMC,mBAAmB,gBAAGX,MAAM,CAACD,IAAI,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE9C;AAED,OAAO,IAAME,eAAe,gBAAGZ,MAAM,CAACE,SAAS,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+CAG/C;AAED,OAAO,IAAMG,cAAc,gBAAGb,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAEzBL,OAAO,CAACS,EAAE,EAAQT,OAAO,CAACU,EAAE,CAE1C;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4GAOpCL,OAAO,CAACY,EAAE,EAAMZ,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACY,EAAE,EAAMZ,OAAO,CAACY,EAAE,EACnEd,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAe,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OACR,CAACA,KAAK,oDAAAC,MAAA,CAGkBhB,MAAM,CAACiB,MAAM,qBAEpC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEJ,KAAK,GAAAG,KAAA,CAALH,KAAK;EAAA,OACjBI,OAAO,IACP,CAACJ,KAAK,iCAAAC,MAAA,CAEgBhB,MAAM,CAACiB,MAAM,YAClC;AAAA,GAED,UAAAG,KAAA;EAAA,IAAGL,KAAK,GAAAK,KAAA,CAALL,KAAK;EAAA,OACRA,KAAK,iCAAAC,MAAA,CAEiBhB,MAAM,CAACqB,KAAK,iBAAAL,MAAA,CAE9BP,cAAc,yBAAAO,MAAA,CACLhB,MAAM,CAACsB,KAAK,qBAExB;AAAA,EACJ;AAED,OAAO,IAAMC,gBAAgB,gBAAG3B,MAAM,CAACC,MAAM,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE"}

package/dist/FileSelect/ThumbnailList/ThumbnailList.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailList.types.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"ThumbnailList.types.js","names":[],"sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.types.ts"],"sourcesContent":["import { DivAttributes } from '../../_utils/types'\n\ntype ThumbnailId = string | number\n\nexport interface ThumbnailListItem {\n  /**\n   * @since 10.19.0\n   */\n  id: ThumbnailId\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  src?: File | string\n  /**\n   * @since 10.19.0\n   */\n  error?: string\n  /**\n   * @since 10.19.0\n   */\n  response?: unknown\n}\n\nexport interface ThumbnailListProps extends Omit<DivAttributes, 'children'> {\n  /**\n   * @since 10.19.0\n   */\n  items: ThumbnailListItem[]\n  /**\n   * @since 10.19.0\n   */\n  onCancel?: (item: ThumbnailListItem) => void\n  /**\n   * @since 10.19.0\n   */\n  listHeight?: number\n  /**\n   * @since 10.19.0\n   */\n  rowHeight?: number\n}\n"],"mappings":""}

package/dist/FileSelect/ThumbnailList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","names":["ThumbnailList"],"sources":["../../../src/FileSelect/ThumbnailList/index.ts"],"sourcesContent":["export { ThumbnailList } from './ThumbnailList'\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB"}