@codacy/ui-components 0.66.25 → 0.66.26

package/lib/Dropdown/Triggers/FilterTrigger.js

@@ -1,103 +1,76 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterTrigger = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("./hooks");
-var _Icons = require("../../Icons");
-var _Icon = require("../../Icon");
-var _PillLabel = require("../../PillLabel");
-var _lodash = require("lodash");
-var _Typography = require("../../Typography");
-var _Flexbox = require("../../Flexbox");
-var _theme = require("../../theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["isLoading", "value", "name", "disabled"];
-var StyledFilterButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+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 React, { useMemo } from 'react';
+import { useDropdownTrigger } from './hooks';
+import { ChevronDownIcon, SpinnerIcon } from '../../Icons';
+import { Icon } from '../../Icon';
+import { PillLabel } from '../../PillLabel';
+import { startCase } from 'lodash';
+import { Caption } from '../../Typography';
+import { Flex } from '../../Flexbox';
+import { transition } from '../../theme';
+const StyledFilterButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e2vnz6f0"
 } : {
   target: "e2vnz6f0",
   label: "codacy"
-})("background-color:", function (_ref) {
-  var theme = _ref.theme,
-    disabled = _ref.disabled;
-  return theme.colors["filter-background-".concat(disabled ? 'disabled' : 'enabled')];
-}, ";min-height:2rem;display:inline-flex!important;flex-direction:row;align-items:center;cursor:pointer;padding:", function (_ref2) {
-  var theme = _ref2.theme;
-  return "".concat(theme.space[1], " ").concat(theme.space[2]);
-}, ";border:", function (_ref3) {
-  var theme = _ref3.theme,
-    isActive = _ref3.isActive,
-    disabled = _ref3.disabled;
-  return "solid ".concat(theme.borderWidths[0], " ").concat(theme.colors[disabled ? 'filter-border-disabled' : isActive ? 'filter-border-active' : 'filter-border-enabled']);
-}, ";box-shadow:", function (_ref4) {
-  var theme = _ref4.theme,
-    isActive = _ref4.isActive;
-  return isActive ? theme.effects.focus[0] : '0 0 0 0 transparent';
-}, ";transition:", (0, _theme.transition)(['box-shadow', 'border-color'], 'fast'), ";border-radius:", function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.radii[1];
-}, ";height:", function (_ref6) {
-  var size = _ref6.size;
-  return size === 'sm' ? '1.5rem' : '2rem';
-}, ";line-height:", function (_ref7) {
-  var size = _ref7.size;
-  return "calc(".concat(size === 'sm' ? '1.5rem' : '2rem', " - 2px)");
-}, ";width:", function (_ref8) {
-  var size = _ref8.size;
-  return size === 'lg' ? '14.75rem' : 'auto';
-}, ";justify-content:", function (_ref9) {
-  var size = _ref9.size;
-  return size === 'lg' ? 'space-between' : 'flex-start';
-}, ";cursor:", function (_ref10) {
-  var disabled = _ref10.disabled;
-  return disabled ? 'not-allowed' : 'pointer';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wZG93bi9UcmlnZ2Vycy9GaWx0ZXJUcmlnZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUgiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Ryb3Bkb3duL1RyaWdnZXJzL0ZpbHRlclRyaWdnZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZpbHRlclRyaWdnZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyB1c2VEcm9wZG93blRyaWdnZXIgfSBmcm9tICcuL2hvb2tzJ1xuaW1wb3J0IHsgQ2hldnJvbkRvd25JY29uLCBTcGlubmVySWNvbiB9IGZyb20gJy4uLy4uL0ljb25zJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uUHJvcHMgfSBmcm9tICcuLi8uLi9JY29uL0ljb24udHlwZXMnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFBpbGxMYWJlbCB9IGZyb20gJy4uLy4uL1BpbGxMYWJlbCdcbmltcG9ydCB7IHN0YXJ0Q2FzZSB9IGZyb20gJ2xvZGFzaCdcbmltcG9ydCB7IENhcHRpb24gfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uLy4uL0ZsZXhib3gnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFN0eWxlZEZpbHRlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248T21pdDxGaWx0ZXJUcmlnZ2VyUHJvcHMsICduYW1lJz4gJiB7IGlzQWN0aXZlPzogYm9vbGVhbjsgZGlzYWJsZWQ/OiBib29sZWFuIH0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiB0aGVtZS5jb2xvcnNbYGZpbHRlci1iYWNrZ3JvdW5kLSR7ZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ2VuYWJsZWQnfWBdfTtcbiAgbWluLWhlaWdodDogMnJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzFdfSAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBib3JkZXI6ICR7KHsgdGhlbWUsIGlzQWN0aXZlLCBkaXNhYmxlZCB9KSA9PlxuICAgIGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHtcbiAgICAgIHRoZW1lLmNvbG9yc1tkaXNhYmxlZCA/ICdmaWx0ZXItYm9yZGVyLWRpc2FibGVkJyA6IGlzQWN0aXZlID8gJ2ZpbHRlci1ib3JkZXItYWN0aXZlJyA6ICdmaWx0ZXItYm9yZGVyLWVuYWJsZWQnXVxuICAgIH1gfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gdGhlbWUuZWZmZWN0cy5mb2N1c1swXSA6ICcwIDAgMCAwIHRyYW5zcGFyZW50Jyl9O1xuICB0cmFuc2l0aW9uOiAke3RyYW5zaXRpb24oWydib3gtc2hhZG93JywgJ2JvcmRlci1jb2xvciddLCAnZmFzdCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYygke3NpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJ30gLSAycHgpYH07XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdsZycgPyAnMTQuNzVyZW0nIDogJ2F1dG8nKX07XG4gIGp1c3RpZnktY29udGVudDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbGcnID8gJ3NwYWNlLWJldHdlZW4nIDogJ2ZsZXgtc3RhcnQnKX07XG4gIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInKX07XG5gXG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJUcmlnZ2VyID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgRmlsdGVyVHJpZ2dlclByb3BzPihcbiAgKHsgaXNMb2FkaW5nLCB2YWx1ZSwgbmFtZSwgZGlzYWJsZWQsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGRyb3Bkb3duQ29udGV4dCA9IHVzZURyb3Bkb3duVHJpZ2dlcigpXG5cbiAgICBjb25zdCBpY29uUHJvcHMgPSB1c2VNZW1vPEljb25Qcm9wcz4oXG4gICAgICAoKSA9PlxuICAgICAgICBpc0xvYWRpbmdcbiAgICAgICAgICA/IHsgaWNvbjogU3Bpbm5lckljb24sIHNwaW46IHRydWUgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBpY29uOiBDaGV2cm9uRG93bkljb24sXG4gICAgICAgICAgICAgIGZsaXA6IGRyb3Bkb3duQ29udGV4dC5vcGVuLFxuICAgICAgICAgICAgfSxcbiAgICAgIFtkcm9wZG93bkNvbnRleHQub3BlbiwgaXNMb2FkaW5nXVxuICAgIClcblxuICAgIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInICYmIHZhbHVlID4gMCA/IHZhbHVlIDogdW5kZWZpbmVkXG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEZpbHRlckJ1dHRvblxuICAgICAgICBpc0FjdGl2ZT17ZHJvcGRvd25Db250ZXh0Lm9wZW59XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBpc0xvYWRpbmd9XG4gICAgICAgIG9uQ2xpY2s9e2Ryb3Bkb3duQ29udGV4dC5vbkNsaWNrfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8RmxleCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgPENhcHRpb24gc2l6ZT1cIm1kXCIgYXM9XCJkaXZcIiBjb2xvcj17ZGlzYWJsZWQgfHwgaXNMb2FkaW5nID8gJ2ZpbHRlci10ZXh0LWRpc2FibGVkJyA6ICdmaWx0ZXItdGV4dC1lbmFibGVkJ30+XG4gICAgICAgICAgICB7dHlwZW9mIG5hbWUgPT09ICdzdHJpbmcnID8gKG5hbWUuaW5kZXhPZignICcpID4gLTEgPyBuYW1lIDogc3RhcnRDYXNlKG5hbWUpKSA6IG5hbWV9XG4gICAgICAgICAgPC9DYXB0aW9uPlxuICAgICAgICAgIHtzZWxlY3RlZEl0ZW1zICYmIChcbiAgICAgICAgICAgIDxQaWxsTGFiZWwgbWw9ezF9IHN0YXR1cz17ZGlzYWJsZWQgPyAnZGVmYXVsdCcgOiAnaW5mbyd9PlxuICAgICAgICAgICAgICB7c2VsZWN0ZWRJdGVtc31cbiAgICAgICAgICAgIDwvUGlsbExhYmVsPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleD5cblxuICAgICAgICA8SWNvbiB7Li4uaWNvblByb3BzfSBtbD17M30gY29sb3I9e2Rpc2FibGVkID8gJ2ZpbHRlci1pY29uLWRpc2FibGVkJyA6ICdmaWx0ZXItaWNvbi1lbmFibGVkJ30gLz5cbiAgICAgIDwvU3R5bGVkRmlsdGVyQnV0dG9uPlxuICAgIClcbiAgfVxuKVxuIl19 */"));
-var FilterTrigger = exports.FilterTrigger = /*#__PURE__*/_react["default"].forwardRef(function (_ref11, ref) {
-  var isLoading = _ref11.isLoading,
-    value = _ref11.value,
-    name = _ref11.name,
-    disabled = _ref11.disabled,
-    props = (0, _objectWithoutProperties2["default"])(_ref11, _excluded);
-  var dropdownContext = (0, _hooks.useDropdownTrigger)();
-  var iconProps = (0, _react.useMemo)(function () {
-    return isLoading ? {
-      icon: _Icons.SpinnerIcon,
-      spin: true
-    } : {
-      icon: _Icons.ChevronDownIcon,
-      flip: dropdownContext.open
-    };
+})("background-color:", ({
+  theme,
+  disabled
+}) => theme.colors[`filter-background-${disabled ? 'disabled' : 'enabled'}`], ";min-height:2rem;display:inline-flex!important;flex-direction:row;align-items:center;cursor:pointer;padding:", ({
+  theme
+}) => `${theme.space[1]} ${theme.space[2]}`, ";border:", ({
+  theme,
+  isActive,
+  disabled
+}) => `solid ${theme.borderWidths[0]} ${theme.colors[disabled ? 'filter-border-disabled' : isActive ? 'filter-border-active' : 'filter-border-enabled']}`, ";box-shadow:", ({
+  theme,
+  isActive
+}) => isActive ? theme.effects.focus[0] : '0 0 0 0 transparent', ";transition:", transition(['box-shadow', 'border-color'], 'fast'), ";border-radius:", ({
+  theme
+}) => theme.radii[1], ";height:", ({
+  size
+}) => size === 'sm' ? '1.5rem' : '2rem', ";line-height:", ({
+  size
+}) => `calc(${size === 'sm' ? '1.5rem' : '2rem'} - 2px)`, ";width:", ({
+  size
+}) => size === 'lg' ? '14.75rem' : 'auto', ";justify-content:", ({
+  size
+}) => size === 'lg' ? 'space-between' : 'flex-start', ";cursor:", ({
+  disabled
+}) => disabled ? 'not-allowed' : 'pointer', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wZG93bi9UcmlnZ2Vycy9GaWx0ZXJUcmlnZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUgiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Ryb3Bkb3duL1RyaWdnZXJzL0ZpbHRlclRyaWdnZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZpbHRlclRyaWdnZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyB1c2VEcm9wZG93blRyaWdnZXIgfSBmcm9tICcuL2hvb2tzJ1xuaW1wb3J0IHsgQ2hldnJvbkRvd25JY29uLCBTcGlubmVySWNvbiB9IGZyb20gJy4uLy4uL0ljb25zJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uUHJvcHMgfSBmcm9tICcuLi8uLi9JY29uL0ljb24udHlwZXMnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFBpbGxMYWJlbCB9IGZyb20gJy4uLy4uL1BpbGxMYWJlbCdcbmltcG9ydCB7IHN0YXJ0Q2FzZSB9IGZyb20gJ2xvZGFzaCdcbmltcG9ydCB7IENhcHRpb24gfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uLy4uL0ZsZXhib3gnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFN0eWxlZEZpbHRlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248T21pdDxGaWx0ZXJUcmlnZ2VyUHJvcHMsICduYW1lJz4gJiB7IGlzQWN0aXZlPzogYm9vbGVhbjsgZGlzYWJsZWQ/OiBib29sZWFuIH0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiB0aGVtZS5jb2xvcnNbYGZpbHRlci1iYWNrZ3JvdW5kLSR7ZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ2VuYWJsZWQnfWBdfTtcbiAgbWluLWhlaWdodDogMnJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzFdfSAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBib3JkZXI6ICR7KHsgdGhlbWUsIGlzQWN0aXZlLCBkaXNhYmxlZCB9KSA9PlxuICAgIGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHtcbiAgICAgIHRoZW1lLmNvbG9yc1tkaXNhYmxlZCA/ICdmaWx0ZXItYm9yZGVyLWRpc2FibGVkJyA6IGlzQWN0aXZlID8gJ2ZpbHRlci1ib3JkZXItYWN0aXZlJyA6ICdmaWx0ZXItYm9yZGVyLWVuYWJsZWQnXVxuICAgIH1gfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gdGhlbWUuZWZmZWN0cy5mb2N1c1swXSA6ICcwIDAgMCAwIHRyYW5zcGFyZW50Jyl9O1xuICB0cmFuc2l0aW9uOiAke3RyYW5zaXRpb24oWydib3gtc2hhZG93JywgJ2JvcmRlci1jb2xvciddLCAnZmFzdCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYygke3NpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJ30gLSAycHgpYH07XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdsZycgPyAnMTQuNzVyZW0nIDogJ2F1dG8nKX07XG4gIGp1c3RpZnktY29udGVudDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbGcnID8gJ3NwYWNlLWJldHdlZW4nIDogJ2ZsZXgtc3RhcnQnKX07XG4gIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInKX07XG5gXG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJUcmlnZ2VyID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgRmlsdGVyVHJpZ2dlclByb3BzPihcbiAgKHsgaXNMb2FkaW5nLCB2YWx1ZSwgbmFtZSwgZGlzYWJsZWQsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGRyb3Bkb3duQ29udGV4dCA9IHVzZURyb3Bkb3duVHJpZ2dlcigpXG5cbiAgICBjb25zdCBpY29uUHJvcHMgPSB1c2VNZW1vPEljb25Qcm9wcz4oXG4gICAgICAoKSA9PlxuICAgICAgICBpc0xvYWRpbmdcbiAgICAgICAgICA/IHsgaWNvbjogU3Bpbm5lckljb24sIHNwaW46IHRydWUgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBpY29uOiBDaGV2cm9uRG93bkljb24sXG4gICAgICAgICAgICAgIGZsaXA6IGRyb3Bkb3duQ29udGV4dC5vcGVuLFxuICAgICAgICAgICAgfSxcbiAgICAgIFtkcm9wZG93bkNvbnRleHQub3BlbiwgaXNMb2FkaW5nXVxuICAgIClcblxuICAgIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInICYmIHZhbHVlID4gMCA/IHZhbHVlIDogdW5kZWZpbmVkXG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEZpbHRlckJ1dHRvblxuICAgICAgICBpc0FjdGl2ZT17ZHJvcGRvd25Db250ZXh0Lm9wZW59XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBpc0xvYWRpbmd9XG4gICAgICAgIG9uQ2xpY2s9e2Ryb3Bkb3duQ29udGV4dC5vbkNsaWNrfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8RmxleCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgPENhcHRpb24gc2l6ZT1cIm1kXCIgYXM9XCJkaXZcIiBjb2xvcj17ZGlzYWJsZWQgfHwgaXNMb2FkaW5nID8gJ2ZpbHRlci10ZXh0LWRpc2FibGVkJyA6ICdmaWx0ZXItdGV4dC1lbmFibGVkJ30+XG4gICAgICAgICAgICB7dHlwZW9mIG5hbWUgPT09ICdzdHJpbmcnID8gKG5hbWUuaW5kZXhPZignICcpID4gLTEgPyBuYW1lIDogc3RhcnRDYXNlKG5hbWUpKSA6IG5hbWV9XG4gICAgICAgICAgPC9DYXB0aW9uPlxuICAgICAgICAgIHtzZWxlY3RlZEl0ZW1zICYmIChcbiAgICAgICAgICAgIDxQaWxsTGFiZWwgbWw9ezF9IHN0YXR1cz17ZGlzYWJsZWQgPyAnZGVmYXVsdCcgOiAnaW5mbyd9PlxuICAgICAgICAgICAgICB7c2VsZWN0ZWRJdGVtc31cbiAgICAgICAgICAgIDwvUGlsbExhYmVsPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleD5cblxuICAgICAgICA8SWNvbiB7Li4uaWNvblByb3BzfSBtbD17M30gY29sb3I9e2Rpc2FibGVkID8gJ2ZpbHRlci1pY29uLWRpc2FibGVkJyA6ICdmaWx0ZXItaWNvbi1lbmFibGVkJ30gLz5cbiAgICAgIDwvU3R5bGVkRmlsdGVyQnV0dG9uPlxuICAgIClcbiAgfVxuKVxuIl19 */"));
+export const FilterTrigger = /*#__PURE__*/React.forwardRef(({
+  isLoading,
+  value,
+  name,
+  disabled,
+  ...props
+}, ref) => {
+  const dropdownContext = useDropdownTrigger();
+  const iconProps = useMemo(() => isLoading ? {
+    icon: SpinnerIcon,
+    spin: true
+  } : {
+    icon: ChevronDownIcon,
+    flip: dropdownContext.open
   }, [dropdownContext.open, isLoading]);
-  var selectedItems = value && typeof value === 'number' && value > 0 ? value : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFilterButton, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+  const selectedItems = value && typeof value === 'number' && value > 0 ? value : undefined;
+  return /*#__PURE__*/React.createElement(StyledFilterButton, _extends({
     isActive: dropdownContext.open,
     disabled: disabled || isLoading,
     onClick: dropdownContext.onClick,
     ref: ref
-  }, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Flex, {
-      alignItems: "center",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Caption, {
-        size: "md",
-        as: "div",
-        color: disabled || isLoading ? 'filter-text-disabled' : 'filter-text-enabled',
-        children: typeof name === 'string' ? name.indexOf(' ') > -1 ? name : (0, _lodash.startCase)(name) : name
-      }), selectedItems && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PillLabel.PillLabel, {
-        ml: 1,
-        status: disabled ? 'default' : 'info',
-        children: selectedItems
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, iconProps), {}, {
-      ml: 3,
-      color: disabled ? 'filter-icon-disabled' : 'filter-icon-enabled'
-    }))]
-  }));
+  }, props), /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Caption, {
+    size: "md",
+    as: "div",
+    color: disabled || isLoading ? 'filter-text-disabled' : 'filter-text-enabled'
+  }, typeof name === 'string' ? name.indexOf(' ') > -1 ? name : startCase(name) : name), selectedItems && /*#__PURE__*/React.createElement(PillLabel, {
+    ml: 1,
+    status: disabled ? 'default' : 'info'
+  }, selectedItems)), /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
+    ml: 3,
+    color: disabled ? 'filter-icon-disabled' : 'filter-icon-enabled'
+  })));
 });

