@flodesk/grain 7.2.0 → 7.3.1
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/es/components/select.js +140 -60
- package/package.json +3 -2
package/es/components/select.js
CHANGED
|
@@ -3,10 +3,15 @@ import "core-js/modules/es.array.index-of.js";
|
|
|
3
3
|
import "core-js/modules/es.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
5
|
import _styled from "@emotion/styled/base";
|
|
6
|
-
var _excluded = ["children", "triggerVariant"]
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
var _excluded = ["children", "triggerVariant"],
|
|
7
|
+
_excluded2 = ["option", "isSelected", "menuItemsHaveEllipsis"],
|
|
8
|
+
_excluded3 = ["children", "floating"];
|
|
9
9
|
import "core-js/modules/es.array.map.js";
|
|
10
|
+
import "core-js/modules/es.object.to-string.js";
|
|
11
|
+
import "core-js/modules/es.array.iterator.js";
|
|
12
|
+
import "core-js/modules/es.map.js";
|
|
13
|
+
import "core-js/modules/es.string.iterator.js";
|
|
14
|
+
import "core-js/modules/web.dom-collections.iterator.js";
|
|
10
15
|
|
|
11
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
17
|
|
|
@@ -33,7 +38,7 @@ var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
|
|
|
33
38
|
} : {
|
|
34
39
|
target: "e17qd7kh1",
|
|
35
40
|
label: "TriggerButton"
|
|
36
|
-
})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+
|
|
41
|
+
})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICApfVxuICA8Lz5cbikpO1xuXG5jb25zdCBnZXRUcmlnZ2VyQ29udGVudCA9IChpc011bHRpcGxlLCBzZWxlY3RlZCkgPT4ge1xuICBpZiAoaXNNdWx0aXBsZSkge1xuICAgIHJldHVybiBzZWxlY3RlZC5tYXAob3B0aW9uID0+IG9wdGlvbi5jb250ZW50KS5qb2luKCcsICcpO1xuICB9XG4gIHJldHVybiBzZWxlY3RlZC5jb250ZW50O1xufTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gKHsgY3VzdG9tVHJpZ2dlciwgdHJpZ2dlclZhcmlhbnQsIGlzTXVsdGlwbGUsIHNlbGVjdGVkIH0pID0+IHtcbiAgY29uc3QgdHJpZ2dlciA9IGdldFRyaWdnZXJDb250ZW50KGlzTXVsdGlwbGUsIHNlbGVjdGVkKTtcbiAgcmV0dXJuIChcbiAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgIHtjdXN0b21UcmlnZ2VyID8gKFxuICAgICAgICBjdXN0b21UcmlnZ2VyKHNlbGVjdGVkKVxuICAgICAgKSA6IChcbiAgICAgICAgPFRyaWdnZXIgdHJpZ2dlclZhcmlhbnQ9e3RyaWdnZXJWYXJpYW50fT57dHJpZ2dlcn08L1RyaWdnZXI+XG4gICAgICApfVxuICAgIDwvTGlzdGJveC5CdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgbWluLXdpZHRoOiAwcHg7XG5gO1xuXG5jb25zdCBTZWxlY3RNZW51T3B0aW9uID0gKHsgb3B0aW9uLCBpc1NlbGVjdGVkLCBtZW51SXRlbXNIYXZlRWxsaXBzaXMsIC4uLnByb3BzIH0pID0+IChcbiAgPExpc3Rib3guT3B0aW9uIHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfSB7Li4ucHJvcHN9PlxuICAgIHsoeyBhY3RpdmUgfSkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVJdGVtXG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0FjdGl2ZT17YWN0aXZlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0VsbGlwc2lzPXttZW51SXRlbXNIYXZlRWxsaXBzaXN9XG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICApO1xuICAgIH19XG4gIDwvTGlzdGJveC5PcHRpb24+XG4pO1xuXG5jb25zdCBTZWxlY3RJbmZvID0gKHsgbGFiZWwsIGhpbnQgfSkgPT4gKFxuICA8PlxuICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiPlxuICAgICAgICB7bGFiZWwgJiYgPExpc3Rib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0xpc3Rib3guTGFiZWw+fVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDwvQm94PlxuICAgICl9XG4gIDwvPlxuKTtcblxuY29uc3QgU2VsZWN0TWVudSA9ICh7IGNoaWxkcmVuLCBmbG9hdGluZywgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgPExpc3Rib3guT3B0aW9ucyBzdGF0aWMgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIiByZWY9e2Zsb2F0aW5nfSBhcz17TWVudUNhcmR9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MaXN0Ym94Lk9wdGlvbnM+XG4gIDwvRmxvYXRpbmdQb3J0YWw+XG4pO1xuXG5jb25zdCBnZXRJc1NlbGVjdGVkID0gKGlzTXVsdGlwbGUsIG9wdGlvbiwgc2VsZWN0ZWQpID0+IHtcbiAgaWYgKGlzTXVsdGlwbGUpIHtcbiAgICByZXR1cm4gc2VsZWN0ZWQuc29tZShzZWxlY3RlZE9wdGlvbiA9PiBzZWxlY3RlZE9wdGlvbi5jb250ZW50ID09PSBvcHRpb24uY29udGVudCk7XG4gIH1cblxuICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBzZWxlY3RlZC52YWx1ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIHRyaWdnZXI6IGN1c3RvbVRyaWdnZXIsXG4gIHRyaWdnZXJWYXJpYW50ID0gJ2JveCcsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51WkluZGV4LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXMgPSB0cnVlLFxuICBhbGxvd011bHRpcGxlLFxufSkgPT4ge1xuICBjb25zdCB7IHJlZmVyZW5jZSwgZmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzIH0gPSB1c2VNZW51UG9zaXRpb24oeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSk7XG4gIGNvbnN0IHJvb3RXaWR0aCA9IHRyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgPyAnZml0LWNvbnRlbnQnIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IG9wdGlvbk1hcCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBuZXcgTWFwKG9wdGlvbnMubWFwKG9wdGlvbiA9PiBbb3B0aW9uLnZhbHVlLCBvcHRpb25dKSk7XG4gIH0sIFtvcHRpb25zXSk7XG5cbiAgY29uc3Qgc2VsZWN0ZWQgPSB1c2VNZW1vKFxuICAgICgpID0+IChhbGxvd011bHRpcGxlID8gdmFsdWUubWFwKHZhbHVlID0+IG9wdGlvbk1hcC5nZXQodmFsdWUpKSA6IG9wdGlvbk1hcC5nZXQodmFsdWUpKSxcbiAgICBbYWxsb3dNdWx0aXBsZSwgb3B0aW9uTWFwLCB2YWx1ZV0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdGJveFxuICAgICAgYXM9e1Jvb3R9XG4gICAgICB2YWx1ZT17c2VsZWN0ZWR9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICB3aWR0aD17cm9vdFdpZHRofVxuICAgICAgbXVsdGlwbGU9e2FsbG93TXVsdGlwbGV9XG4gICAgPlxuICAgICAgeyh7IG9wZW4gfSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxTZWxlY3RJbmZvIGxhYmVsPXtsYWJlbH0gaGludD17aGludH0gLz5cblxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIHJlZj17cmVmZXJlbmNlfT5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b25cbiAgICAgICAgICAgICAgY3VzdG9tVHJpZ2dlcj17Y3VzdG9tVHJpZ2dlcn1cbiAgICAgICAgICAgICAgdHJpZ2dlclZhcmlhbnQ9e3RyaWdnZXJWYXJpYW50fVxuICAgICAgICAgICAgICBpc011bHRpcGxlPXthbGxvd011bHRpcGxlfVxuICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICA8U2VsZWN0TWVudVxuICAgICAgICAgICAgICBpc09wZW49e29wZW59XG4gICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgbWF4SGVpZ2h0PXttZW51TWF4SGVpZ2h0fVxuICAgICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgICAgIGZsb2F0aW5nPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgc3R5bGU9e2Zsb2F0aW5nU3R5bGVzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gZ2V0SXNTZWxlY3RlZChhbGxvd011bHRpcGxlLCBvcHRpb24sIHNlbGVjdGVkKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFNlbGVjdE1lbnVPcHRpb25cbiAgICAgICAgICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uPXtvcHRpb259XG4gICAgICAgICAgICAgICAgICAgIGhhc0VsbGlwc2lzPXttZW51SXRlbXNIYXZlRWxsaXBzaXN9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC9TZWxlY3RNZW51PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9MaXN0Ym94PlxuICApO1xufTtcblxuU2VsZWN0LkxhYmVsID0gRmllbGRMYWJlbDtcblNlbGVjdC5IaW50ID0gRmllbGRIaW50O1xuXG5TZWxlY3QucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIHZhbHVlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMuYXJyYXldKS5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbWVudU1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMuZnVuYyxcbiAgdHJpZ2dlclZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2JveCcsICd0ZXh0J10pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1lbnVJdGVtc0hhdmVFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGFsbG93TXVsdGlwbGU6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
|
|
37
42
|
|
|
38
43
|
var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
39
44
|
var children = _ref.children,
|
|
@@ -56,6 +61,29 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
56
61
|
}, props), children));
|
|
57
62
|
});
|
|
58
63
|
|
|
64
|
+
var getTriggerContent = function getTriggerContent(isMultiple, selected) {
|
|
65
|
+
if (isMultiple) {
|
|
66
|
+
return selected.map(function (option) {
|
|
67
|
+
return option.content;
|
|
68
|
+
}).join(', ');
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return selected.content;
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
var SelectButton = function SelectButton(_ref2) {
|
|
75
|
+
var customTrigger = _ref2.customTrigger,
|
|
76
|
+
triggerVariant = _ref2.triggerVariant,
|
|
77
|
+
isMultiple = _ref2.isMultiple,
|
|
78
|
+
selected = _ref2.selected;
|
|
79
|
+
var trigger = getTriggerContent(isMultiple, selected);
|
|
80
|
+
return ___EmotionJSX(Listbox.Button, {
|
|
81
|
+
as: Fragment
|
|
82
|
+
}, customTrigger ? customTrigger(selected) : ___EmotionJSX(Trigger, {
|
|
83
|
+
triggerVariant: triggerVariant
|
|
84
|
+
}, trigger));
|
|
85
|
+
};
|
|
86
|
+
|
|
59
87
|
var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
60
88
|
target: "e17qd7kh0"
|
|
61
89
|
} : {
|
|
@@ -67,33 +95,82 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
67
95
|
} : {
|
|
68
96
|
name: "wowqs1",
|
|
69
97
|
styles: "min-width:0px",
|
|
70
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
98
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0V1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICApfVxuICA8Lz5cbikpO1xuXG5jb25zdCBnZXRUcmlnZ2VyQ29udGVudCA9IChpc011bHRpcGxlLCBzZWxlY3RlZCkgPT4ge1xuICBpZiAoaXNNdWx0aXBsZSkge1xuICAgIHJldHVybiBzZWxlY3RlZC5tYXAob3B0aW9uID0+IG9wdGlvbi5jb250ZW50KS5qb2luKCcsICcpO1xuICB9XG4gIHJldHVybiBzZWxlY3RlZC5jb250ZW50O1xufTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gKHsgY3VzdG9tVHJpZ2dlciwgdHJpZ2dlclZhcmlhbnQsIGlzTXVsdGlwbGUsIHNlbGVjdGVkIH0pID0+IHtcbiAgY29uc3QgdHJpZ2dlciA9IGdldFRyaWdnZXJDb250ZW50KGlzTXVsdGlwbGUsIHNlbGVjdGVkKTtcbiAgcmV0dXJuIChcbiAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgIHtjdXN0b21UcmlnZ2VyID8gKFxuICAgICAgICBjdXN0b21UcmlnZ2VyKHNlbGVjdGVkKVxuICAgICAgKSA6IChcbiAgICAgICAgPFRyaWdnZXIgdHJpZ2dlclZhcmlhbnQ9e3RyaWdnZXJWYXJpYW50fT57dHJpZ2dlcn08L1RyaWdnZXI+XG4gICAgICApfVxuICAgIDwvTGlzdGJveC5CdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgbWluLXdpZHRoOiAwcHg7XG5gO1xuXG5jb25zdCBTZWxlY3RNZW51T3B0aW9uID0gKHsgb3B0aW9uLCBpc1NlbGVjdGVkLCBtZW51SXRlbXNIYXZlRWxsaXBzaXMsIC4uLnByb3BzIH0pID0+IChcbiAgPExpc3Rib3guT3B0aW9uIHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfSB7Li4ucHJvcHN9PlxuICAgIHsoeyBhY3RpdmUgfSkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVJdGVtXG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0FjdGl2ZT17YWN0aXZlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0VsbGlwc2lzPXttZW51SXRlbXNIYXZlRWxsaXBzaXN9XG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICApO1xuICAgIH19XG4gIDwvTGlzdGJveC5PcHRpb24+XG4pO1xuXG5jb25zdCBTZWxlY3RJbmZvID0gKHsgbGFiZWwsIGhpbnQgfSkgPT4gKFxuICA8PlxuICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiPlxuICAgICAgICB7bGFiZWwgJiYgPExpc3Rib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0xpc3Rib3guTGFiZWw+fVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDwvQm94PlxuICAgICl9XG4gIDwvPlxuKTtcblxuY29uc3QgU2VsZWN0TWVudSA9ICh7IGNoaWxkcmVuLCBmbG9hdGluZywgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgPExpc3Rib3guT3B0aW9ucyBzdGF0aWMgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIiByZWY9e2Zsb2F0aW5nfSBhcz17TWVudUNhcmR9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MaXN0Ym94Lk9wdGlvbnM+XG4gIDwvRmxvYXRpbmdQb3J0YWw+XG4pO1xuXG5jb25zdCBnZXRJc1NlbGVjdGVkID0gKGlzTXVsdGlwbGUsIG9wdGlvbiwgc2VsZWN0ZWQpID0+IHtcbiAgaWYgKGlzTXVsdGlwbGUpIHtcbiAgICByZXR1cm4gc2VsZWN0ZWQuc29tZShzZWxlY3RlZE9wdGlvbiA9PiBzZWxlY3RlZE9wdGlvbi5jb250ZW50ID09PSBvcHRpb24uY29udGVudCk7XG4gIH1cblxuICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBzZWxlY3RlZC52YWx1ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIHRyaWdnZXI6IGN1c3RvbVRyaWdnZXIsXG4gIHRyaWdnZXJWYXJpYW50ID0gJ2JveCcsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51WkluZGV4LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXMgPSB0cnVlLFxuICBhbGxvd011bHRpcGxlLFxufSkgPT4ge1xuICBjb25zdCB7IHJlZmVyZW5jZSwgZmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzIH0gPSB1c2VNZW51UG9zaXRpb24oeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSk7XG4gIGNvbnN0IHJvb3RXaWR0aCA9IHRyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgPyAnZml0LWNvbnRlbnQnIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IG9wdGlvbk1hcCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBuZXcgTWFwKG9wdGlvbnMubWFwKG9wdGlvbiA9PiBbb3B0aW9uLnZhbHVlLCBvcHRpb25dKSk7XG4gIH0sIFtvcHRpb25zXSk7XG5cbiAgY29uc3Qgc2VsZWN0ZWQgPSB1c2VNZW1vKFxuICAgICgpID0+IChhbGxvd011bHRpcGxlID8gdmFsdWUubWFwKHZhbHVlID0+IG9wdGlvbk1hcC5nZXQodmFsdWUpKSA6IG9wdGlvbk1hcC5nZXQodmFsdWUpKSxcbiAgICBbYWxsb3dNdWx0aXBsZSwgb3B0aW9uTWFwLCB2YWx1ZV0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdGJveFxuICAgICAgYXM9e1Jvb3R9XG4gICAgICB2YWx1ZT17c2VsZWN0ZWR9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICB3aWR0aD17cm9vdFdpZHRofVxuICAgICAgbXVsdGlwbGU9e2FsbG93TXVsdGlwbGV9XG4gICAgPlxuICAgICAgeyh7IG9wZW4gfSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxTZWxlY3RJbmZvIGxhYmVsPXtsYWJlbH0gaGludD17aGludH0gLz5cblxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIHJlZj17cmVmZXJlbmNlfT5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b25cbiAgICAgICAgICAgICAgY3VzdG9tVHJpZ2dlcj17Y3VzdG9tVHJpZ2dlcn1cbiAgICAgICAgICAgICAgdHJpZ2dlclZhcmlhbnQ9e3RyaWdnZXJWYXJpYW50fVxuICAgICAgICAgICAgICBpc011bHRpcGxlPXthbGxvd011bHRpcGxlfVxuICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICA8U2VsZWN0TWVudVxuICAgICAgICAgICAgICBpc09wZW49e29wZW59XG4gICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgbWF4SGVpZ2h0PXttZW51TWF4SGVpZ2h0fVxuICAgICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgICAgIGZsb2F0aW5nPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgc3R5bGU9e2Zsb2F0aW5nU3R5bGVzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gZ2V0SXNTZWxlY3RlZChhbGxvd011bHRpcGxlLCBvcHRpb24sIHNlbGVjdGVkKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFNlbGVjdE1lbnVPcHRpb25cbiAgICAgICAgICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uPXtvcHRpb259XG4gICAgICAgICAgICAgICAgICAgIGhhc0VsbGlwc2lzPXttZW51SXRlbXNIYXZlRWxsaXBzaXN9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC9TZWxlY3RNZW51PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9MaXN0Ym94PlxuICApO1xufTtcblxuU2VsZWN0LkxhYmVsID0gRmllbGRMYWJlbDtcblNlbGVjdC5IaW50ID0gRmllbGRIaW50O1xuXG5TZWxlY3QucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIHZhbHVlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMuYXJyYXldKS5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbWVudU1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMuZnVuYyxcbiAgdHJpZ2dlclZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2JveCcsICd0ZXh0J10pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1lbnVJdGVtc0hhdmVFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGFsbG93TXVsdGlwbGU6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */",
|
|
71
99
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
72
100
|
});
|
|
73
101
|
|
|
74
|
-
|
|
75
|
-
var
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
102
|
+
var SelectMenuOption = function SelectMenuOption(_ref3) {
|
|
103
|
+
var option = _ref3.option,
|
|
104
|
+
isSelected = _ref3.isSelected,
|
|
105
|
+
menuItemsHaveEllipsis = _ref3.menuItemsHaveEllipsis,
|
|
106
|
+
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
107
|
+
|
|
108
|
+
return ___EmotionJSX(Listbox.Option, _extends({
|
|
109
|
+
value: option,
|
|
110
|
+
as: Fragment,
|
|
111
|
+
disabled: option.isDisabled
|
|
112
|
+
}, props), function (_ref4) {
|
|
113
|
+
var active = _ref4.active;
|
|
114
|
+
return ___EmotionJSX(MenuItem, {
|
|
115
|
+
isSelected: isSelected,
|
|
116
|
+
isActive: active,
|
|
117
|
+
isDisabled: option.isDisabled,
|
|
118
|
+
hasEllipsis: menuItemsHaveEllipsis
|
|
119
|
+
}, option.content);
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
var SelectInfo = function SelectInfo(_ref5) {
|
|
124
|
+
var label = _ref5.label,
|
|
125
|
+
hint = _ref5.hint;
|
|
126
|
+
return ___EmotionJSX(React.Fragment, null, (label || hint) && ___EmotionJSX(Box, {
|
|
127
|
+
marginBottom: "betweenFormControlAndLabel"
|
|
128
|
+
}, label && ___EmotionJSX(Listbox.Label, {
|
|
129
|
+
as: FieldLabel
|
|
130
|
+
}, label), hint && ___EmotionJSX(FieldHint, null, hint)));
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
var SelectMenu = function SelectMenu(_ref6) {
|
|
134
|
+
var children = _ref6.children,
|
|
135
|
+
floating = _ref6.floating,
|
|
136
|
+
props = _objectWithoutProperties(_ref6, _excluded3);
|
|
137
|
+
|
|
138
|
+
return ___EmotionJSX(FloatingPortal, null, ___EmotionJSX(Listbox.Options, _extends({
|
|
139
|
+
static: true,
|
|
140
|
+
className: "grn-context",
|
|
141
|
+
ref: floating,
|
|
142
|
+
as: MenuCard
|
|
143
|
+
}, props), children));
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
var getIsSelected = function getIsSelected(isMultiple, option, selected) {
|
|
147
|
+
if (isMultiple) {
|
|
148
|
+
return selected.some(function (selectedOption) {
|
|
149
|
+
return selectedOption.content === option.content;
|
|
95
150
|
});
|
|
96
|
-
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
return option.value === selected.value;
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
export var Select = function Select(_ref7) {
|
|
157
|
+
var options = _ref7.options,
|
|
158
|
+
value = _ref7.value,
|
|
159
|
+
onChange = _ref7.onChange,
|
|
160
|
+
_ref7$menuPlacement = _ref7.menuPlacement,
|
|
161
|
+
menuPlacement = _ref7$menuPlacement === void 0 ? defaultProps.menuPlacement : _ref7$menuPlacement,
|
|
162
|
+
menuWidth = _ref7.menuWidth,
|
|
163
|
+
_ref7$menuMaxHeight = _ref7.menuMaxHeight,
|
|
164
|
+
menuMaxHeight = _ref7$menuMaxHeight === void 0 ? defaultProps.menuMaxHeight : _ref7$menuMaxHeight,
|
|
165
|
+
customTrigger = _ref7.trigger,
|
|
166
|
+
_ref7$triggerVariant = _ref7.triggerVariant,
|
|
167
|
+
triggerVariant = _ref7$triggerVariant === void 0 ? 'box' : _ref7$triggerVariant,
|
|
168
|
+
label = _ref7.label,
|
|
169
|
+
hint = _ref7.hint,
|
|
170
|
+
menuZIndex = _ref7.menuZIndex,
|
|
171
|
+
_ref7$menuItemsHaveEl = _ref7.menuItemsHaveEllipsis,
|
|
172
|
+
menuItemsHaveEllipsis = _ref7$menuItemsHaveEl === void 0 ? true : _ref7$menuItemsHaveEl,
|
|
173
|
+
allowMultiple = _ref7.allowMultiple;
|
|
97
174
|
|
|
98
175
|
var _useMenuPosition = useMenuPosition({
|
|
99
176
|
menuWidth: menuWidth,
|
|
@@ -104,56 +181,58 @@ export var Select = function Select(_ref2) {
|
|
|
104
181
|
floatingStyles = _useMenuPosition.floatingStyles;
|
|
105
182
|
|
|
106
183
|
var rootWidth = triggerVariant === 'text' ? 'fit-content' : undefined;
|
|
184
|
+
var optionMap = useMemo(function () {
|
|
185
|
+
return new Map(options.map(function (option) {
|
|
186
|
+
return [option.value, option];
|
|
187
|
+
}));
|
|
188
|
+
}, [options]);
|
|
189
|
+
var selected = useMemo(function () {
|
|
190
|
+
return allowMultiple ? value.map(function (value) {
|
|
191
|
+
return optionMap.get(value);
|
|
192
|
+
}) : optionMap.get(value);
|
|
193
|
+
}, [allowMultiple, optionMap, value]);
|
|
107
194
|
return ___EmotionJSX(Listbox, {
|
|
108
195
|
as: Root,
|
|
109
|
-
value:
|
|
196
|
+
value: selected,
|
|
110
197
|
onChange: onChange,
|
|
111
|
-
width: rootWidth
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
198
|
+
width: rootWidth,
|
|
199
|
+
multiple: allowMultiple
|
|
200
|
+
}, function (_ref8) {
|
|
201
|
+
var open = _ref8.open;
|
|
202
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(SelectInfo, {
|
|
203
|
+
label: label,
|
|
204
|
+
hint: hint
|
|
205
|
+
}), ___EmotionJSX(Box, {
|
|
117
206
|
position: "relative",
|
|
118
|
-
marginTop: fieldMarginTop,
|
|
119
207
|
ref: reference
|
|
120
|
-
}, ___EmotionJSX(
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
208
|
+
}, ___EmotionJSX(SelectButton, {
|
|
209
|
+
customTrigger: customTrigger,
|
|
210
|
+
triggerVariant: triggerVariant,
|
|
211
|
+
isMultiple: allowMultiple,
|
|
212
|
+
selected: selected
|
|
213
|
+
}), ___EmotionJSX(SelectMenu, {
|
|
126
214
|
isOpen: open,
|
|
127
|
-
className: "grn-context",
|
|
128
|
-
ref: floating,
|
|
129
215
|
placement: menuPlacement,
|
|
130
|
-
as: MenuCard,
|
|
131
|
-
zIndex: menuZIndex,
|
|
132
216
|
maxHeight: menuMaxHeight,
|
|
217
|
+
zIndex: menuZIndex,
|
|
218
|
+
floating: floating,
|
|
133
219
|
style: floatingStyles
|
|
134
220
|
}, options.map(function (option, index) {
|
|
135
|
-
|
|
221
|
+
var isSelected = getIsSelected(allowMultiple, option, selected);
|
|
222
|
+
return ___EmotionJSX(SelectMenuOption, {
|
|
223
|
+
isSelected: isSelected,
|
|
136
224
|
key: index,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
disabled: option.isDisabled
|
|
140
|
-
}, function (_ref4) {
|
|
141
|
-
var active = _ref4.active;
|
|
142
|
-
return ___EmotionJSX(MenuItem, {
|
|
143
|
-
isSelected: option.value === value,
|
|
144
|
-
isActive: active,
|
|
145
|
-
isDisabled: option.isDisabled,
|
|
146
|
-
hasEllipsis: menuItemsHaveEllipsis
|
|
147
|
-
}, option.content);
|
|
225
|
+
option: option,
|
|
226
|
+
hasEllipsis: menuItemsHaveEllipsis
|
|
148
227
|
});
|
|
149
|
-
}))))
|
|
228
|
+
}))));
|
|
150
229
|
});
|
|
151
230
|
};
|
|
152
231
|
Select.Label = FieldLabel;
|
|
153
232
|
Select.Hint = FieldHint;
|
|
154
233
|
Select.propTypes = {
|
|
155
234
|
options: PropTypes.array,
|
|
156
|
-
value: PropTypes.string.isRequired,
|
|
235
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,
|
|
157
236
|
onChange: PropTypes.func.isRequired,
|
|
158
237
|
menuPlacement: types.menuPlacement,
|
|
159
238
|
menuWidth: types.dimension,
|
|
@@ -163,5 +242,6 @@ Select.propTypes = {
|
|
|
163
242
|
triggerVariant: PropTypes.oneOf(['box', 'text']),
|
|
164
243
|
label: types.label,
|
|
165
244
|
hint: types.hint,
|
|
166
|
-
menuItemsHaveEllipsis: PropTypes.bool
|
|
245
|
+
menuItemsHaveEllipsis: PropTypes.bool,
|
|
246
|
+
allowMultiple: PropTypes.bool
|
|
167
247
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flodesk/grain",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.3.1",
|
|
4
4
|
"description": "Flodesk design system",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"author": "Flodesk",
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
"start": "next start",
|
|
13
13
|
"lint": "eslint --ext .js --ext .ts --ext .jsx --ext .mdx .",
|
|
14
14
|
"semantic-release": "semantic-release",
|
|
15
|
-
"build:es": "del es/* && cross-env NODE_ENV=production babel --no-babelrc --config-file ./babel.config.es.js --out-dir es --copy-files src"
|
|
15
|
+
"build:es": "del es/* && cross-env NODE_ENV=production babel --no-babelrc --config-file ./babel.config.es.js --out-dir es --copy-files src",
|
|
16
|
+
"cc": "node create-component.js"
|
|
16
17
|
},
|
|
17
18
|
"publishConfig": {
|
|
18
19
|
"access": "public"
|