@cerebruminc/cerebellum 16.1.1 → 16.2.0

package/lib/esm/FormWrapper.js

@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
 import './Loading.js';
 import './Scroller.js';
 import './Inputs-C6OWHviY.js';
-export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-BQJPyTS0.js';
+export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-CyqyMC1o.js';
 import 'react/jsx-runtime';
 import './IconComponentStyles-BwczcTS4.js';
 import './CheckboxStyles-Cx6hCn3t.js';
@@ -16,6 +16,8 @@ import './Switches-yNTNw1zb.js';
 import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
 import './SwitchTypeEnum.js';
 import './addOrRemoveById.js';
+import './validateColorContrast.js';
+import './pressedEnter.js';
 import './formatBytesToString.js';
 import './northAmericanNumberingPlanRegex.js';
 import 'yup';

package/lib/esm/FormWrapper.js.map

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

package/lib/esm/{FormikContainer-SJPYfIkF.js → FormikContainer-uI5oe1px.js}

@@ -18,14 +18,15 @@ import { u as useMeasure } from './useMeasure-D89v6c_A.js';
 import { usePrevious } from './usePrevious.js';
 import './Loading.js';
 import { ShortScroller } from './Scroller.js';
-import { L as LoadingBase, b as LoadingBox, c as LoadingLabel, d as LoadingInput, e as FieldBox, f as LeftGutter, g as LeftLabel, H as HelperTextGrid, I as InputBox, R as RightGutter, V as ValidationTextGrid, h as formHasValues, D as DefaultPixelWidth, i as RemovableFieldBox, j as RemoveButtonWrapper, k as RemovableButtonBox, a as FormSeparator, T as TitleGroup, l as Text, S as SubHeader, m as InlineFieldGrid, n as InlineFieldCell, C as CenterCheckbox, o as CenterToggle, p as FormGroup, q as FormTitleGroup, r as Title, s as ClearFormButtonWrap, t as shouldFade, A as AddButtonGroup, u as AddButtonBox, B as ButtonGroup, v as SubmitButton, w as CancelButton, x as formatValidation, y as formatInitialValues } from './FormStyles-BQJPyTS0.js';
+import { L as LoadingBase, b as LoadingBox, c as LoadingLabel, d as LoadingInput, e as FieldBox, f as LeftGutter, g as LeftLabel, H as HelperTextGrid, I as InputBox, R as RightGutter, V as ValidationTextGrid, h as formHasValues, D as DefaultPixelWidth, i as RemovableFieldBox, j as RemoveButtonWrapper, k as RemovableButtonBox, a as FormSeparator, T as TitleGroup, l as Text, S as SubHeader, m as InlineFieldGrid, n as InlineFieldCell, C as CenterCheckbox, o as CenterToggle, p as FormGroup, q as FormTitleGroup, r as Title, s as ClearFormButtonWrap, t as shouldFade, A as AddButtonGroup, u as AddButtonBox, B as ButtonGroup, v as SubmitButton, w as CancelButton, x as formatValidation, y as formatInitialValues } from './FormStyles-CyqyMC1o.js';
 import { A as AddressInput } from './AddressInput-OGU58AzF.js';
 import { A as Asterisk } from './Inputs-C6OWHviY.js';
 import { flushSync } from 'react-dom';
 import { C as CheckboxItem } from './CheckboxItem-CqZ7Bo3j.js';
 import { C as CheckboxGroup } from './CheckboxGroup-DLMaYrFn.js';
+import { I as InlineColorPickerInput, C as ColorPickerInput } from './ColorPickerInput-S8X2gIA5.js';
 import { C as ConfigurableInput } from './ConfigurableInput-BjJTNTyz.js';
-import { isSelectOptionType, isSwitchMenuOptionsType, isArrayOfSelectOptionsType, isAddress, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isMultiSelect, isNumber, isPassword, isPhone, isSelect, isSocialSecurity, isStateSelect, isZipCode, isText, RemovableFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isImagePicker, isToggle, isFormFieldType, isCheckboxGroup, isConfigurableInput, isHidden, isNationalitySelect, isRadioGroup, isRemovable, isTextarea, isToggleGroup } from './FormFieldTypeEnum.js';
+import { isSelectOptionType, isSwitchMenuOptionsType, isArrayOfSelectOptionsType, isAddress, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isMultiSelect, isNumber, isPassword, isPhone, isSelect, isSocialSecurity, isStateSelect, isZipCode, isText, RemovableFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isImagePicker, isToggle, isFormFieldType, isCheckboxGroup, isColorPicker, isConfigurableInput, isHidden, isNationalitySelect, isRadioGroup, isRemovable, isTextarea, isToggleGroup } from './FormFieldTypeEnum.js';
 import { c as countryList, C as CountryDropdown, F as Flag } from './CountryDropdown-lsqagQgA.js';
 import { stateAbbreviationLookup } from './stateAbbreviationLookup.js';
 import { usCounties } from './usCounties.js';
@@ -37,7 +38,7 @@ import { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
 import { I as InlineCurrencyInput } from './InlineCurrencyInput-DPpU3QyZ.js';
 import { getFloatValueFromString } from './formatBytesToString.js';
 import { DatePicker } from './DatePicker.js';
-import { I as InlineDatePicker } from './InlineDatePicker-ClVBWEzW.js';
+import { I as InlineDatePicker } from './InlineDatePicker-BuxjkoV0.js';
 import './CheckboxStyles-Cx6hCn3t.js';
 import './RadioStyles-CjeGoQU0.js';
 import './ToggleStyles-DxTKSAXl.js';
@@ -191,6 +192,32 @@ var CheckboxGroupField = function (_a) {
                     }, required: required && !disabled, showValidationMessage: !leftLabels && showValidationMessage, validationMessage: validationMessage })) })), leftLabels && (jsx(RightGutter, { "$switchSpacing": true, children: jsx(ValidationTextGrid, { "$showValidationMessage": showValidationMessage, "$switchSpacing": true, children: validationMessage }) }))] }));
 };
 
