@cerebruminc/cerebellum 16.9.3 → 16.10.0

package/lib/cjs/AddButton-DoqiqOsw.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var _tslib = require('./_tslib-v5LAlAke.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+require('./colors.cjs');
+require('./IconComponentStyles-DHeDBrZd.js');
+var PlusCircle = require('./PlusCircle.cjs');
+var ButtonColorFamilyEnum = require('./ButtonColorFamilyEnum.cjs');
+require('./LoadingEllipsis-DeJDkk2Y.js');
+require('./Button.cjs');
+var SecondaryButton = require('./SecondaryButton.cjs');
+require('./ButtonVariantEnum.cjs');
+
+var Add = styled.styled.span(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  margin: 0 19px 0 -6px;\n  transition: none;\n"], ["\n  display: inline-block;\n  margin: 0 19px 0 -6px;\n  transition: none;\n"])));
+var templateObject_1;
+
+var AddButton = function (props) {
+    var _a = props.colorFamily, colorFamily = _a === void 0 ? ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.focus, focus = _c === void 0 ? false : _c, onClick = props.onClick, _d = props.text, text = _d === void 0 ? "Add" : _d;
+    return (jsxRuntime.jsx(SecondaryButton.SecondaryButton, _tslib.__assign({}, props, { buttonHeight: 39, colorFamily: colorFamily, disabled: disabled, focus: focus, Icon: PlusCircle.PlusCircle, iconSize: 20, justifyContent: "flex-start", onClick: onClick, paddingString: "0 10px", text: jsxRuntime.jsx(Add, { children: text }) })));
+};
+
+exports.AddButton = AddButton;
+//# sourceMappingURL=AddButton-DoqiqOsw.js.map

package/lib/cjs/AddButton-DoqiqOsw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddButton-DoqiqOsw.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/AddButton.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var AddButton = require('./AddButton-Du5Vbkho.js');
-require('./_tslib-Bg5RX4Sn.js');
+var AddButton = require('./AddButton-DoqiqOsw.js');
+require('./_tslib-v5LAlAke.js');
 require('react/jsx-runtime');
 require('react');
 require('styled-components');
 require('./colors.cjs');
-require('./IconComponentStyles-xAEcOFax.js');
+require('./IconComponentStyles-DHeDBrZd.js');
 require('./PlusCircle.cjs');
-require('./colors-DqvC9CiZ.js');
+require('./colors-WxmmYF4Q.js');
 require('./pressedEnter.cjs');
 require('./ButtonColorFamilyEnum.cjs');
-require('./LoadingEllipsis-CDX76_cM.js');
+require('./LoadingEllipsis-DeJDkk2Y.js');
 require('./Button.cjs');
 require('./ArrowLong.cjs');
 require('./CaretDown.cjs');

package/lib/cjs/AddMenu-Df0A4V_H.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SearchMenu = require('./SearchMenu-CyzMIjYf.js');
+var SlideIn = require('./SlideIn-DA_-OgVy.js');
+var AddButton = require('./AddButton-DoqiqOsw.js');
+var colors = require('./colors.cjs');
+var isEmptyObject = require('./isEmptyObject.cjs');
+var useMeasure = require('./useMeasure-ZRI6Anh-.js');
+var _tslib = require('./_tslib-v5LAlAke.js');
+var styled = require('styled-components');
+
+var AddMenuGroup = styled.styled.div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  max-width: ", "px;\n  position: relative;\n"], ["\n  max-width: ", "px;\n  position: relative;\n"])), function (_a) {
+    var $menuWidth = _a.$menuWidth;
+    return $menuWidth;
+});
+var templateObject_1;
+
+var AddMenu = function (_a) {
+    var altSearchStyle = _a.altSearchStyle, bottomButtonLabel = _a.bottomButtonLabel, bottomButtonClick = _a.bottomButtonClick, BottomButtonIcon = _a.BottomButtonIcon, defaultId = _a.defaultId, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, focus = _a.focus, headerTitle = _a.headerTitle, headerFunction = _a.headerFunction, headerFunctionLabel = _a.headerFunctionLabel, hideSearch = _a.hideSearch, _d = _a.idField, idField = _d === void 0 ? "id" : _d, innerSearch = _a.innerSearch, _e = _a.labelField, labelField = _e === void 0 ? "label" : _e, _f = _a.menuWidth, menuWidth = _f === void 0 ? 300 : _f, observeScrollRef = _a.observeScrollRef, _g = _a.openUp, openUp = _g === void 0 ? true : _g, onSelect = _a.onSelect, options = _a.options, preventDeselect = _a.preventDeselect, _h = _a.showSearchThreshold, showSearchThreshold = _h === void 0 ? 10 : _h, stayOpen = _a.stayOpen, renderOptionLabel = _a.renderOptionLabel, wrapText = _a.wrapText;
+    var _j = React.useState(defaultId), activeId = _j[0], setActiveId = _j[1];
+    var _k = React.useState(defaultOpen), showMenu = _k[0], setShowMenu = _k[1];
+    var _l = useMeasure.useMeasure(showMenu), targetRef = _l[0], targetMeasure = _l[1];
+    React.useEffect(function () {
+        if (isEmptyObject.isBrowser) {
+            var onScroll_1 = function () { return setShowMenu(false); };
+            // clean up code
+            var scrollElement_1 = (observeScrollRef === null || observeScrollRef === void 0 ? void 0 : observeScrollRef.current) || window;
+            scrollElement_1.removeEventListener("scroll", onScroll_1);
+            scrollElement_1.addEventListener("scroll", onScroll_1, { passive: true });
+            return function () { return scrollElement_1.removeEventListener("scroll", onScroll_1); };
+        }
+    }, []);
+    return (jsxRuntime.jsxs(AddMenuGroup, { "$menuWidth": menuWidth, children: [jsxRuntime.jsx(AddButton.AddButton, { innerRef: targetRef, onClick: function () {
+                    setShowMenu(!showMenu);
+                }, clickable: !showMenu, focus: focus, disabled: disabled }), jsxRuntime.jsx(SlideIn.SlideIn, { clickOut: function () { return setShowMenu(false); }, contentWidth: 300, height: 300, openUp: openUp, show: !disabled && showMenu, targetMeasure: targetMeasure, children: jsxRuntime.jsx(SearchMenu.SearchMenu, { activeId: activeId, altSearchStyle: altSearchStyle, bottomButtonLabel: bottomButtonLabel, bottomButtonClick: bottomButtonClick, BottomButtonIcon: BottomButtonIcon, bottomButtonColor: colors.colors.BLUE_70, bottomButtonColorHover: colors.colors.BLUE_5, headerTitle: headerTitle, headerFunction: headerFunction, headerFunctionLabel: headerFunctionLabel, hideSearch: hideSearch, innerSearch: innerSearch, idField: idField, isVisible: showMenu, labelField: labelField, onEsc: function () {
+                        setShowMenu(false);
+                        targetRef === null || targetRef === void 0 ? void 0 : targetRef.current.focus();
+                    }, onSelect: function (option) {
+                        setActiveId(option === null || option === void 0 ? void 0 : option[idField]);
+                        if (onSelect) {
+                            onSelect(option);
+                        }
+                        if (!stayOpen) {
+                            setShowMenu(false);
+                        }
+                    }, options: options, preventDeselect: preventDeselect, showSearchThreshold: showSearchThreshold, renderOptionLabel: renderOptionLabel, wrapText: wrapText }) })] }));
+};
+
+exports.AddMenu = AddMenu;
+//# sourceMappingURL=AddMenu-Df0A4V_H.js.map