package/lib/Dropdown/Triggers/InputTrigger.js

@@ -1,30 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputTrigger = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Input = require("../../Input");
-var _hooks = require("./hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["onBeforeOpen", "onChange"];
-var InputTrigger = exports.InputTrigger = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var onBeforeOpen = _ref.onBeforeOpen,
-    _onChange = _ref.onChange,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var dropdownContext = (0, _hooks.useDropdownTrigger)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+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 React from 'react';
+import { Input } from '../../Input';
+import { useDropdownTrigger } from './hooks';
+export const InputTrigger = /*#__PURE__*/React.forwardRef(({
+  onBeforeOpen,
+  onChange,
+  ...props
+}, ref) => {
+  const dropdownContext = useDropdownTrigger();
+  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     ref: ref,
     size: dropdownContext.size,
-    onChange: function onChange(e) {
-      var value = e.currentTarget.value;
-      var needsToOpen = onBeforeOpen ? onBeforeOpen(value) : !!value;
+    onChange: e => {
+      const value = e.currentTarget.value;
+      const needsToOpen = onBeforeOpen ? onBeforeOpen(value) : !!value;
       if (needsToOpen) dropdownContext.setOpen(true);else dropdownContext.setOpen(false);
-      if (_onChange) _onChange(e);
+      if (onChange) onChange(e);
     }
   }));
 });

