@cerebruminc/cerebellum 16.5.3-beta.dangerous.2df6625 → 16.5.3-beta.dangerous.394df37

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.
Files changed (39) hide show
  1. package/README.md +3 -3
  2. package/lib/cjs/DatePicker.cjs +1 -1
  3. package/lib/cjs/Form.cjs +3 -3
  4. package/lib/cjs/FormSeparator.cjs +1 -1
  5. package/lib/cjs/{FormStyles-Cc6-_Iwt.js → FormStyles-CCsL1LJO.js} +7 -2
  6. package/lib/cjs/{FormStyles-Cc6-_Iwt.js.map → FormStyles-CCsL1LJO.js.map} +1 -1
  7. package/lib/cjs/FormWrapper.cjs +1 -1
  8. package/lib/cjs/{FormikContainer-Dn3lu30W.js → FormikContainer-BVUsbx6j.js} +3 -3
  9. package/lib/cjs/{FormikContainer-Dn3lu30W.js.map → FormikContainer-BVUsbx6j.js.map} +1 -1
  10. package/lib/cjs/{InlineDatePicker-BJZXMxnh.js → InlineDatePicker-4u82zKn2.js} +56 -206
  11. package/lib/cjs/{InlineDatePicker-BJZXMxnh.js.map → InlineDatePicker-4u82zKn2.js.map} +1 -1
  12. package/lib/cjs/InlineDatePicker.cjs +1 -1
  13. package/lib/cjs/InlineTextarea.cjs +3 -2
  14. package/lib/cjs/InlineTextarea.cjs.map +1 -1
  15. package/lib/cjs/Table.cjs +11 -9
  16. package/lib/cjs/Table.cjs.map +1 -1
  17. package/lib/cjs/TitleGroup.cjs +1 -1
  18. package/lib/cjs/index.cjs +4 -3
  19. package/lib/cjs/index.cjs.map +1 -1
  20. package/lib/esm/DatePicker.js +1 -1
  21. package/lib/esm/Form.js +3 -3
  22. package/lib/esm/FormSeparator.js +1 -1
  23. package/lib/esm/{FormStyles-DCnDnD_Z.js → FormStyles-BSqmKCsK.js} +7 -2
  24. package/lib/esm/{FormStyles-DCnDnD_Z.js.map → FormStyles-BSqmKCsK.js.map} +1 -1
  25. package/lib/esm/FormWrapper.js +1 -1
  26. package/lib/esm/{FormikContainer-Brcmku_E.js → FormikContainer-C_iJWcIG.js} +3 -3
  27. package/lib/esm/{FormikContainer-Brcmku_E.js.map → FormikContainer-C_iJWcIG.js.map} +1 -1
  28. package/lib/esm/{InlineDatePicker-BIAcoggL.js → InlineDatePicker-RlV9iC8j.js} +57 -207
  29. package/lib/esm/{InlineDatePicker-BIAcoggL.js.map → InlineDatePicker-RlV9iC8j.js.map} +1 -1
  30. package/lib/esm/InlineDatePicker.js +1 -1
  31. package/lib/esm/InlineTextarea.js +3 -2
  32. package/lib/esm/InlineTextarea.js.map +1 -1
  33. package/lib/esm/Table.js +10 -9
  34. package/lib/esm/Table.js.map +1 -1
  35. package/lib/esm/TitleGroup.js +1 -1
  36. package/lib/esm/index.js +5 -4
  37. package/lib/esm/index.js.map +1 -1
  38. package/lib/types/src/components/Table/mocks/mockRows.d.ts +4 -0
  39. package/package.json +3 -1
@@ -2,7 +2,7 @@ import './_tslib-CcAXazg4.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'dayjs';
4
4
  import 'react';
5
- export { I as InlineDatePicker } from './InlineDatePicker-BIAcoggL.js';
5
+ export { I as InlineDatePicker } from './InlineDatePicker-RlV9iC8j.js';
6
6
  import './colors.js';
7
7
  import './pressedEnter.js';
8
8
  import './IconComponentStyles-BwczcTS4.js';