package/lib/cjs/AddMenu-Df0A4V_H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddMenu-Df0A4V_H.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/AddMenu.cjs

@@ -1,52 +1,52 @@
 'use strict';
 
-var AddMenu = require('./AddMenu-BXDfszts.js');
+var AddMenu = require('./AddMenu-Df0A4V_H.js');
 require('react/jsx-runtime');
 require('react');
-require('./SearchMenu-BTccZdGK.js');
-require('./_tslib-Bg5RX4Sn.js');
+require('./SearchMenu-CyzMIjYf.js');
+require('./_tslib-v5LAlAke.js');
 require('styled-components');
-require('./Checkbox-DzpgD8Zi.js');
+require('./Checkbox-SENAWSrf.js');
 require('./colors.cjs');
-require('./IconComponentStyles-xAEcOFax.js');
+require('./IconComponentStyles-DHeDBrZd.js');
 require('./CheckboxEmpty.cjs');
-require('./colors-DqvC9CiZ.js');
+require('./colors-WxmmYF4Q.js');
 require('./pressedEnter.cjs');
 require('./CheckboxFull.cjs');
-require('./CheckboxStyles-ChHU6UBN.js');
+require('./CheckboxStyles-lPjZIstN.js');
 require('./Search.cjs');
-require('./InlineInput-Bso812sX.js');
+require('./InlineInput-DNUck8yr.js');
 require('./CloseCircle.cjs');
-require('./Inputs-JXC5t-OU.js');
-require('./Radio-KT30scfp.js');
+require('./Inputs-vmZzWbA8.js');
+require('./Radio-DOYs28fE.js');
 require('./RadioEmpty.cjs');
 require('./RadioFull.cjs');
-require('./RadioStyles-gF2at-hT.js');
-require('./TextLink-DIkNkG2-.js');
+require('./RadioStyles-BGylVSdw.js');
+require('./TextLink-DEa_PzB3.js');
 require('./IndicatorDown.cjs');
-require('./TruncatePicker-BMTunqZs.js');
-require('./Truncate-CQsBqPIX.js');
+require('./TruncatePicker-Bi1yIbKY.js');
+require('./Truncate-BqfsuHoU.js');
 require('./getPosition.cjs');
-require('./useIsomorphicLayoutEffect-BdQdmnPp.js');
+require('./useIsomorphicLayoutEffect-BicYvZ9N.js');
 require('./isEmptyObject.cjs');
-require('./useMeasure-a6i6eyyh.js');
+require('./useMeasure-ZRI6Anh-.js');
 require('./addOrRemoveById.cjs');
 require('dayjs');
 require('./ButtonColorFamilyEnum.cjs');
-require('./SearchInput-DtQT8z5j.js');
-require('./IconButton-DOK0qjMi.js');
+require('./SearchInput-QgrC8QOK.js');
+require('./IconButton-C5z_1eRc.js');
 require('./focusAfter.cjs');
 require('./useFocus.cjs');
-require('./filtering-ClS1Q_hP.js');
+require('./filtering-LXwkNfic.js');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./BodyLEmphasis.cjs');
-require('./SlideIn-DPDEQFYP.js');
+require('./SlideIn-DA_-OgVy.js');
 require('react-dom');
-require('./position-B44ExVkY.js');
-require('./AddButton-Du5Vbkho.js');
+require('./position-DYjl5WgR.js');
+require('./AddButton-DoqiqOsw.js');
 require('./PlusCircle.cjs');
-require('./LoadingEllipsis-CDX76_cM.js');
+require('./LoadingEllipsis-DeJDkk2Y.js');
 require('./Button.cjs');
 require('./ArrowLong.cjs');
 require('./CaretDown.cjs');