@cerebruminc/cerebellum 12.0.2 → 12.1.0

package/lib/cjs/AddButton-91ec6c74.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var _tslib = require('./_tslib-955e611e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('./Button.cjs');
+var SecondaryButton = require('./SecondaryButton.cjs');
+require('./ButtonVariantEnum.cjs');
+require('./colors.cjs');
+require('chroma-js');
+require('./IconComponentStyles-64e1c8e7.js');
+var PlusCircle = require('./PlusCircle.cjs');
+var ButtonColorFamilyEnum = require('./ButtonColorFamilyEnum.cjs');
+var styled = require('styled-components');
+
+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 DEFAULT_TEXT = "Add";
+var AddButton = function (props) {
+    var _a = props.colorFamily, colorFamily = _a === void 0 ? ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue : _a, disabled = props.disabled, focus = props.focus, onClick = props.onClick, _b = props.text, text = _b === void 0 ? DEFAULT_TEXT : _b;
+    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 }, void 0) }), void 0));
+};
+AddButton.defaultProps = {
+    colorFamily: ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue,
+    disabled: false,
+    focus: false,
+    text: DEFAULT_TEXT,
+};
+
+exports.AddButton = AddButton;
+//# sourceMappingURL=AddButton-91ec6c74.js.map

package/lib/cjs/AddButton-91ec6c74.js.map

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

package/lib/cjs/AddButton.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AddButton = require('./AddButton-9f4761e9.js');
-require('./tslib.es6-e6f346c4.js');
+var AddButton = require('./AddButton-91ec6c74.js');
+require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('./Button.cjs');
 require('react');
@@ -11,13 +11,13 @@ require('styled-components');
 require('./colors.cjs');
 require('./pressedEnter.cjs');
 require('chroma-js');
-require('./IconComponentStyles-19eeffe1.js');
+require('./IconComponentStyles-64e1c8e7.js');
 require('./ArrowLong.cjs');
-require('./colors-32889cfc.js');
+require('./colors-2477135e.js');
 require('./CaretDown.cjs');
 require('./IndicatorDown.cjs');
 require('./ButtonColorFamilyEnum.cjs');
-require('./LoadingEllipsis-355e5c8a.js');
+require('./LoadingEllipsis-b9895744.js');
 require('./SecondaryButton.cjs');
 require('./ButtonVariantEnum.cjs');
 require('./PlusCircle.cjs');

package/lib/cjs/AddMenu-a64a9638.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var _tslib = require('./_tslib-955e611e.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SearchMenu = require('./SearchMenu-6c4683eb.js');
+var SlideIn = require('./SlideIn-60a3400a.js');
+var colors = require('./colors.cjs');
+var AddButton = require('./AddButton-91ec6c74.js');
+var isEmptyObject = require('./isEmptyObject.cjs');
+var useMeasure = require('./useMeasure-99851af4.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, disabled = _a.disabled, focus = _a.focus, headerTitle = _a.headerTitle, headerFunction = _a.headerFunction, headerFunctionLabel = _a.headerFunctionLabel, hideSearch = _a.hideSearch, _c = _a.idField, idField = _c === void 0 ? "id" : _c, innerSearch = _a.innerSearch, _d = _a.labelField, labelField = _d === void 0 ? "label" : _d, menuWidth = _a.menuWidth, observeScrollRef = _a.observeScrollRef, openUp = _a.openUp, onSelect = _a.onSelect, options = _a.options, preventDeselect = _a.preventDeselect, showSearchThreshold = _a.showSearchThreshold, stayOpen = _a.stayOpen, renderOptionLabel = _a.renderOptionLabel, wrapText = _a.wrapText;
+    var _e = React.useState(defaultId), activeId = _e[0], setActiveId = _e[1];
+    var _f = React.useState(defaultOpen), showMenu = _f[0], setShowMenu = _f[1];
+    var _g = useMeasure.useMeasure(showMenu), targetRef = _g[0], targetMeasure = _g[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, _tslib.__assign({ "$menuWidth": menuWidth }, { children: [jsxRuntime.jsx(AddButton.AddButton, { innerRef: targetRef, onClick: function () {
+                    setShowMenu(!showMenu);
+                }, clickable: !showMenu, focus: focus, disabled: disabled }, void 0), jsxRuntime.jsx(SlideIn.SlideIn, _tslib.__assign({ 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 }, void 0) }), void 0)] }), void 0));
+};
+AddMenu.defaultProps = {
+    defaultOpen: false,
+    disabled: false,
+    idField: "id",
+    labelField: "label",
+    menuWidth: 300,
+    openUp: true,
+    showSearchThreshold: 10,
+};
+
+exports.AddMenu = AddMenu;
+//# sourceMappingURL=AddMenu-a64a9638.js.map

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

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

