@cashub/ui 0.20.0 → 0.21.1

package/descriptionList/DescriptionTerm.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var DescriptionTerm = _styledComponents.default.dt(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h3);\n  color: var(--font-on-mute);\n  padding-bottom: var(--spacing-xs);\n"])));
-
-var _default = DescriptionTerm;
-exports.default = _default;
+const DescriptionTerm = _styledComponents.default.dt(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h3);\n  color: var(--font-on-mute);\n  padding-bottom: var(--spacing-xs);\n"])));
+var _default = exports.default = DescriptionTerm;

package/descriptionList/index.js

@@ -5,27 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DescriptionDetail", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DescriptionDetail.default;
   }
 });
 Object.defineProperty(exports, "DescriptionList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DescriptionList.default;
   }
 });
 Object.defineProperty(exports, "DescriptionTerm", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DescriptionTerm.default;
   }
 });
-
 var _DescriptionDetail = _interopRequireDefault(require("./DescriptionDetail"));
-
 var _DescriptionList = _interopRequireDefault(require("./DescriptionList"));
-
 var _DescriptionTerm = _interopRequireDefault(require("./DescriptionTerm"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/divider/Divider.js

@@ -4,22 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Divider = _styledComponents.default.hr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: none;\n  border-top: 1px solid var(--border-color);\n  margin: var(--spacing-s);\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var noMarginX = _ref.noMarginX;
+const Divider = _styledComponents.default.hr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: none;\n  border-top: 1px solid var(--border-color);\n  margin: var(--spacing-s);\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    noMarginX
+  } = _ref;
   return noMarginX && "\n        margin-left: 0;\n        margin-right: 0;\n      ";
-}, function (_ref2) {
-  var dashed = _ref2.dashed;
+}, _ref2 => {
+  let {
+    dashed
+  } = _ref2;
   return dashed && 'border-top-style: dashed;';
 });
-
-var _default = Divider;
-exports.default = _default;
+var _default = exports.default = Divider;

package/divider/index.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Divider.default;
   }
 });
-
 var _Divider = _interopRequireDefault(require("./Divider"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dropdown/Dropdown.js

@@ -4,89 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
-
 var _hooks = require("@cashub/hooks");
-
 var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Dropdown = function Dropdown(_ref) {
-  var children = _ref.children,
-      fixed = _ref.fixed;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      initialized = _useState2[0],
-      setInitialized = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      display = _useState4[0],
-      setDisplay = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      toggleElement = _useState6[0],
-      setToggleElement = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      contentElement = _useState8[0],
-      setContentElement = _useState8[1];
-
-  var _useCustomPopper = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
+const Dropdown = _ref => {
+  let {
+    children,
+    fixed
+  } = _ref;
+  const [initialized, setInitialized] = (0, _react.useState)(null);
+  const [display, setDisplay] = (0, _react.useState)(false);
+  const [toggleElement, setToggleElement] = (0, _react.useState)(null);
+  const [contentElement, setContentElement] = (0, _react.useState)(null);
+  const {
+    styles,
+    attributes,
+    state,
+    update
+  } = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
     strategy: fixed ? 'fixed' : 'absolute'
-  }),
-      styles = _useCustomPopper.styles,
-      attributes = _useCustomPopper.attributes,
-      state = _useCustomPopper.state,
-      update = _useCustomPopper.update;
-
-  var handleSelect = function handleSelect() {
+  });
+  const handleSelect = () => {
     setDisplay(false);
   };
-
-  var context = {
-    display: display,
-    setDisplay: setDisplay,
-    handleSelect: handleSelect,
-    setInitialized: setInitialized,
+  const context = {
+    display,
+    setDisplay,
+    handleSelect,
+    setInitialized,
     setToggleElement: initialized ? setToggleElement : null,
     setContentElement: initialized ? setContentElement : null,
-    styles: styles,
-    attributes: attributes,
-    state: state,
-    update: update
+    styles,
+    attributes,
+    state,
+    update
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContext.default.Provider, {
     value: context,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactOutsideClickHandler.default, {
-      onOutsideClick: function onOutsideClick() {
+      onOutsideClick: () => {
         setDisplay(false);
       },
       children: children
     })
   });
 };
-
-var _default = Dropdown;
-exports.default = _default;
+var _default = exports.default = Dropdown;

package/dropdown/DropdownButtonOption.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var DropdownButtonOption = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px var(--spacing-s);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  width: 100%;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    background: var(--color-hover);\n  }\n\n  > svg {\n    margin-right: var(--spacing-s);\n  }\n"])));
-
-var _default = DropdownButtonOption;
-exports.default = _default;
+const DropdownButtonOption = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px var(--spacing-s);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  width: 100%;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    background: var(--color-hover);\n  }\n\n  > svg {\n    margin-right: var(--spacing-s);\n  }\n"])));
+var _default = exports.default = DropdownButtonOption;