@@ -13,7 +13,7 @@ var PositionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeT
13
13
  return $width !== null && $width !== void 0 ? $width : 700;
14
14
  });
15
15
  styled(Label)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 0;\n max-width: 100%;\n"], ["\n margin-bottom: 0;\n max-width: 100%;\n"])));
16
- var TextareaElement = styled.textarea(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 8px;\n\n color: ", ";\n display: block;\n font-size: ", "px;\n height: ", ";\n max-width: 100%;\n min-width: 100px;\n min-height: 65px;\n padding: 21px;\n position: relative;\n resize: ", ";\n width: ", ";\n\n &:active,\n &:focus {\n border: solid 1px\n ", ";\n outline: none;\n }\n &::placeholder {\n color: ", ";\n }\n &::selection {\n background-color: ", ";\n }\n\n &::-webkit-resizer {\n background-image: url(\"", "\");\n background-repeat: no-repeat;\n }\n"], ["\n background-color: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 8px;\n\n color: ", ";\n display: block;\n font-size: ", "px;\n height: ", ";\n max-width: 100%;\n min-width: 100px;\n min-height: 65px;\n padding: 21px;\n position: relative;\n resize: ", ";\n width: ", ";\n\n &:active,\n &:focus {\n border: solid 1px\n ", ";\n outline: none;\n }\n &::placeholder {\n color: ", ";\n }\n &::selection {\n background-color: ", ";\n }\n\n &::-webkit-resizer {\n background-image: url(\"", "\");\n background-repeat: no-repeat;\n }\n"])), function (_a) {
16
+ var TextareaElement = styled.textarea(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 8px;\n\n color: ", ";\n display: block;\n font-size: ", "px;\n height: ", ";\n max-width: 100%;\n min-width: 100px;\n min-height: 65px;\n padding: 21px;\n position: relative;\n resize: ", ";\n width: ", ";\n\n &:active,\n &:focus {\n border: solid 1px\n ", ";\n outline: none;\n }\n &::placeholder {\n color: ", ";\n }\n ", "\n\n &::-webkit-resizer {\n background-image: url(\"", "\");\n background-repeat: no-repeat;\n }\n"], ["\n background-color: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 8px;\n\n color: ", ";\n display: block;\n font-size: ", "px;\n height: ", ";\n max-width: 100%;\n min-width: 100px;\n min-height: 65px;\n padding: 21px;\n position: relative;\n resize: ", ";\n width: ", ";\n\n &:active,\n &:focus {\n border: solid 1px\n ", ";\n outline: none;\n }\n &::placeholder {\n color: ", ";\n }\n ", "\n\n &::-webkit-resizer {\n background-image: url(\"", "\");\n background-repeat: no-repeat;\n }\n"])), function (_a) {
17
17
  var _b;
18
18
  var $textareaBackgroundColor = _a.$textareaBackgroundColor, disabled = _a.disabled, $disabledBackgroundColor = _a.$disabledBackgroundColor, theme = _a.theme;
19
19
  return disabled ? $disabledBackgroundColor : $textareaBackgroundColor || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.inputBackgroundColor);
@@ -53,7 +53,8 @@ var TextareaElement = styled.textarea(templateObject_3 || (templateObject_3 = __
53
53
  }, function (_a) {
54
54
  var _b;
55
55
  var $showValidationMessage = _a.$showValidationMessage, $failColorSecondary = _a.$failColorSecondary, theme = _a.theme;
56
- return $showValidationMessage ? $failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary) : "auto";
56
+ return $showValidationMessage &&
57
+ "\n &::selection {\n background-color: ".concat($failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary), ";\n }\n ");
57
58
  }, iconUrl);
58
59
  var templateObject_1, templateObject_2, templateObject_3;
59
60
 