package/lib/cjs/AddMenu.cjs

@@ -2,55 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AddMenu = require('./AddMenu-425cf850.js');
-require('./tslib.es6-e6f346c4.js');
+var AddMenu = require('./AddMenu-a64a9638.js');
+require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('react');
-require('./SearchMenu-e953fd57.js');
+require('./SearchMenu-6c4683eb.js');
 require('styled-components');
-require('./Checkbox-2f16c7ee.js');
+require('./Checkbox-f3ca8d4d.js');
 require('./colors.cjs');
 require('chroma-js');
-require('./IconComponentStyles-19eeffe1.js');
+require('./IconComponentStyles-64e1c8e7.js');
 require('./CheckboxEmpty.cjs');
-require('./colors-32889cfc.js');
+require('./colors-2477135e.js');
 require('./pressedEnter.cjs');
 require('./CheckboxFull.cjs');
 require('./Search.cjs');
-require('./InlineInput-b5f03319.js');
+require('./InlineInput-ddd9d167.js');
 require('./CloseCircle.cjs');
-require('./Inputs-cb571a0e.js');
-require('./Radio-eb655a9b.js');
+require('./Inputs-e71bb0b9.js');
+require('./Radio-eb69f788.js');
 require('./RadioEmpty.cjs');
 require('./RadioFull.cjs');
-require('./RadioStyles-384c584e.js');
-require('./TextLink-157c361e.js');
+require('./RadioStyles-12980dcd.js');
+require('./TextLink-8e494fdc.js');
 require('./IndicatorDown.cjs');
-require('./TruncatePicker-77966338.js');
-require('./Truncate-b4a7c5ab.js');
+require('./TruncatePicker-36c3071c.js');
+require('./Truncate-04d964ee.js');
 require('./getPosition.cjs');
 require('./useIsomorphicLayoutEffect-e0094154.js');
 require('./isEmptyObject.cjs');
-require('./useMeasure-440c9faa.js');
+require('./useMeasure-99851af4.js');
 require('dayjs');
 require('./addOrRemoveById.cjs');
 require('./ButtonColorFamilyEnum.cjs');
-require('./SearchInput-840e3198.js');
-require('./IconButton-94ac0475.js');
+require('./SearchInput-5cf8e588.js');
+require('./IconButton-748b96b1.js');
 require('./focusAfter.cjs');
 require('./useFocus.cjs');
-require('./filtering-366fbc3f.js');
+require('./filtering-43f0db28.js');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./BodyLEmphasis.cjs');
-require('./SlideIn-29d79188.js');
+require('./SlideIn-60a3400a.js');
 require('react-dom');
 require('./position-0d230ab8.js');
-require('./AddButton-9f4761e9.js');
+require('./AddButton-91ec6c74.js');
 require('./Button.cjs');
 require('./ArrowLong.cjs');
 require('./CaretDown.cjs');
-require('./LoadingEllipsis-355e5c8a.js');
+require('./LoadingEllipsis-b9895744.js');
 require('./SecondaryButton.cjs');
 require('./ButtonVariantEnum.cjs');
 require('./PlusCircle.cjs');