package/dropdown/DropdownContent.js

@@ -4,99 +4,68 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
-
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var DropdownContent = function DropdownContent(_ref) {
-  var children = _ref.children,
-      onShow = _ref.onShow,
-      onClose = _ref.onClose,
-      _ref$showScrollbar = _ref.showScrollbar,
-      showScrollbar = _ref$showScrollbar === void 0 ? true : _ref$showScrollbar;
-
-  var _useContext = (0, _react.useContext)(_DropdownContext.default),
-      display = _useContext.display,
-      setContentElement = _useContext.setContentElement,
-      styles = _useContext.styles,
-      attributes = _useContext.attributes,
-      update = _useContext.update;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isToggle = _useState2[0],
-      setIsToggle = _useState2[1];
-
-  (0, _react.useEffect)(function () {
+const DropdownContent = _ref => {
+  let {
+    children,
+    onShow,
+    onClose,
+    showScrollbar = true
+  } = _ref;
+  const {
+    display,
+    setContentElement,
+    styles,
+    attributes,
+    update
+  } = (0, _react.useContext)(_DropdownContext.default);
+  const [isToggle, setIsToggle] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     if (isToggle) {
       if (display && onShow) {
         onShow();
       }
-
       if (!display && onClose) {
         onClose();
       }
-
       setIsToggle(false);
     }
   }, [isToggle, display, onShow, onClose]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setIsToggle(true);
-  }, [display]); // rerender時不會更新位置，所以補上children讓rerender時可以更新位置
+  }, [display]);
 
-  (0, _react.useEffect)(function () {
+  // rerender時不會更新位置，所以補上children讓rerender時可以更新位置
+  (0, _react.useEffect)(() => {
     if (update) {
       update();
     }
   }, [update, children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
     ref: setContentElement,
     $display: display,
-    style: styles.popper
-  }, attributes.popper), {}, {
+    style: styles.popper,
+    ...attributes.popper,
     showScrollbar: showScrollbar,
     children: children
-  }));
+  });
 };
-
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  min-width: 160px;\n  max-width: 320px;\n  border: 1px solid var(--border-color);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  padding: var(--spacing-s) 0;\n  z-index: 20;\n  margin: 0 !important;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
-  var $display = _ref2.$display;
+const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  min-width: 160px;\n  max-width: 320px;\n  border: 1px solid var(--border-color);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  padding: var(--spacing-s) 0;\n  z-index: 20;\n  margin: 0 !important;\n\n  ", "\n\n  ", "\n"])), _ref2 => {
+  let {
+    $display
+  } = _ref2;
   return $display === true ? 'visible' : 'hidden';
-}, _scrollbar.default, function (_ref3) {
-  var showScrollbar = _ref3.showScrollbar;
+}, _scrollbar.default, _ref3 => {
+  let {
+    showScrollbar
+  } = _ref3;
   return showScrollbar && "\n  overflow-y: auto;\n  overflow-x: hidden;\n  max-height: min(320px, ((50vh - 36px) - 20px) - 36px);\n\n  ";
 });
-
-var _default = DropdownContent;
-exports.default = _default;
+var _default = exports.default = DropdownContent;