@@ -1 +1 @@
1
- {"version":3,"file":"InlineTextarea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"InlineTextarea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/esm/Table.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { _ as __assign, a as __spreadArray } from './_tslib-CcAXazg4.js';
2
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
+ import objectPath from 'object-path';
3
4
  import React__default, { useState, useEffect, useRef, useReducer, useCallback } from 'react';
4
5
  import { useTheme } from 'styled-components';
5
6
  import { colors } from './colors.js';
@@ -197,8 +198,8 @@ var sortRows = function (props) {
197
198
  var doubleFlip = ascending && reverseSort;
198
199
  var flip = (ascending || reverseSort) && !doubleFlip;
199
200
  var sortedRows = rows.slice().sort(function (rowA, rowB) {
200
- var valueA = formatCellForSort(rowA[cellId]);
201
- var valueB = formatCellForSort(rowB[cellId]);
201
+ var valueA = formatCellForSort(objectPath.get(rowA, cellId));
202
+ var valueB = formatCellForSort(objectPath.get(rowB, cellId));
202
203
  if (valueA < valueB) {
203
204
  return -1;
204
205
  }
@@ -313,17 +314,17 @@ var Row = function (_a) {
313
314
  var clickCell = column.clickCell, ComponentWrapper = column.ComponentWrapper, editType = column.editType, cellId = column.cellId, editSelectOptions = column.editSelectOptions, editSelectLabelFilter = column.editSelectLabelFilter, editSelectOptionsFilter = column.editSelectOptionsFilter, editPlaceholder = column.editPlaceholder, label = column.label, leftPadding = column.leftPadding, rightPadding = column.rightPadding;
314
315
  var adjustedIndex = clickCheckbox || clickRadio ? i + 1 : i;
315
316
  var Text = setTextEmphasis(column.textStyle);
316
- var contents = row[column.cellId];
317
+ var contents = objectPath.get(row, column.cellId);
317
318
  // clickable when there is a cellClick for this row, or a cellClick elsewhere & clickRow
318
319
  var clickable = clickCell || (cellLevelClick && clickRow);
319
320
  var cellInError = editingMode && showValidationMessage && ((_a = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.offendingCellIds) === null || _a === void 0 ? void 0 : _a.includes(column.cellId));
320
321
  return editingMode ? (jsx(EditCell, { altRow: altRow, editType: editType, editSelectLabelFilter: editSelectLabelFilter, editSelectOptions: editSelectOptionsFilter ? editSelectOptionsFilter({ column: column, rowData: editRowData }) : editSelectOptions, editPlaceholder: editPlaceholder, editWholeDollars: editWholeDollars, focus: i === 0, index: adjustedIndex, initialValue: contents, isVisible: true, label: typeof label === "string" ? label : "", leftPadding: leftPadding, rightPadding: rightPadding, roomForButtons: adjustedIndex === columns.length - 1, rowData: editRowData, setCellData: function (value) {
321
- var newData = __assign({}, editRowData);
322
- newData[cellId] = value;
322
+ var newData = JSON.parse(JSON.stringify(editRowData));
323
+ objectPath.set(newData, cellId, value);
323
324
  setEditRowData(newData);
324
325
  }, setEditErrorTooltipPosition: setEditErrorTooltipPosition, showError: cellInError, submitData: function (value) {
325
- var newData = __assign({}, editRowData);
326
- newData[cellId] = value;
326
+ var newData = JSON.parse(JSON.stringify(editRowData));
327
+ objectPath.set(newData, cellId, value);
327
328
  setEditRowData(newData);
328
329
  validateRowEdit(newData);
329
330
  } }, "".concat(tableId, "_addRow_").concat(column.cellId))) : (jsx(Cell, __assign({ "$altRow": altRow, "$clickable": !!clickable, "$fetchingAnimationHeight": fetchingAnimationHeight, "$index": adjustedIndex, "$isLoading": fetching, "$rowHeight": rowHeight }, (clickable
@@ -777,11 +778,11 @@ var TableComponent = function (_a) {
777
778
  // lastCell={false}
778
779
  leftPadding: leftPadding, rightPadding: rightPadding, observeScrollRef: observeScrollRef, rowData: addRowData, setCellData: function (value) {
779
780
  var newData = JSON.parse(JSON.stringify(addRowData));
780
- newData[cellId] = value;
781
+ objectPath.set(newData, cellId, value);
781
782
  setAddRowData(newData);
782
783
  }, submitData: function (value) {
783
784
  var newData = JSON.parse(JSON.stringify(addRowData));
784
- newData[cellId] = value;
785
+ objectPath.set(newData, cellId, value);
785
786
  setAddRowData(newData);
786
787
  validateNewRow(newData);
787
788
  } }, "".concat(tableId, "_addRow_").concat(column.cellId)));
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
5
5
  import './Loading.js';
6
6
  import './Scroller.js';
7
7
  import './Inputs-DIweV8Nj.js';
8
- 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-DCnDnD_Z.js';
8
+ 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-BSqmKCsK.js';
9
9
  import 'react/jsx-runtime';
10
10
  import './IconComponentStyles-BwczcTS4.js';
11
11
  import './CheckboxStyles-Cx6hCn3t.js';
package/lib/esm/index.js CHANGED
@@ -3,8 +3,8 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
3
3
  import React__default, { useState, Fragment, useRef, useEffect } from 'react';
4
4
  import styled$1, { styled, useTheme } from 'styled-components';
5
5
  import { D as Drawer } from './Drawer-B8Q-IadJ.js';
6
- import { a as FormSeparator, T as TitleGroup } from './FormStyles-DCnDnD_Z.js';
7
- export { F as FormWrapper } from './FormStyles-DCnDnD_Z.js';
6
+ import { a as FormSeparator, T as TitleGroup } from './FormStyles-BSqmKCsK.js';
7
+ export { F as FormWrapper } from './FormStyles-BSqmKCsK.js';
8
8
  export { A as AlertCount } from './AlertCount-6XKYJp6w.js';
9
9
  import { c as commonjsGlobal, A as AddressInput } from './AddressInput-BPU-AgUH.js';
10
10
  export { A as Avatar } from './Avatar-BGVmo-FE.js';
@@ -30,7 +30,7 @@ export { C as ConfirmModal } from './ConfirmModal-DfDbZXk5.js';
30
30
  export { C as CreditCardInput } from './CreditCardInput-CghnwKIk.js';
31
31
  export { C as CurrencyInput } from './CurrencyInput-g7xr2KNu.js';
32
32
  import { DatePicker } from './DatePicker.js';
33
- import { I as InlineDatePicker } from './InlineDatePicker-BIAcoggL.js';
33
+ import { I as InlineDatePicker } from './InlineDatePicker-RlV9iC8j.js';
34
34
  export { D as DescriptiveSwitchMenu } from './DescriptiveSwitchMenu-BBmMoVLR.js';
35
35
  export { SwitchTypeEnum } from './SwitchTypeEnum.js';
36
36
  import { I as InlineInput } from './InlineInput-B9BjHT1N.js';
@@ -44,7 +44,7 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-NrTaiexf.js';
44
44
  export { D as DrawerDivider } from './DrawerDivider-kh5ebsLE.js';
45
45
  export { E as EmailInput } from './EmailInput-D3Afiw2u.js';
46
46
  export { Footer } from './Footer.js';
47
- export { F as Form, N as NationalityDropdown, n as nationalityList } from './FormikContainer-Brcmku_E.js';
47
+ export { F as Form, N as NationalityDropdown, n as nationalityList } from './FormikContainer-C_iJWcIG.js';
48
48
  export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
49
49
  export { F as FiltersBar } from './FiltersBar-DiF5ZpHq.js';
50
50
  export { H as HorizontalTabMenu } from './HorizontalTabMenu-RXe2DFNL.js';
@@ -355,6 +355,7 @@ export { CheckboxCellWrapper, PhoneCell, ToggleCell } from './CheckboxCellWrappe
355
355
  import './useIsomorphicLayoutEffect-Br1zBZHl.js';
356
356
  import './filtering-1BCCHkMl.js';
357
357
  import './position-CVkhaRf7.js';
358
+ import 'object-path';
358
359
  import 'next/link';
359
360
  import 'immutability-helper';
360
361
  import './SnackContainer-fFyf0QWo.js';