@cerebruminc/cerebellum 13.6.2 → 13.7.0

package/lib/cjs/AddButton-DyK-a7n4.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var _tslib = require('./_tslib-D1hVYMxL.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+require('./colors.cjs');
+require('./IconComponentStyles-L6hjDfi4.js');
+var PlusCircle = require('./PlusCircle.cjs');
+var ButtonColorFamilyEnum = require('./ButtonColorFamilyEnum.cjs');
+require('./LoadingEllipsis-BGo19b2l.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-DyK-a7n4.js.map

package/lib/cjs/AddButton-DyK-a7n4.js.map

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

package/lib/cjs/AddButton.cjs

@@ -1,19 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AddButton = require('./AddButton-9661ff47.js');
-require('./_tslib-955e611e.js');
+var AddButton = require('./AddButton-DyK-a7n4.js');
+require('./_tslib-D1hVYMxL.js');
 require('react/jsx-runtime');
 require('react');
 require('styled-components');
 require('./colors.cjs');
-require('./IconComponentStyles-64e1c8e7.js');
+require('./IconComponentStyles-L6hjDfi4.js');
 require('./PlusCircle.cjs');
-require('./colors-92a8b0d4.js');
+require('./colors-BudXQEyU.js');
 require('./pressedEnter.cjs');
 require('./ButtonColorFamilyEnum.cjs');
-require('./LoadingEllipsis-b9895744.js');
+require('./LoadingEllipsis-BGo19b2l.js');
 require('./Button.cjs');
 require('./ArrowLong.cjs');
 require('./CaretDown.cjs');

package/lib/cjs/AddButton.cjs.map

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

package/lib/cjs/AddMenu-M4Ajt8eK.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SearchMenu = require('./SearchMenu-NMsXfJEh.js');
+var SlideIn = require('./SlideIn-C6k0qqHF.js');
+var AddButton = require('./AddButton-DyK-a7n4.js');
+var colors = require('./colors.cjs');
+var isEmptyObject = require('./isEmptyObject.cjs');
+var useMeasure = require('./useMeasure-CX_PwyjW.js');
+var _tslib = require('./_tslib-D1hVYMxL.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-M4Ajt8eK.js.map

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

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

package/lib/cjs/AddMenu.cjs

@@ -1,54 +1,52 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AddMenu = require('./AddMenu-6bd2f72d.js');
-require('./_tslib-955e611e.js');
+var AddMenu = require('./AddMenu-M4Ajt8eK.js');
 require('react/jsx-runtime');
 require('react');
-require('./SearchMenu-b6ed0bc1.js');
+require('./SearchMenu-NMsXfJEh.js');
+require('./_tslib-D1hVYMxL.js');
 require('styled-components');
-require('./Checkbox-0d70281a.js');
+require('./Checkbox-GaTqCUza.js');
 require('./colors.cjs');
-require('./IconComponentStyles-64e1c8e7.js');
+require('./IconComponentStyles-L6hjDfi4.js');
 require('./CheckboxEmpty.cjs');
-require('./colors-92a8b0d4.js');
+require('./colors-BudXQEyU.js');
 require('./pressedEnter.cjs');
 require('./CheckboxFull.cjs');
-require('./CheckboxStyles-08f5ed2e.js');
+require('./CheckboxStyles-B6boW0mF.js');
 require('./Search.cjs');
-require('./InlineInput-bf9600d9.js');
+require('./InlineInput-Ct3Zz8pE.js');
 require('./CloseCircle.cjs');
-require('./Inputs-0137c1dc.js');
-require('./Radio-a65e26b9.js');
+require('./Inputs-C0rtyojv.js');
+require('./Radio-C0Z72B-6.js');
 require('./RadioEmpty.cjs');
 require('./RadioFull.cjs');
-require('./RadioStyles-12980dcd.js');
-require('./TextLink-eff403bf.js');
+require('./RadioStyles-_VGV6k7E.js');
+require('./TextLink-lFL9kG_1.js');
 require('./IndicatorDown.cjs');
-require('./TruncatePicker-d5c6b904.js');
-require('./Truncate-a6cbf6cb.js');
+require('./TruncatePicker-BAm5WSXv.js');
+require('./Truncate-DSAmkPQL.js');
 require('./getPosition.cjs');
-require('./useIsomorphicLayoutEffect-e0094154.js');
+require('./useIsomorphicLayoutEffect-kdlV9QVN.js');
 require('./isEmptyObject.cjs');
-require('./useMeasure-39ee8db4.js');
+require('./useMeasure-CX_PwyjW.js');
 require('./addOrRemoveById.cjs');
 require('dayjs');
 require('./ButtonColorFamilyEnum.cjs');
-require('./SearchInput-6feeaeda.js');
-require('./IconButton-19840962.js');
+require('./SearchInput-C_l6yEs0.js');
+require('./IconButton-CQJHjOTO.js');
 require('./focusAfter.cjs');
 require('./useFocus.cjs');
-require('./filtering-43f0db28.js');
+require('./filtering-BklQ4Sgb.js');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./BodyLEmphasis.cjs');
-require('./SlideIn-e0c6cb92.js');
+require('./SlideIn-C6k0qqHF.js');
 require('react-dom');
-require('./position-0d230ab8.js');
-require('./AddButton-9661ff47.js');
+require('./position-Ccz-m8HN.js');
+require('./AddButton-DyK-a7n4.js');
 require('./PlusCircle.cjs');
-require('./LoadingEllipsis-b9895744.js');
+require('./LoadingEllipsis-BGo19b2l.js');
 require('./Button.cjs');
 require('./ArrowLong.cjs');
 require('./CaretDown.cjs');

package/lib/cjs/AddMenu.cjs.map

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