@bigbinary/neetoui 6.3.5 → 6.3.7

package/index.d.ts

@@ -260,7 +260,7 @@ export interface DropdownProps {
   closeOnSelect?: boolean;
   closeOnOutsideClick?: boolean;
   dropdownModifiers?: any[];
-  trigger?: "click" | "hover";
+  trigger?: "click" | "hover" | "all" | "manual";
   strategy?: "absolute" | "fixed";
   onClick?: () => void;
   /** @deprecated Prop deprecated. Use `dropdownProps` prop instead*/

package/index.js

@@ -15749,8 +15749,8 @@ var Tooltip = function Tooltip(_ref) {
 };
 
 var _excluded$I = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
-function ownKeys$p(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$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$q(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$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -15852,7 +15852,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       disabled: disabled
     }),
     onClick: handleClick
-  }, _objectSpread$o(_objectSpread$o({
+  }, _objectSpread$p(_objectSpread$p({
     disabled: disabled,
     ref: ref
   }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default.createElement("span", null, renderLabel), icon ? loading ? /*#__PURE__*/React__default.createElement(Spinner$1, {
@@ -15923,8 +15923,8 @@ var MenuItem$1 = function MenuItem(_ref) {
 };
 
 var _excluded$F = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
-function ownKeys$o(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$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$p(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$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ITEM_BTN_STYLES = {
   "default": "default",
   danger: "danger"
@@ -15977,7 +15977,7 @@ var MenuItemButton = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       "neeto-ui-dropdown__popup-menu-item-btn--disabled": isDisabled,
       "neeto-ui-dropdown__popup-menu-item-btn--style-danger": style === ITEM_BTN_STYLES.danger
     })
-  }, _objectSpread$n(_objectSpread$n({
+  }, _objectSpread$o(_objectSpread$o({
     ref: ref
   }, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-dropdown__popup-menu-item-btn__prefix"
@@ -15992,6 +15992,8 @@ MenuItem$1.Button = MenuItemButton;
 var _excluded$E = ["style", "size"],
   _excluded2$4 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
   _excluded3 = ["classNames"];
+function ownKeys$o(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$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BTN_STYLES$1 = {
   primary: "primary",
   secondary: "secondary",
@@ -16028,7 +16030,9 @@ var PLACEMENT = {
 };
 var TRIGGERS = {
   click: "click",
-  hover: "mouseenter focus"
+  hover: "mouseenter focus",
+  all: "mouseenter focus click",
+  manual: "manual"
 };
 var hideOnEsc = {
   name: "hideOnEsc",
@@ -16123,7 +16127,6 @@ var Dropdown = function Dropdown(_ref2) {
     maxWidth: "none",
     offset: 0,
     placement: position || PLACEMENT.bottomEnd,
-    plugins: plugins,
     popperOptions: {
       strategy: strategy,
       modifiers: dropdownModifiers
@@ -16147,17 +16150,19 @@ var Dropdown = function Dropdown(_ref2) {
       onClose();
       setMounted(false);
     }
-  }, otherProps, controlledProps), customTarget ? /*#__PURE__*/React__default.createElement("span", {
+  }, _objectSpread$n(_objectSpread$n({
+    plugins: plugins
+  }, otherProps), controlledProps)), customTarget ? /*#__PURE__*/React__default.createElement("span", {
     onClick: onClick
   }, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/React__default.createElement(Button, _extends$4({
+    label: label,
+    onClick: onClick,
     "data-cy": "".concat(hyphenize(label), "-dropdown-icon"),
     disabled: disabled || (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled),
     icon: icon || Down,
     iconPosition: "right",
-    label: label,
     size: size !== null && size !== void 0 ? size : buttonSize,
-    style: style !== null && style !== void 0 ? style : buttonStyle,
-    onClick: onClick
+    style: style !== null && style !== void 0 ? style : buttonStyle
   }, buttonProps)));
 };
 Dropdown.Menu = Menu$3;
@@ -39933,7 +39938,7 @@ var Table = function Table(_ref) {
   return enableColumnReorder ? /*#__PURE__*/React__default.createElement(ReactDragListView.DragColumn, dragProps, renderTable()) : renderTable();
 };
 
-var _excluded$3 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
+var _excluded$3 = ["size", "resize", "suffix", "prefix", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
 function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES = {
@@ -39941,12 +39946,25 @@ var SIZES = {
   medium: "medium",
   large: "large"
 };
+var ROWS = {
+  small: 1,
+  medium: 3,
+  large: 4
+};
+var RESIZE = {
+  vertical: "vertical",
+  none: "none"
+};
 var Textarea = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref2, _otherProps$value, _otherProps$onChange;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES.medium : _ref$size,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? 3 : _ref$rows,
+    _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? RESIZE.vertical : _ref$resize,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? null : _ref$suffix,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? null : _ref$prefix,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$required = _ref.required,
@@ -40007,21 +40025,27 @@ var Textarea = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       "neeto-ui-input--error": !!error,
       "neeto-ui-input--disabled": !!disabled,
       "neeto-ui-input--naked": !!nakedTextarea,
-      "neeto-ui-input--small": size === "small",
-      "neeto-ui-input--medium": size === "medium",
-      "neeto-ui-input--large": size === "large"
+      "neeto-ui-input--small": size === SIZES.small,
+      "neeto-ui-input--medium": size === SIZES.medium,
+      "neeto-ui-input--large": size === SIZES.large,
+      "neeto-ui-input--resize--vertical": resize === RESIZE.vertical,
+      "neeto-ui-input--resize--none": resize === RESIZE.none
     })
-  }, /*#__PURE__*/React__default.createElement("textarea", _extends$4({
-    ref: textareaRef
+  }, prefix && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__prefix"
+  }, prefix), /*#__PURE__*/React__default.createElement("textarea", _extends$4({
+    ref: textareaRef,
+    rows: ROWS[size]
   }, _objectSpread$4(_objectSpread$4(_objectSpread$4({
-    disabled: disabled,
-    rows: rows
+    disabled: disabled
   }, isMaxLengthPresent && !unlimitedChars && {
     maxLength: maxLength
   }), otherProps), {}, {
     onChange: onChange,
     value: value
-  })))), !!error && /*#__PURE__*/React__default.createElement("p", {
+  }))), suffix && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__suffix"
+  }, suffix)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId