tabler-react-2 0.1.170 → 0.1.171
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/input/dropdown.js +6 -38
- package/package.json +1 -1
package/dist/input/dropdown.js
CHANGED
|
@@ -8,16 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _index = require("../index");
|
|
10
10
|
var _util = require("../util");
|
|
11
|
-
var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight", "required", "autofocusSearch"
|
|
11
|
+
var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight", "required", "autofocusSearch"];
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
13
|
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); }
|
|
14
14
|
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 && {}.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; }
|
|
15
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
20
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
16
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
22
17
|
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."); }
|
|
23
18
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
@@ -28,7 +23,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
28
23
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
29
24
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
30
25
|
var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
|
|
31
|
-
var _selectedValue$dropdo;
|
|
32
26
|
var prompt = _ref.prompt,
|
|
33
27
|
ivalues = _ref.values,
|
|
34
28
|
items = _ref.items,
|
|
@@ -52,7 +46,6 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
|
|
|
52
46
|
required = _ref.required,
|
|
53
47
|
_ref$autofocusSearch = _ref.autofocusSearch,
|
|
54
48
|
autofocusSearch = _ref$autofocusSearch === void 0 ? false : _ref$autofocusSearch,
|
|
55
|
-
className = _ref.className,
|
|
56
49
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
57
50
|
var values = ivalues || items || [];
|
|
58
51
|
var getLabelText = function getLabelText(val) {
|
|
@@ -120,40 +113,15 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
|
|
|
120
113
|
setSelectedValue(val);
|
|
121
114
|
onChange(val);
|
|
122
115
|
};
|
|
123
|
-
var displayContent = selectedValue ? (_selectedValue$dropdo = selectedValue.dropdownText) !== null && _selectedValue$dropdo !== void 0 ? _selectedValue$dropdo : selectedValue.label : prompt;
|
|
124
|
-
var dropdownToggleProps = _objectSpread(_objectSpread({}, aprops), {}, {
|
|
125
|
-
style: _objectSpread({
|
|
126
|
-
maxWidth: "100%"
|
|
127
|
-
}, (aprops === null || aprops === void 0 ? void 0 : aprops.style) || {})
|
|
128
|
-
});
|
|
129
|
-
var dropdownWrapperProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
130
|
-
style: _objectSpread({
|
|
131
|
-
maxWidth: "100%"
|
|
132
|
-
}, (props === null || props === void 0 ? void 0 : props.style) || {})
|
|
133
|
-
});
|
|
134
116
|
var dropdownContent = /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
135
117
|
className: "dropdown"
|
|
136
|
-
},
|
|
118
|
+
}, props), /*#__PURE__*/_react["default"].createElement("a", _extends({
|
|
137
119
|
href: "javascript:void(0)",
|
|
138
|
-
className: "btn dropdown-toggle ".concat(props.disabled ? "disabled" : "", " ").concat(color ? "btn-".concat(outline ? "outline-" : "").concat(color) : "", " ").concat(className || "", " ").concat(props.invalid ? "is-invalid" : ""),
|
|
120
|
+
className: "btn dropdown-toggle ".concat(props.disabled ? "disabled" : "", " ").concat(color ? "btn-".concat(outline ? "outline-" : "").concat(color) : "", " ").concat(props.className || "", " ").concat(props.invalid ? "is-invalid" : ""),
|
|
139
121
|
"data-bs-toggle": "dropdown"
|
|
140
|
-
},
|
|
141
|
-
gap: 0.5
|
|
142
|
-
|
|
143
|
-
style: {
|
|
144
|
-
maxWidth: "100%",
|
|
145
|
-
overflow: "hidden",
|
|
146
|
-
minWidth: 0
|
|
147
|
-
}
|
|
148
|
-
}, selectedValue && props.showIconInPrompt ? selectedValue.icon : null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
149
|
-
style: {
|
|
150
|
-
overflow: "hidden",
|
|
151
|
-
textOverflow: "ellipsis",
|
|
152
|
-
whiteSpace: "nowrap",
|
|
153
|
-
flex: "0 1 auto",
|
|
154
|
-
minWidth: 0
|
|
155
|
-
}
|
|
156
|
-
}, displayContent))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
122
|
+
}, aprops), /*#__PURE__*/_react["default"].createElement(_util.Row, {
|
|
123
|
+
gap: 0.5
|
|
124
|
+
}, selectedValue && props.showIconInPrompt ? selectedValue.icon : null, selectedValue ? selectedValue.label : prompt)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
157
125
|
className: "dropdown-menu"
|
|
158
126
|
}, showSearch && /*#__PURE__*/_react["default"].createElement("div", {
|
|
159
127
|
className: "px-2 py-1"
|