@adamjanicki/ui 1.1.8 → 1.2.0
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/components/Select/Select.js +2 -2
- package/package.json +1 -1
- package/style.css +3 -0
|
@@ -25,7 +25,7 @@ import { forwardRef } from "react";
|
|
|
25
25
|
import { classNames } from "../../utils/util";
|
|
26
26
|
var identity = function (x) { return x; };
|
|
27
27
|
var Select = function (_a, ref) {
|
|
28
|
-
var className = _a.className, options = _a.options, _b = _a.getOptionValue, getOptionValue = _b === void 0 ? identity : _b, _c = _a.getOptionLabel, getOptionLabel = _c === void 0 ? identity : _c, _d = _a.corners, corners = _d === void 0 ? "rounded" : _d,
|
|
29
|
-
return (_jsxs("div", { className: classNames("ajui-select-container", disabled ? "ajui-select-disabled" : undefined, className)
|
|
28
|
+
var className = _a.className, options = _a.options, _b = _a.getOptionValue, getOptionValue = _b === void 0 ? identity : _b, _c = _a.getOptionLabel, getOptionLabel = _c === void 0 ? identity : _c, _d = _a.corners, corners = _d === void 0 ? "rounded" : _d, _e = _a.style, style = _e === void 0 ? {} : _e, innerStyle = _a.innerStyle, innerClassName = _a.innerClassName, disabled = _a.disabled, props = __rest(_a, ["className", "options", "getOptionValue", "getOptionLabel", "corners", "style", "innerStyle", "innerClassName", "disabled"]);
|
|
29
|
+
return (_jsxs("div", { className: classNames("ajui-select-container", disabled ? "ajui-select-disabled" : undefined, className) || undefined, children: [_jsx("select", __assign({}, props, { ref: ref, className: classNames("ajui-select-base corners--".concat(corners), innerClassName), style: innerStyle, disabled: disabled, children: options.map(function (option, index) { return (_jsx("option", { value: getOptionValue(option), children: getOptionLabel(option) }, index)); }) })), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", className: "ajui-select-triangle", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", d: "M 29.175781 50.824219 C 30.738281 52.386719 33.273438 52.386719 34.835938 50.824219 L 58.835938 26.824219 C 60.398438 25.261719 60.398438 22.726562 58.835938 21.164062 C 57.273438 19.601562 54.738281 19.601562 53.175781 21.164062 L 32 42.335938 L 10.824219 21.175781 C 9.261719 19.613281 6.726562 19.613281 5.164062 21.175781 C 3.601562 22.738281 3.601562 25.273438 5.164062 26.835938 L 29.164062 50.835938 Z M 29.175781 50.824219" }) })] }));
|
|
30
30
|
};
|
|
31
31
|
export default forwardRef(Select);
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -296,6 +296,8 @@ a {
|
|
|
296
296
|
/* Select */
|
|
297
297
|
.ajui-select-container {
|
|
298
298
|
position: relative;
|
|
299
|
+
padding: 0;
|
|
300
|
+
width: fit-content;
|
|
299
301
|
}
|
|
300
302
|
|
|
301
303
|
.ajui-select-disabled {
|
|
@@ -304,6 +306,7 @@ a {
|
|
|
304
306
|
}
|
|
305
307
|
|
|
306
308
|
.ajui-select-base {
|
|
309
|
+
width: 100%;
|
|
307
310
|
color: inherit;
|
|
308
311
|
outline: 0px solid transparent;
|
|
309
312
|
border: none;
|