package/dropdown/DropdownDivOption.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var DropdownDivOption = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px var(--spacing-s);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  width: 100%;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    background: var(--color-hover);\n  }\n\n  > svg {\n    margin-right: var(--spacing-s);\n  }\n"])));
-
-var _default = DropdownDivOption;
-exports.default = _default;
+const DropdownDivOption = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px var(--spacing-s);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  width: 100%;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    background: var(--color-hover);\n  }\n\n  > svg {\n    margin-right: var(--spacing-s);\n  }\n"])));
+var _default = exports.default = DropdownDivOption;

package/dropdown/DropdownItem.js

@@ -4,29 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DropdownItem = function DropdownItem(_ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick;
-
-  var _useContext = (0, _react.useContext)(_DropdownContext.default),
-      handleSelect = _useContext.handleSelect;
-
-  var handleClick = function handleClick(event) {
+const DropdownItem = _ref => {
+  let {
+    children,
+    onClick
+  } = _ref;
+  const {
+    handleSelect
+  } = (0, _react.useContext)(_DropdownContext.default);
+  const handleClick = event => {
     if (onClick) onClick(event);
     handleSelect();
   };
-
   return /*#__PURE__*/(0, _react.cloneElement)(children, {
     onClick: handleClick
   });
 };
-
-var _default = DropdownItem;
-exports.default = _default;
+var _default = exports.default = DropdownItem;

package/dropdown/DropdownLinkOption.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var DropdownLinkOption = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px var(--spacing-s);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n\n  &:hover {\n    background: var(--color-hover);\n  }\n\n  > svg {\n    margin-right: var(--spacing-s);\n  }\n"])));
-var _default = DropdownLinkOption;
-exports.default = _default;
+const DropdownLinkOption = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px var(--spacing-s);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n\n  &:hover {\n    background: var(--color-hover);\n  }\n\n  > svg {\n    margin-right: var(--spacing-s);\n  }\n"])));
+var _default = exports.default = DropdownLinkOption;

package/dropdown/DropdownToggle.js

@@ -4,55 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _excluded = ["children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 DropdownToggle = function DropdownToggle(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useContext = (0, _react.useContext)(_DropdownContext.default),
-      display = _useContext.display,
-      setDisplay = _useContext.setDisplay,
-      setInitialized = _useContext.setInitialized,
-      setToggleElement = _useContext.setToggleElement,
-      update = _useContext.update;
-
-  var handleToggle = function handleToggle() {
+const DropdownToggle = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  const {
+    display,
+    setDisplay,
+    setInitialized,
+    setToggleElement,
+    update
+  } = (0, _react.useContext)(_DropdownContext.default);
+  const handleToggle = () => {
     setInitialized(true);
     setDisplay(!display);
-
     if (update) {
       update();
     }
   };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-    onClick: handleToggle
-  }, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    onClick: handleToggle,
+    ...props,
     children: /*#__PURE__*/(0, _react.cloneElement)(children, {
       ref: setToggleElement
     })
-  }));
+  });
 };
-
-var _default = DropdownToggle;
-exports.default = _default;
+var _default = exports.default = DropdownToggle;

package/dropdown/index.js

@@ -5,49 +5,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DropdownButtonOption", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DropdownButtonOption.default;
   }
 });
 Object.defineProperty(exports, "DropdownDivOption", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DropdownDivOption.default;
   }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DropdownItem.default;
   }
 });
 Object.defineProperty(exports, "DropdownLinkOption", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DropdownLinkOption.default;
   }
 });
 exports.default = void 0;
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
 var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
-
 var _DropdownContent = _interopRequireDefault(require("./DropdownContent"));
-
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
-
 var _DropdownButtonOption = _interopRequireDefault(require("./DropdownButtonOption"));
-
 var _DropdownDivOption = _interopRequireDefault(require("./DropdownDivOption"));
-
 var _DropdownLinkOption = _interopRequireDefault(require("./DropdownLinkOption"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = Object.assign(_Dropdown.default, {
+var _default = exports.default = Object.assign(_Dropdown.default, {
   Toggle: _DropdownToggle.default,
   Content: _DropdownContent.default
-});
-
-exports.default = _default;
+});

package/dropdown/subComponent/DropdownContext.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
-var DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
-var _default = DropdownContext;
-exports.default = _default;
+const DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
+var _default = exports.default = DropdownContext;