@procore/core-react 11.22.1 → 11.23.0

package/dist/NextMenu/NextMenu.js

@@ -1,30 +1,25 @@
-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;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["style"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
 // TODO figure out what to do with this component RE SuperSelect
 import React from 'react';
 import { GroupedVirtuoso, Virtuoso } from 'react-virtuoso';
-import { defaultMenuHeight, optionMinHeight, StyledOptions, } from './NextMenu.styles';
+import { defaultMenuHeight, optionMinHeight, StyledOptions } from './NextMenu.styles';
 import { NextMenuGroup, NextMenuItem } from './NextMenuItem';
+
 /**
  * Count items in groups by id received from getItemGroupId
  *
@@ -33,12 +28,15 @@ import { NextMenuGroup, NextMenuItem } from './NextMenuItem';
  * @param getItemGroupId
  * @return number[]
  * */
-export var getGroupCounts = function (items_, groups_, getItemGroupId) {
-    return groups_.map(function (group) {
-        var groupedItems = items_.filter(function (item) { return getItemGroupId(item) === group.id; });
-        return groupedItems.length;
+export var getGroupCounts = function getGroupCounts(items_, groups_, getItemGroupId) {
+  return groups_.map(function (group) {
+    var groupedItems = items_.filter(function (item) {
+      return getItemGroupId(item) === group.id;
     });
+    return groupedItems.length;
+  });
 };
+
 /**
  * Get the height of the item list, used to make menu grow to size of item list
  * (or to a max height if applied by implementer) with a minimum of 32px
@@ -46,17 +44,23 @@ export var getGroupCounts = function (items_, groups_, getItemGroupId) {
  * @returns number
  */
 function calculateHeight(height) {
-    return Math.max(height, optionMinHeight);
+  return Math.max(height, optionMinHeight);
 }
-var Options = React.forwardRef(function (props, ref) {
-    return React.createElement(StyledOptions, __assign({ ref: ref }, props));
+var Options = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(StyledOptions, _extends({
+    ref: ref
+  }, props));
 });
-var flatComponents = { Item: NextMenuItem, List: Options };
+var flatComponents = {
+  Item: NextMenuItem,
+  List: Options
+};
 var groupedComponents = {
-    Group: NextMenuGroup,
-    Item: NextMenuItem,
-    List: Options,
+  Group: NextMenuGroup,
+  Item: NextMenuItem,
+  List: Options
 };
+
 /**
  Menus are used in conjunction with components that contain dropdowns.
  For example, multi select, single select, and dropdown.
@@ -65,37 +69,99 @@ var groupedComponents = {
  @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-nextmenu--with-groups)
  @see [Design Guidelines](https://design.procore.com/menu)
  */
-export var NextMenu = React.forwardRef(function (_a, menuRef) {
-    var _b;
-    var style = _a.style, props = __rest(_a, ["style"]);
-    var _c = React.useState(defaultMenuHeight), adjustedHeight = _c[0], setAdjustedHeight = _c[1];
-    var sharedMenuConfiguration = {
-        ref: menuRef,
-        style: __assign({ height: adjustedHeight, minHeight: optionMinHeight }, style),
-        totalListHeightChanged: function (height) {
-            return setAdjustedHeight(calculateHeight(height));
-        },
-    };
-    if (!((_b = props.groups) === null || _b === void 0 ? void 0 : _b.length)) {
-        return React.createElement(NextMenuFlat, __assign({}, sharedMenuConfiguration, props));
+export var NextMenu = /*#__PURE__*/React.forwardRef(function (_ref, menuRef) {
+  var _props$groups;
+  var style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(defaultMenuHeight),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    adjustedHeight = _React$useState2[0],
+    setAdjustedHeight = _React$useState2[1];
+  var sharedMenuConfiguration = {
+    ref: menuRef,
+    style: _objectSpread({
+      height: adjustedHeight,
+      minHeight: optionMinHeight
+    }, style),
+    totalListHeightChanged: function totalListHeightChanged(height) {
+      return setAdjustedHeight(calculateHeight(height));
     }
-    return React.createElement(NextMenuGrouped, __assign({}, sharedMenuConfiguration, props));
+  };
+  if (!((_props$groups = props.groups) !== null && _props$groups !== void 0 && _props$groups.length)) {
+    return /*#__PURE__*/React.createElement(NextMenuFlat, _extends({}, sharedMenuConfiguration, props));
+  }
+  return /*#__PURE__*/React.createElement(NextMenuGrouped, _extends({}, sharedMenuConfiguration, props));
 });
+
 /**
  * Flat version of menu list
  * */
-export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
-    var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.overscan, overscan = _c === void 0 ? 20 : _c, style = _a.style, totalListHeightChanged = _a.totalListHeightChanged, _d = _a.onEndReached, onEndReached = _d === void 0 ? function () { } : _d, _e = _a.components, components = _e === void 0 ? {} : _e, _f = _a.getItemLabel, getItemLabel = _f === void 0 ? function (item) { return item === null || item === void 0 ? void 0 : item.label; } : _f;
-    return (React.createElement(Virtuoso, { ref: menuRef, components: __assign(__assign({}, flatComponents), components), context: { items: items, getItemLabel: getItemLabel }, data: items, overscan: overscan, style: style, totalListHeightChanged: totalListHeightChanged, endReached: onEndReached }));
+export var NextMenuFlat = /*#__PURE__*/React.forwardRef(function (_ref2, menuRef) {
+  var _ref2$items = _ref2.items,
+    items = _ref2$items === void 0 ? [] : _ref2$items,
+    _ref2$overscan = _ref2.overscan,
+    overscan = _ref2$overscan === void 0 ? 20 : _ref2$overscan,
+    style = _ref2.style,
+    totalListHeightChanged = _ref2.totalListHeightChanged,
+    _ref2$onEndReached = _ref2.onEndReached,
+    onEndReached = _ref2$onEndReached === void 0 ? function () {} : _ref2$onEndReached,
+    _ref2$components = _ref2.components,
+    components = _ref2$components === void 0 ? {} : _ref2$components,
+    _ref2$getItemLabel = _ref2.getItemLabel,
+    getItemLabel = _ref2$getItemLabel === void 0 ? function (item) {
+      return item === null || item === void 0 ? void 0 : item.label;
+    } : _ref2$getItemLabel;
+  return /*#__PURE__*/React.createElement(Virtuoso, {
+    ref: menuRef,
+    components: _objectSpread(_objectSpread({}, flatComponents), components),
+    context: {
+      items: items,
+      getItemLabel: getItemLabel
+    },
+    data: items,
+    overscan: overscan,
+    style: style,
+    totalListHeightChanged: totalListHeightChanged,
+    endReached: onEndReached
+  });
 });
+
 /**
  * Grouped version of menu list
  * Provide getItemGroupId to group items
  * @see getGroupCounts
  * */
-export var NextMenuGrouped = React.forwardRef(function (props, menuRef) {
-    var children = props.children, _a = props.components, components = _a === void 0 ? {} : _a, _b = props.items, items = _b === void 0 ? [] : _b, _c = props.groups, groups = _c === void 0 ? [] : _c, _d = props.getItemGroupId, getItemGroupId = _d === void 0 ? function () { return -1; } : _d, _e = props.overscan, overscan = _e === void 0 ? 20 : _e, onSelect_ = props.onSelect, _f = props.onEndReached, onEndReached_ = _f === void 0 ? function () { } : _f, style = props.style, totalListHeightChanged = props.totalListHeightChanged;
-    var groupCounts = getGroupCounts(items, groups, getItemGroupId);
-    return (React.createElement(GroupedVirtuoso, { ref: menuRef, style: style, components: __assign(__assign({}, groupedComponents), components), context: { items: items }, groupCounts: groupCounts, overscan: overscan, endReached: onEndReached_, totalListHeightChanged: totalListHeightChanged }));
+export var NextMenuGrouped = /*#__PURE__*/React.forwardRef(function (props, menuRef) {
+  var children = props.children,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    _props$groups2 = props.groups,
+    groups = _props$groups2 === void 0 ? [] : _props$groups2,
+    _props$getItemGroupId = props.getItemGroupId,
+    getItemGroupId = _props$getItemGroupId === void 0 ? function () {
+      return -1;
+    } : _props$getItemGroupId,
+    _props$overscan = props.overscan,
+    overscan = _props$overscan === void 0 ? 20 : _props$overscan,
+    onSelect_ = props.onSelect,
+    _props$onEndReached = props.onEndReached,
+    onEndReached_ = _props$onEndReached === void 0 ? function () {} : _props$onEndReached,
+    style = props.style,
+    totalListHeightChanged = props.totalListHeightChanged;
+  var groupCounts = getGroupCounts(items, groups, getItemGroupId);
+  return /*#__PURE__*/React.createElement(GroupedVirtuoso, {
+    ref: menuRef,
+    style: style,
+    components: _objectSpread(_objectSpread({}, groupedComponents), components),
+    context: {
+      items: items
+    },
+    groupCounts: groupCounts,
+    overscan: overscan,
+    endReached: onEndReached_,
+    totalListHeightChanged: totalListHeightChanged
+  });
 });
 //# sourceMappingURL=NextMenu.js.map

package/dist/NextMenu/NextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NextMenu.js","names":["React","GroupedVirtuoso","Virtuoso","defaultMenuHeight","optionMinHeight","StyledOptions","NextMenuGroup","NextMenuItem","getGroupCounts","items_","groups_","getItemGroupId","map","group","groupedItems","filter","item","id","length","calculateHeight","height","Math","max","Options","forwardRef","props","ref","createElement","_extends","flatComponents","Item","List","groupedComponents","Group","NextMenu","_ref","menuRef","_props$groups","style","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","adjustedHeight","setAdjustedHeight","sharedMenuConfiguration","_objectSpread","minHeight","totalListHeightChanged","groups","NextMenuFlat","NextMenuGrouped","_ref2","_ref2$items","items","_ref2$overscan","overscan","_ref2$onEndReached","onEndReached","_ref2$components","components","_ref2$getItemLabel","getItemLabel","label","context","data","endReached","children","_props$components","_props$items","_props$groups2","_props$getItemGroupId","_props$overscan","onSelect_","onSelect","_props$onEndReached","onEndReached_","groupCounts"],"sources":["../../src/NextMenu/NextMenu.tsx"],"sourcesContent":["// TODO figure out what to do with this component RE SuperSelect\nimport React from 'react'\nimport { GroupedVirtuoso, Virtuoso } from 'react-virtuoso'\nimport {\n  defaultMenuHeight,\n  optionMinHeight,\n  StyledOptions,\n} from './NextMenu.styles'\nimport { NextMenuProps } from './NextMenu.types'\nimport { NextMenuGroup, NextMenuItem } from './NextMenuItem'\n\n/**\n * Count items in groups by id received from getItemGroupId\n *\n * @param items_\n * @param groups_\n * @param getItemGroupId\n * @return number[]\n * */\nexport const getGroupCounts = (\n  items_: any[],\n  groups_: any[],\n  getItemGroupId: (item: any) => string | number\n): number[] => {\n  return groups_.map((group) => {\n    const groupedItems = items_.filter(\n      (item) => getItemGroupId(item) === group.id\n    )\n    return groupedItems.length\n  })\n}\n\n/**\n * Get the height of the item list, used to make menu grow to size of item list\n * (or to a max height if applied by implementer) with a minimum of 32px\n * @param height;\n * @returns number\n */\nfunction calculateHeight(height: number) {\n  return Math.max(height, optionMinHeight)\n}\n\nconst Options = React.forwardRef<HTMLDivElement, any>((props, ref) => {\n  return <StyledOptions ref={ref} {...props} />\n})\n\nconst flatComponents = { Item: NextMenuItem, List: Options }\n\nconst groupedComponents = {\n  Group: NextMenuGroup,\n  Item: NextMenuItem,\n  List: Options,\n}\n\n/**\n Menus are used in conjunction with components that contain dropdowns.\n For example, multi select, single select, and dropdown.\n\n @since 11.1.1\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-nextmenu--with-groups)\n @see [Design Guidelines](https://design.procore.com/menu)\n */\nexport const NextMenu = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any>\n>(({ style, ...props }, menuRef) => {\n  const [adjustedHeight, setAdjustedHeight] = React.useState(defaultMenuHeight)\n\n  const sharedMenuConfiguration = {\n    ref: menuRef,\n    style: {\n      height: adjustedHeight,\n      minHeight: optionMinHeight,\n      ...style,\n    },\n    totalListHeightChanged: (height: number) =>\n      setAdjustedHeight(calculateHeight(height)),\n  }\n\n  if (!props.groups?.length) {\n    return <NextMenuFlat {...sharedMenuConfiguration} {...props} />\n  }\n  return <NextMenuGrouped {...sharedMenuConfiguration} {...props} />\n})\n\n/**\n * Flat version of menu list\n * */\nexport const NextMenuFlat = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any> & { totalListHeightChanged: (height: number) => void }\n>(\n  (\n    {\n      items = [],\n      overscan = 20,\n      style,\n      totalListHeightChanged,\n      onEndReached = () => {},\n      components = {},\n      getItemLabel = (item: any) => item?.label,\n    },\n    menuRef\n  ) => {\n    return (\n      <Virtuoso\n        ref={menuRef as any}\n        components={{ ...flatComponents, ...components } as any}\n        context={{ items, getItemLabel }}\n        data={items}\n        overscan={overscan}\n        style={style}\n        totalListHeightChanged={totalListHeightChanged}\n        endReached={onEndReached}\n      />\n    )\n  }\n)\n\n/**\n * Grouped version of menu list\n * Provide getItemGroupId to group items\n * @see getGroupCounts\n * */\nexport const NextMenuGrouped = React.forwardRef<\n  React.ReactElement,\n  NextMenuProps<any, any> & { totalListHeightChanged: (height: number) => void }\n>((props, menuRef) => {\n  const {\n    children,\n    components = {},\n    items = [],\n    groups = [],\n    getItemGroupId = () => -1,\n    overscan = 20,\n    onSelect: onSelect_,\n    onEndReached: onEndReached_ = () => {},\n    style,\n    totalListHeightChanged,\n  } = props\n\n  const groupCounts = getGroupCounts(items, groups, getItemGroupId)\n\n  return (\n    <GroupedVirtuoso\n      ref={menuRef as any}\n      style={style}\n      components={{ ...groupedComponents, ...components } as any}\n      context={{ items }}\n      groupCounts={groupCounts}\n      overscan={overscan}\n      endReached={onEndReached_}\n      totalListHeightChanged={totalListHeightChanged}\n    />\n  )\n})\n"],"mappings":"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"}

package/dist/NextMenu/NextMenu.styles.js

@@ -1,15 +1,19 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from 'styled-components';
-import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
 import { spacing } from '../_styles/spacing';
 export var optionMinHeight = 32;
 /** Large enough to fit one group and one item */
 export var defaultMenuHeight = 64;
-export var StyledOptions = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export var StyledItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n\n  padding: ", "px ", "px;\n  cursor: pointer;\n  list-style-type: none;\n"], ["\n  ", ";\n\n  padding: ", "px ", "px;\n  cursor: pointer;\n  list-style-type: none;\n"])), getTypographyIntent('body'), spacing.xs, spacing.md);
-export var StyledGroup = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n\n  padding: ", "px ", "px ", "px;\n  font-weight: ", ";\n  background: white;\n  list-style-type: none;\n"], ["\n  ", ";\n\n  padding: ", "px ", "px ", "px;\n  font-weight: ", ";\n  background: white;\n  list-style-type: none;\n"])), getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
-var templateObject_1, templateObject_2, templateObject_3;
+export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledOptions",
+  componentId: "core-11_23_0__sc-3o6zya-0"
+})([""]);
+export var StyledItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledItem",
+  componentId: "core-11_23_0__sc-3o6zya-1"
+})(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
+export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledGroup",
+  componentId: "core-11_23_0__sc-3o6zya-2"
+})(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/NextMenu/NextMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.styles.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAA;AACjC,iDAAiD;AACjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAA;AAEnC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAEzC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,2JAAA,MAChC,EAA2B,kBAElB,EAAU,KAAM,EAAU,qDAGtC,KALG,mBAAmB,CAAC,MAAM,CAAC,EAElB,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CAGtC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,0LAAA,MACjC,EAA2B,kBAElB,EAAU,KAAM,EAAU,KAAM,EAAU,sBACtC,EAA0B,qDAG1C,KANG,mBAAmB,CAAC,MAAM,CAAC,EAElB,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EACtC,iBAAiB,CAAC,QAAQ,CAG1C,CAAA"}
+{"version":3,"file":"NextMenu.styles.js","names":["styled","getTypographyIntent","typographyWeights","spacing","optionMinHeight","defaultMenuHeight","StyledOptions","div","withConfig","displayName","componentId","StyledItem","xs","md","StyledGroup","semibold"],"sources":["../../src/NextMenu/NextMenu.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { spacing } from '../_styles/spacing'\n\nexport const optionMinHeight = 32\n/** Large enough to fit one group and one item */\nexport const defaultMenuHeight = 64\n\nexport const StyledOptions = styled.div``\n\nexport const StyledItem = styled.div`\n  ${getTypographyIntent('body')};\n\n  padding: ${spacing.xs}px ${spacing.md}px;\n  cursor: pointer;\n  list-style-type: none;\n`\n\nexport const StyledGroup = styled.div`\n  ${getTypographyIntent('body')};\n\n  padding: ${spacing.md}px ${spacing.md}px ${spacing.xs}px;\n  font-weight: ${typographyWeights.semibold};\n  background: white;\n  list-style-type: none;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,IAAMC,iBAAiB,GAAG,EAAE;AAEnC,OAAO,IAAMC,aAAa,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEzC,OAAO,IAAMC,UAAU,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAChCT,mBAAmB,CAAC,MAAM,CAAC,EAElBE,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACU,EAAE,CAGtC;AAED,OAAO,IAAMC,WAAW,gBAAGd,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGACjCT,mBAAmB,CAAC,MAAM,CAAC,EAElBE,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACS,EAAE,EACtCV,iBAAiB,CAACa,QAAQ,CAG1C"}

package/dist/NextMenu/NextMenu.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.types.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.types.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"NextMenu.types.js","names":[],"sources":["../../src/NextMenu/NextMenu.types.tsx"],"sourcesContent":["import { ComponentType } from 'react'\nimport { ItemProps } from 'react-virtuoso'\nimport { Props } from '../_utils/types'\n\nexport interface MenuComponentContext<Item> {\n  items?: Item[]\n\n  totalSize?: number\n  /**\n   * Function that returns label for given item\n   * @default (item: Item) => item.label\n   * @since 11.3.0\n   */\n  getItemLabel?(item: Item): string\n  /**\n   * Handler for selecting menu items\n   * @since 11.1.1\n   */\n  onSelect?: (event: any) => Item\n}\n\ninterface MenuComponents {\n  Item?: ComponentType<{\n    context?: MenuComponentContext<any>\n  }>\n  Group?: ComponentType<{\n    context?: MenuComponentContext<any>\n  }>\n}\n\nexport interface NextMenuProps<Item, Group> extends Props {\n  /**\n   * Components used for UI customization\n   * @since 11.3.0\n   * */\n  components?: MenuComponents\n  /**\n   * Items that should be rendered in the menu. Presorted to display order.\n   * It is ignored for grouped menu\n   * @see menuItemRenderer\n   * @since 11.1.1\n   */\n  items: Item[]\n  /**\n   * Groups that should be rendered in the menu\n   * Only used when grouping\n   * @since 11.1.1\n   */\n  groups?: (Group & { id: string | number })[]\n  /**\n   * Function that returns group id for given item\n   * @since 11.1.1\n   */\n  getItemGroupId?(item: Item): string | number\n  /**\n   * Function that returns label for given item\n   * @since 11.1.1\n   */\n  getItemLabel?(item: Item): string\n  /**\n   * Specifies the amount of items in each group (and, actually, how many groups are there).\n   * For example, passing [20, 30] will display 2 groups with 20 and 30 items each.\n   * @since 11.1.1\n   */\n  groupCounts?: number[]\n  /**\n   * The property causes the component to render more items than the necessary, but reduces the re-renders on scroll.\n   * @default 20\n   * @since 11.3.0\n   * */\n  overscan?: number\n  /**\n   * Handler for selecting menu items\n   * @since 11.1.1\n   */\n  onSelect?: (event: any) => Item\n  /**\n   * Gets called when the user scrolls to the end of the list.\n   * Receives the last item index as an argument. Can be used to implement endless scrolling.\n   * @since 11.3.0\n   */\n  onEndReached?: (index: number) => void\n}\n\nexport interface NextMenuItemProps<Item> extends ItemProps {\n  item?: Item\n  /**\n   * @default false\n   * @since 11.1.1\n   */\n  isSelected?: boolean\n  /**\n   * Size of the list in which this item is rendered\n   * Used for accessibility purposes\n   * @since 11.3.0\n   * */\n  totalSize: number\n  /**\n   * Item position in list\n   * @since 11.3.0\n   * */\n  itemPositionInList: number\n\n  context?: MenuComponentContext<Item>\n}\n\nexport interface NextMenuGroupProps<Group> extends NextMenuItemProps<Group> {}\n"],"mappings":""}

package/dist/NextMenu/NextMenuItem.js

@@ -1,40 +1,34 @@
-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 = ["totalSize", "data-item-index", "context"],
+  _excluded2 = ["children"];
+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); }
+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; }
 import React from 'react';
 import { StyledGroup, StyledItem } from './NextMenu.styles';
 /**
  *  Default representation of item in menu
  * */
-export var NextMenuItem = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d, _e;
-    var totalSize = _a.totalSize, itemPositionInList = _a["data-item-index"], context = _a.context, props = __rest(_a, ["totalSize", 'data-item-index', "context"]);
-    return (React.createElement(StyledItem, __assign({ "aria-setsize": (_b = context === null || context === void 0 ? void 0 : context.items) === null || _b === void 0 ? void 0 : _b.length, "aria-posinset": itemPositionInList + 1, ref: ref }, props), (_e = (_c = context === null || context === void 0 ? void 0 : context.getItemLabel) === null || _c === void 0 ? void 0 : _c.call(context, (_d = context === null || context === void 0 ? void 0 : context.items) === null || _d === void 0 ? void 0 : _d[itemPositionInList])) !== null && _e !== void 0 ? _e : null));
+export var NextMenuItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _context$items, _context$getItemLabel, _context$getItemLabel2, _context$items2;
+  var totalSize = _ref.totalSize,
+    itemPositionInList = _ref['data-item-index'],
+    context = _ref.context,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledItem, _extends({
+    "aria-setsize": context === null || context === void 0 ? void 0 : (_context$items = context.items) === null || _context$items === void 0 ? void 0 : _context$items.length,
+    "aria-posinset": itemPositionInList + 1,
+    ref: ref
+  }, props), (_context$getItemLabel = context === null || context === void 0 ? void 0 : (_context$getItemLabel2 = context.getItemLabel) === null || _context$getItemLabel2 === void 0 ? void 0 : _context$getItemLabel2.call(context, context === null || context === void 0 ? void 0 : (_context$items2 = context.items) === null || _context$items2 === void 0 ? void 0 : _context$items2[itemPositionInList])) !== null && _context$getItemLabel !== void 0 ? _context$getItemLabel : null);
 });