package/lib/Dropdown/Triggers/SelectTrigger.js

@@ -1,30 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectTrigger = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Input = require("../../Input");
-var _hooks = require("./hooks");
-var _Icons = require("../../Icons");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["caption"];
-var SelectTrigger = exports.SelectTrigger = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+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 React from 'react';
+import { Input } from '../../Input';
+import { useDropdownTrigger } from './hooks';
+import { ChevronDownIcon } from '../../Icons';
+export const SelectTrigger = /*#__PURE__*/React.forwardRef(({
+  caption,
+  ...props
+}, ref) => {
   var _dropdownContext$valu;
-  var caption = _ref.caption,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var dropdownContext = (0, _hooks.useDropdownTrigger)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+  const dropdownContext = useDropdownTrigger();
+  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     ref: ref,
     size: dropdownContext.size,
     readOnly: true,
     onClick: dropdownContext.onClick,
     rightIcon: {
-      icon: _Icons.ChevronDownIcon,
+      icon: ChevronDownIcon,
       color: dropdownContext.open ? 'icon-enabled' : undefined,
       flip: dropdownContext.open
     },

package/lib/Dropdown/Triggers/hooks.js

@@ -1,42 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDropdownTrigger = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _react = require("react");
-var _Dropdown = require("../Dropdown");
-var useDropdownTrigger = exports.useDropdownTrigger = function useDropdownTrigger() {
-  var dropdownContext = (0, _Dropdown.useDropdownContext)();
-  var onClick = (0, _react.useCallback)(function () {
-    dropdownContext.setOpen(function (isOpen) {
-      return !isOpen;
-    });
+import { useCallback, useEffect } from 'react';
+import { useDropdownContext } from '../Dropdown';
+export const useDropdownTrigger = () => {
+  const dropdownContext = useDropdownContext();
+  const onClick = useCallback(() => {
+    dropdownContext.setOpen(isOpen => !isOpen);
   }, [dropdownContext]);
-  var handleSurroundings = (0, _react.useCallback)(function (event) {
+  const handleSurroundings = useCallback(event => {
     var _dropdownContext$pane, _dropdownContext$trig;
-    var portalDropdown = document.querySelector('#dropdown-panel[data-popper-escaped="true"]');
+    const portalDropdown = document.querySelector('#dropdown-panel[data-popper-escaped="true"]');
 
     // Check if the click was inside the dropdown or inside nested dropdown that uses portal prop
-    var didClickInsideDropdown = portalDropdown && portalDropdown.contains(event.target) || ((_dropdownContext$pane = dropdownContext.panelRef) === null || _dropdownContext$pane === void 0 ? void 0 : _dropdownContext$pane.contains(event.target));
+    const didClickInsideDropdown = portalDropdown && portalDropdown.contains(event.target) || ((_dropdownContext$pane = dropdownContext.panelRef) === null || _dropdownContext$pane === void 0 ? void 0 : _dropdownContext$pane.contains(event.target));
     if (!((_dropdownContext$trig = dropdownContext.triggerRef) !== null && _dropdownContext$trig !== void 0 && _dropdownContext$trig.contains(event.target)) && !didClickInsideDropdown) {
       dropdownContext.setOpen(false);
     }
   }, [dropdownContext]);
-  var handleEscape = (0, _react.useCallback)(function (event) {
+  const handleEscape = useCallback(event => {
     if (event.key === 'Escape') {
       dropdownContext.setOpen(false);
     }
   }, [dropdownContext]);
-  (0, _react.useEffect)(function () {
-    var subscribe = function subscribe() {
+  useEffect(() => {
+    const subscribe = () => {
       document.addEventListener('focusin', handleSurroundings);
       document.addEventListener('click', handleSurroundings);
       document.addEventListener('keydown', handleEscape);
     };
-    var unsubscribe = function unsubscribe() {
+    const unsubscribe = () => {
       document.removeEventListener('focusin', handleSurroundings);
       document.removeEventListener('click', handleSurroundings);
       document.removeEventListener('keydown', handleEscape);
@@ -44,7 +34,8 @@ var useDropdownTrigger = exports.useDropdownTrigger = function useDropdownTrigge
     if (dropdownContext.open) subscribe();else unsubscribe();
     return unsubscribe;
   }, [dropdownContext.open, dropdownContext.panelRef, dropdownContext.triggerRef, handleEscape, handleSurroundings]);
-  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, dropdownContext), {}, {
-    onClick: onClick
-  });
+  return {
+    ...dropdownContext,
+    onClick
+  };
 };

package/lib/Dropdown/Triggers/index.js

@@ -1,71 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _SelectTrigger = require("./SelectTrigger");
-Object.keys(_SelectTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SelectTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SelectTrigger[key];
-    }
-  });
-});
-var _DropdownButtonTrigger = require("./DropdownButtonTrigger");
-Object.keys(_DropdownButtonTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DropdownButtonTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownButtonTrigger[key];
-    }
-  });
-});
-var _DropdownItemTrigger = require("./DropdownItemTrigger");
-Object.keys(_DropdownItemTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DropdownItemTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownItemTrigger[key];
-    }
-  });
-});
-var _FilterTrigger = require("./FilterTrigger");
-Object.keys(_FilterTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FilterTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FilterTrigger[key];
-    }
-  });
-});
-var _InputTrigger = require("./InputTrigger");
-Object.keys(_InputTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _InputTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _InputTrigger[key];
-    }
-  });
-});
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _hooks[key];
-    }
-  });
-});
+export * from './SelectTrigger';
+export * from './DropdownButtonTrigger';
+export * from './DropdownItemTrigger';
+export * from './FilterTrigger';
+export * from './InputTrigger';
+export * from './hooks';

