@invoicebox/ui 0.1.0-alpha.77 → 0.1.0-alpha.78

package/dist/components/common/Dropdown/index.js

@@ -8,8 +8,6 @@ exports.Dropdown = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var S = _interopRequireWildcard(require("./styles"));
 var _palette = require("../../../palette");
-var _styledComponents = require("styled-components");
-var _excluded = ["children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -18,32 +16,23 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 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; }
 var Dropdown = exports.Dropdown = function Dropdown(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styledComponents.StyleSheetManager, {
-    disableCSSOMInjection: true
-  }, /*#__PURE__*/_react["default"].createElement(DropdownInner, props, children));
-};
-var DropdownInner = function DropdownInner(_ref2) {
-  var children = _ref2.children,
-    isOpen = _ref2.isOpen,
-    _ref2$isAutoPosition = _ref2.isAutoPosition,
-    isAutoPosition = _ref2$isAutoPosition === void 0 ? false : _ref2$isAutoPosition,
-    _ref2$positionVertica = _ref2.positionVertical,
-    positionVertical = _ref2$positionVertica === void 0 ? 5 : _ref2$positionVertica,
-    _ref2$positionLeft = _ref2.positionLeft,
-    positionLeft = _ref2$positionLeft === void 0 ? '0px' : _ref2$positionLeft,
-    _ref2$positionRight = _ref2.positionRight,
-    positionRight = _ref2$positionRight === void 0 ? 'auto' : _ref2$positionRight,
-    _ref2$minWidth = _ref2.minWidth,
-    minWidth = _ref2$minWidth === void 0 ? 'auto' : _ref2$minWidth,
-    _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 'auto' : _ref2$width,
-    zIndex = _ref2.zIndex,
-    onCloseTransitionEnd = _ref2.onCloseTransitionEnd;
+    isOpen = _ref.isOpen,
+    _ref$isAutoPosition = _ref.isAutoPosition,
+    isAutoPosition = _ref$isAutoPosition === void 0 ? false : _ref$isAutoPosition,
+    _ref$positionVertical = _ref.positionVertical,
+    positionVertical = _ref$positionVertical === void 0 ? 5 : _ref$positionVertical,
+    _ref$positionLeft = _ref.positionLeft,
+    positionLeft = _ref$positionLeft === void 0 ? '0px' : _ref$positionLeft,
+    _ref$positionRight = _ref.positionRight,
+    positionRight = _ref$positionRight === void 0 ? 'auto' : _ref$positionRight,
+    _ref$minWidth = _ref.minWidth,
+    minWidth = _ref$minWidth === void 0 ? 'auto' : _ref$minWidth,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    zIndex = _ref.zIndex,
+    onCloseTransitionEnd = _ref.onCloseTransitionEnd;
   var palette = (0, _palette.useComponentPalette)('dropdown');
   var position = (0, _react.useRef)({
     isAbove: true,
@@ -58,11 +47,11 @@ var DropdownInner = function DropdownInner(_ref2) {
     if (isOpen) return;
     if (onCloseTransitionEnd) onCloseTransitionEnd();
   }, [isOpen, onCloseTransitionEnd]);
-  var getPosition = (0, _react.useCallback)(function (_ref3) {
-    var dropdownHeight = _ref3.dropdownHeight,
-      belowHeight = _ref3.belowHeight,
-      aboveHeight = _ref3.aboveHeight,
-      dropdownIndent = _ref3.dropdownIndent;
+  var getPosition = (0, _react.useCallback)(function (_ref2) {
+    var dropdownHeight = _ref2.dropdownHeight,
+      belowHeight = _ref2.belowHeight,
+      aboveHeight = _ref2.aboveHeight,
+      dropdownIndent = _ref2.dropdownIndent;
     var isEnoughSpaceBelow = belowHeight >= dropdownHeight + dropdownIndent;
     if (isEnoughSpaceBelow) return {
       isAbove: false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.77",
+    "version": "0.1.0-alpha.78",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {
@@ -43,6 +43,7 @@
         "prettier": "^3.2.5",
         "prop-types": "^15.8.1",
         "storybook": "^7.6.13",
+        "styled-components": "^6.1.8",
         "typescript": "^4.9.5",
         "webpack": "^5.90.1"
     },
@@ -51,11 +52,11 @@
         "hex-to-rgba": "^2.0.1",
         "lottie-react": "^2.4.0",
         "react-calendar": "^4.8.0",
-        "react-scrollbars-custom": "^4.1.1",
-        "styled-components": "^6.1.8"
+        "react-scrollbars-custom": "^4.1.1"
     },
     "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^18.2.0",
+        "styled-components": "^6.1.8"
     },
     "engines": {
         "node": "^16.17.1"