+var ColorPickerField = function (_a) {
+    var fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, rowGap = _a.rowGap, setHasValues = _a.setHasValues, setSubmitAttempt = _a.setSubmitAttempt, submitAttempt = _a.submitAttempt, submitOnBlur = _a.submitOnBlur;
+    var theme = useTheme();
+    var values = formikProps.values, errors = formikProps.errors, touched = formikProps.touched, handleBlur = formikProps.handleBlur, handleChange = formikProps.handleChange, submitForm = formikProps.submitForm;
+    var _b = field.disabled, disabled = _b === void 0 ? false : _b, fieldLabel = field.fieldLabel, name = field.name, nextGap = field.nextGap, _c = field.options, options = _c === void 0 ? {} : _c, width = field.width;
+    var helperText = options.helperText, onInputBlur = options.onInputBlur, onChange = options.onChange;
+    var showValidationMessage = (touched[name] || submitAttempt) && !!errors[name];
+    var validationMessage = errors[name];
+    var InputComponent = leftLabels ? InlineColorPickerInput : ColorPickerInput;
+    var InputWrap = leftLabels ? InputBox : Fragment;
+    return (jsxs(FieldBox, { "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": nextGap !== null && nextGap !== void 0 ? nextGap : rowGap, children: [leftLabels && (jsxs(LeftGutter, { children: [jsx(LeftLabel, { "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor, "data-sentry-unmask": true, children: fieldLabel || name }), helperText && jsx(HelperTextGrid, { "data-sentry-unmask": true, children: helperText })] })), jsx(InputWrap, { children: jsx(InputComponent, __assign({}, options, { disabled: disabled }, (leftLabels ? {} : { inputLabel: fieldLabel || name }), { name: name, onChange: function (event) {
+                        handleChange(event);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                    }, onInputBlur: function (event) {
+                        flushSync(function () {
+                            setSubmitAttempt(false);
+                            handleBlur(event);
+                            onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
+                            setHasValues(formHasValues(values));
+                        });
+                        if (submitOnBlur) {
+                            submitForm(event);
+                        }
+                    }, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] || "#000000" })) }), leftLabels && (jsx(RightGutter, { children: jsx(ValidationTextGrid, { "$showValidationMessage": showValidationMessage, children: validationMessage }) }))] }));
+};
+
 var ConfigurableInputField = function (_a) {
     var configurableInputFieldActiveIds = _a.configurableInputFieldActiveIds, fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, rowGap = _a.rowGap, submitAttempt = _a.submitAttempt, setConfigurableInputFieldActiveIds = _a.setConfigurableInputFieldActiveIds, setHasValues = _a.setHasValues, setSubmitAttempt = _a.setSubmitAttempt, submitOnBlur = _a.submitOnBlur;
     var theme = useTheme();
@@ -1459,6 +1486,9 @@ var Form = function (_a) {
                     else if (isCheckboxGroup(field) && (!field.showIf || field.showIf({ values: values }))) {
                         return (jsx(CheckboxGroupField, { fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setHasValues: setHasValues, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
                     }
+                    else if (isColorPicker(field) && (!field.showIf || field.showIf({ values: values }))) {
+                        return (jsx(ColorPickerField, { fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setHasValues: setHasValues, setSubmitAttempt: setSubmitAttempt, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
+                    }
                     else if (isConfigurableInput(field) && (!field.showIf || field.showIf({ values: values }))) {
                         return (jsx(ConfigurableInputField, { configurableInputFieldActiveIds: configurableInputFieldActiveIds, fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setConfigurableInputFieldActiveIds: setConfigurableInputFieldActiveIds, setHasValues: setHasValues, setSubmitAttempt: setSubmitAttempt, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
                     }
@@ -1576,4 +1606,4 @@ var FormikContainer = function (props) {
 };
 
 export { FormikContainer as F, NationalityDropdown as N, nationalityList as n };
-//# sourceMappingURL=FormikContainer-SJPYfIkF.js.map
+//# sourceMappingURL=FormikContainer-uI5oe1px.js.map

package/lib/esm/{FormikContainer-SJPYfIkF.js.map → FormikContainer-uI5oe1px.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormikContainer-SJPYfIkF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormikContainer-uI5oe1px.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/InlineColorPickerInput.js

@@ -0,0 +1,18 @@
+export { C as ColorPickerInput, I as InlineColorPickerInput } from './ColorPickerInput-S8X2gIA5.js';
+import './_tslib-CcAXazg4.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'styled-components';
+import './BodyLEmphasis.js';
+import './useMeasure-D89v6c_A.js';
+import './addOrRemoveById.js';
+import 'dayjs';
+import './isEmptyObject.js';
+import './useIsomorphicLayoutEffect-Br1zBZHl.js';
+import './showLabel-D6KgNem4.js';
+import './Inputs-C6OWHviY.js';
+import './colors.js';
+import './IconComponentStyles-BwczcTS4.js';
+import './pressedEnter.js';
+import './validateColorContrast.js';
+//# sourceMappingURL=InlineColorPickerInput.js.map

package/lib/esm/InlineColorPickerInput.js.map

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