package/lib/Dropdown/Triggers/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/Dropdown/index.js

@@ -1,49 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Dropdown = require("./Dropdown");
-Object.keys(_Dropdown).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dropdown[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dropdown[key];
-    }
-  });
-});
-var _Dropdown2 = require("./Dropdown.styles");
-Object.keys(_Dropdown2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dropdown2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dropdown2[key];
-    }
-  });
-});
-var _Triggers = require("./Triggers");
-Object.keys(_Triggers).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Triggers[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Triggers[key];
-    }
-  });
-});
-var _Content = require("./Content");
-Object.keys(_Content).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Content[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Content[key];
-    }
-  });
-});
+export * from './Dropdown';
+export * from './Dropdown.styles';
+export * from './Triggers';
+export * from './Content';

package/lib/ExpandableBox/ExpandableBox.js

@@ -1,49 +1,34 @@
-"use strict";
+import React from 'react';
+import { StyledExpandableBox, StyledAnimateHeight, StyledBox } from './ExpandableBox.styles';
+import { Box } from '../Flexbox';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpandableBox = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _ExpandableBox = require("./ExpandableBox.styles");
-var _Flexbox = require("../Flexbox");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "expanded", "primaryColor", "secondaryColor", "animating", "setAnimating", "expandableContentChildren"];
 /**
  * Description for ExpandableBox
  */