+
 /**
  *  Default representation of group with items in menu
  * */
-export var NextMenuGroup = React.forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledGroup, __assign({ ref: ref }, props), children));
+export var NextMenuGroup = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledGroup, _extends({
+    ref: ref
+  }, props), children);
 });
 //# sourceMappingURL=NextMenuItem.js.map

package/dist/NextMenu/NextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenuItem.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG3D;;KAEK;AACL,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAI1C,UACE,EAAyE,EACzE,GAAG;;IADD,IAAA,SAAS,eAAA,EAAuB,kBAAkB,wBAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvE,2CAAyE,CAAF;IAGvE,OAAO,CACL,oBAAC,UAAU,6BACK,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,MAAM,mBACrB,kBAAkB,GAAG,CAAC,EACrC,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAG,kBAAkB,CAAC,CAAC,mCAAI,IAAI,CAC3D,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED;;KAEK;AACL,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,UAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACrB,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"NextMenuItem.js","names":["React","StyledGroup","StyledItem","NextMenuItem","forwardRef","_ref","ref","_context$items","_context$getItemLabel","_context$getItemLabel2","_context$items2","totalSize","itemPositionInList","context","props","_objectWithoutProperties","_excluded","createElement","_extends","items","length","getItemLabel","call","NextMenuGroup","_ref2","children","_excluded2"],"sources":["../../src/NextMenu/NextMenuItem.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledGroup, StyledItem } from './NextMenu.styles'\nimport { NextMenuGroupProps, NextMenuItemProps } from './NextMenu.types'\n\n/**\n *  Default representation of item in menu\n * */\nexport const NextMenuItem = React.forwardRef<\n  HTMLDivElement,\n  NextMenuItemProps<any>\n>(\n  (\n    { totalSize, ['data-item-index']: itemPositionInList, context, ...props },\n    ref\n  ) => {\n    return (\n      <StyledItem\n        aria-setsize={context?.items?.length}\n        aria-posinset={itemPositionInList + 1}\n        ref={ref}\n        {...props}\n      >\n        {context?.getItemLabel?.(context?.items?.[itemPositionInList]) ?? null}\n      </StyledItem>\n    )\n  }\n)\n\n/**\n *  Default representation of group with items in menu\n * */\nexport const NextMenuGroup = React.forwardRef<\n  HTMLDivElement,\n  NextMenuGroupProps<any>\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledGroup ref={ref} {...props}>\n      {children}\n    </StyledGroup>\n  )\n})\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,UAAU,QAAQ,mBAAmB;AAG3D;AACA;AACA;AACA,OAAO,IAAMC,YAAY,gBAAGH,KAAK,CAACI,UAAU,CAI1C,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAAAC,cAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA;EAAA,IAFDC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAuBC,kBAAkB,GAAAP,IAAA,CAAtC,iBAAiB;IAAuBQ,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAGvE,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,UAAU,EAAAgB,QAAA;IACT,gBAAcL,OAAO,aAAPA,OAAO,wBAAAN,cAAA,GAAPM,OAAO,CAAEM,KAAK,cAAAZ,cAAA,uBAAdA,cAAA,CAAgBa,MAAO;IACrC,iBAAeR,kBAAkB,GAAG,CAAE;IACtCN,GAAG,EAAEA;EAAI,GACLQ,KAAK,IAAAN,qBAAA,GAERK,OAAO,aAAPA,OAAO,wBAAAJ,sBAAA,GAAPI,OAAO,CAAEQ,YAAY,cAAAZ,sBAAA,uBAArBA,sBAAA,CAAAa,IAAA,CAAAT,OAAO,EAAiBA,OAAO,aAAPA,OAAO,wBAAAH,eAAA,GAAPG,OAAO,CAAEM,KAAK,cAAAT,eAAA,uBAAdA,eAAA,CAAiBE,kBAAkB,CAAC,CAAC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,IACxD,CAAC;AAEjB,CACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMe,aAAa,gBAAGvB,KAAK,CAACI,UAAU,CAG3C,UAAAoB,KAAA,EAAyBlB,GAAG,EAAK;EAAA,IAA9BmB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAKX,KAAK,GAAAC,wBAAA,CAAAS,KAAA,EAAAE,UAAA;EACrB,oBACE1B,KAAA,CAAAiB,aAAA,CAAChB,WAAW,EAAAiB,QAAA;IAACZ,GAAG,EAAEA;EAAI,GAAKQ,KAAK,GAC7BW,QACU,CAAC;AAElB,CAAC,CAAC"}