@clayui/multi-select
Advanced tools
Comparing version 3.5.4 to 3.5.6
@@ -6,2 +6,10 @@ # Change Log | ||
## [3.5.6](https://github.com/liferay/clay/compare/@clayui/multi-select@3.5.5...@clayui/multi-select@3.5.6) (2020-07-07) | ||
**Note:** Version bump only for package @clayui/multi-select | ||
## [3.5.5](https://github.com/liferay/clay/compare/@clayui/multi-select@3.5.4...@clayui/multi-select@3.5.5) (2020-06-18) | ||
**Note:** Version bump only for package @clayui/multi-select | ||
## [3.5.4](https://github.com/liferay/clay/compare/@clayui/multi-select@3.5.3...@clayui/multi-select@3.5.4) (2020-05-21) | ||
@@ -8,0 +16,0 @@ |
@@ -30,16 +30,20 @@ "use strict"; | ||
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); } | ||
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); } | ||
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); } | ||
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } | ||
function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); } | ||
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); } | ||
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } } | ||
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); } | ||
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); } | ||
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"); } | ||
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 _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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 _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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; } | ||
@@ -68,6 +72,6 @@ | ||
sourceItems = _ref.sourceItems; | ||
return _react.default.createElement(_dropDown.default.ItemList, null, sourceItems.filter(function (item) { | ||
return /*#__PURE__*/_react.default.createElement(_dropDown.default.ItemList, null, sourceItems.filter(function (item) { | ||
return filter(item, inputValue, locator); | ||
}).map(function (item) { | ||
return _react.default.createElement(_autocomplete.default.Item, { | ||
return /*#__PURE__*/_react.default.createElement(_autocomplete.default.Item, { | ||
key: item[locator.value], | ||
@@ -83,3 +87,3 @@ match: inputValue, | ||
var ClayMultiSelect = _react.default.forwardRef(function (_ref2, ref) { | ||
var ClayMultiSelect = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) { | ||
var _ref2$clearAllTitle = _ref2.clearAllTitle, | ||
@@ -141,3 +145,3 @@ clearAllTitle = _ref2$clearAllTitle === void 0 ? 'Clear All' : _ref2$clearAllTitle, | ||
var _React$useState3 = _react.default.useState(), | ||
var _React$useState3 = _react.default.useState(false), | ||
_React$useState4 = _slicedToArray(_React$useState3, 2), | ||
@@ -205,5 +209,5 @@ isFocused = _React$useState4[0], | ||
var containerRef = ref || defaultRef; | ||
return _react.default.createElement(_shared.FocusScope, { | ||
return /*#__PURE__*/_react.default.createElement(_shared.FocusScope, { | ||
arrowKeysUpDown: false | ||
}, _react.default.createElement("div", { | ||
}, /*#__PURE__*/_react.default.createElement("div", { | ||
className: (0, _classnames.default)('form-control form-control-tag-group input-group', { | ||
@@ -213,3 +217,3 @@ focus: isFocused && isValid | ||
ref: containerRef | ||
}, _react.default.createElement(_form.ClayInput.GroupItem, null, items.map(function (item, i) { | ||
}, /*#__PURE__*/_react.default.createElement(_form.ClayInput.GroupItem, null, items.map(function (item, i) { | ||
var removeItem = function removeItem() { | ||
@@ -219,5 +223,5 @@ return onItemsChange([].concat(_toConsumableArray(items.slice(0, i)), _toConsumableArray(items.slice(i + 1)))); | ||
return _react.default.createElement(_react.default.Fragment, { | ||
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, { | ||
key: i | ||
}, _react.default.createElement(_label.default, { | ||
}, /*#__PURE__*/_react.default.createElement(_label.default, { | ||
closeButtonProps: { | ||
@@ -253,3 +257,3 @@ 'aria-label': (0, _shared.sub)(closeButtonAriaLabel, [item[locator.label]]), | ||
spritemap: spritemap | ||
}, item[locator.label]), inputName && _react.default.createElement("input", { | ||
}, item[locator.label]), inputName && /*#__PURE__*/_react.default.createElement("input", { | ||
name: inputName, | ||
@@ -259,3 +263,3 @@ type: "hidden", | ||
})); | ||
}), _react.default.createElement("input", _extends({}, otherProps, { | ||
}), /*#__PURE__*/_react.default.createElement("input", _extends({}, otherProps, { | ||
className: "form-control-inset", | ||
@@ -281,5 +285,5 @@ disabled: disabled, | ||
value: inputValue | ||
}))), !disabled && !disabledClearAll && (inputValue || items.length > 0) && _react.default.createElement(_form.ClayInput.GroupItem, { | ||
}))), !disabled && !disabledClearAll && (inputValue || items.length > 0) && /*#__PURE__*/_react.default.createElement(_form.ClayInput.GroupItem, { | ||
shrink: true | ||
}, _react.default.createElement("button", { | ||
}, /*#__PURE__*/_react.default.createElement("button", { | ||
className: "component-action", | ||
@@ -295,10 +299,10 @@ onClick: function onClick() { | ||
type: "button" | ||
}, _react.default.createElement(_icon.default, { | ||
}, /*#__PURE__*/_react.default.createElement(_icon.default, { | ||
spritemap: spritemap, | ||
symbol: "times-circle" | ||
}))), sourceItems.length > 0 && _react.default.createElement(_autocomplete.default.DropDown, { | ||
}))), sourceItems.length > 0 && /*#__PURE__*/_react.default.createElement(_autocomplete.default.DropDown, { | ||
active: active, | ||
alignElementRef: containerRef, | ||
onSetActive: setActive | ||
}, _react.default.createElement(MenuRenderer, { | ||
}, /*#__PURE__*/_react.default.createElement(MenuRenderer, { | ||
filter: filter, | ||
@@ -305,0 +309,0 @@ inputValue: inputValue, |
{ | ||
"name": "@clayui/multi-select", | ||
"version": "3.5.4", | ||
"version": "3.5.6", | ||
"description": "ClayMultiSelect component", | ||
@@ -29,8 +29,8 @@ "license": "BSD-3-Clause", | ||
"dependencies": { | ||
"@clayui/autocomplete": "^3.1.4", | ||
"@clayui/drop-down": "^3.4.3", | ||
"@clayui/autocomplete": "^3.1.6", | ||
"@clayui/drop-down": "^3.4.5", | ||
"@clayui/form": "^3.8.0", | ||
"@clayui/icon": "^3.0.5", | ||
"@clayui/label": "^3.3.0", | ||
"@clayui/shared": "^3.1.1", | ||
"@clayui/label": "^3.3.1", | ||
"@clayui/shared": "^3.1.3", | ||
"classnames": "^2.2.6" | ||
@@ -46,3 +46,3 @@ }, | ||
], | ||
"gitHead": "ad09878fa08a6b4b61f88d6dd94cc72974ece2ca" | ||
"gitHead": "578a373f4e7cef10c2bff36871d2693ee21844f7" | ||
} |
Sorry, the diff of this file is not supported yet
946
59293
8
Updated@clayui/autocomplete@^3.1.6
Updated@clayui/drop-down@^3.4.5
Updated@clayui/label@^3.3.1
Updated@clayui/shared@^3.1.3