-var ANIMATION_DURATION = 300; // in milliseconds
 
-var ExpandableBox = exports.ExpandableBox = function ExpandableBox(_ref) {
-  var children = _ref.children,
-    expanded = _ref.expanded,
-    primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    animating = _ref.animating,
-    setAnimating = _ref.setAnimating,
-    expandableContentChildren = _ref.expandableContentChildren,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Box, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandableBox.StyledExpandableBox, {
-      primaryColor: primaryColor,
-      expanded: expanded,
-      padding: 4,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandableBox.StyledAnimateHeight, {
-      secondaryColor: secondaryColor,
-      duration: ANIMATION_DURATION,
-      height: expanded ? 'auto' : 0,
-      easing: "ease-in-out",
-      onAnimationEnd: function onAnimationEnd() {
-        return setAnimating === null || setAnimating === void 0 ? void 0 : setAnimating(false);
-      },
-      children: (expanded || animating) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandableBox.StyledBox, {
-        p: 4,
-        children: expandableContentChildren
-      })
-    })]
-  }));
+const ANIMATION_DURATION = 300; // in milliseconds
+
+export const ExpandableBox = ({
+  children,
+  expanded,
+  primaryColor,
+  secondaryColor,
+  animating,
+  setAnimating,
+  expandableContentChildren,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(Box, props, /*#__PURE__*/React.createElement(StyledExpandableBox, {
+    primaryColor: primaryColor,
+    expanded: expanded,
+    padding: 4
+  }, children), /*#__PURE__*/React.createElement(StyledAnimateHeight, {
+    secondaryColor: secondaryColor,
+    duration: ANIMATION_DURATION,
+    height: expanded ? 'auto' : 0,
+    easing: "ease-in-out",
+    onAnimationEnd: () => setAnimating === null || setAnimating === void 0 ? void 0 : setAnimating(false)
+  }, (expanded || animating) && /*#__PURE__*/React.createElement(StyledBox, {
+    p: 4
+  }, expandableContentChildren)));
 };