@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.
- package/README.md +3 -3
- package/lib/cjs/DatePicker.cjs +1 -1
- package/lib/cjs/Form.cjs +3 -3
- package/lib/cjs/FormSeparator.cjs +1 -1
- package/lib/cjs/{FormStyles-Cc6-_Iwt.js → FormStyles-CCsL1LJO.js} +7 -2
- package/lib/cjs/{FormStyles-Cc6-_Iwt.js.map → FormStyles-CCsL1LJO.js.map} +1 -1
- package/lib/cjs/FormWrapper.cjs +1 -1
- package/lib/cjs/{FormikContainer-Dn3lu30W.js → FormikContainer-BVUsbx6j.js} +3 -3
- package/lib/cjs/{FormikContainer-Dn3lu30W.js.map → FormikContainer-BVUsbx6j.js.map} +1 -1
- package/lib/cjs/{InlineDatePicker-BJZXMxnh.js → InlineDatePicker-4u82zKn2.js} +56 -206
- package/lib/cjs/{InlineDatePicker-BJZXMxnh.js.map → InlineDatePicker-4u82zKn2.js.map} +1 -1
- package/lib/cjs/InlineDatePicker.cjs +1 -1
- package/lib/cjs/InlineTextarea.cjs +3 -2
- package/lib/cjs/InlineTextarea.cjs.map +1 -1
- package/lib/cjs/Table.cjs +11 -9
- package/lib/cjs/Table.cjs.map +1 -1
- package/lib/cjs/TitleGroup.cjs +1 -1
- package/lib/cjs/index.cjs +4 -3
- package/lib/cjs/index.cjs.map +1 -1
- package/lib/esm/DatePicker.js +1 -1
- package/lib/esm/Form.js +3 -3
- package/lib/esm/FormSeparator.js +1 -1
- package/lib/esm/{FormStyles-DCnDnD_Z.js → FormStyles-BSqmKCsK.js} +7 -2
- package/lib/esm/{FormStyles-DCnDnD_Z.js.map → FormStyles-BSqmKCsK.js.map} +1 -1
- package/lib/esm/FormWrapper.js +1 -1
- package/lib/esm/{FormikContainer-Brcmku_E.js → FormikContainer-C_iJWcIG.js} +3 -3
- package/lib/esm/{FormikContainer-Brcmku_E.js.map → FormikContainer-C_iJWcIG.js.map} +1 -1
- package/lib/esm/{InlineDatePicker-BIAcoggL.js → InlineDatePicker-RlV9iC8j.js} +57 -207
- package/lib/esm/{InlineDatePicker-BIAcoggL.js.map → InlineDatePicker-RlV9iC8j.js.map} +1 -1
- package/lib/esm/InlineDatePicker.js +1 -1
- package/lib/esm/InlineTextarea.js +3 -2
- package/lib/esm/InlineTextarea.js.map +1 -1
- package/lib/esm/Table.js +10 -9
- package/lib/esm/Table.js.map +1 -1
- package/lib/esm/TitleGroup.js +1 -1
- package/lib/esm/index.js +5 -4
- package/lib/esm/index.js.map +1 -1
- package/lib/types/src/components/Table/mocks/mockRows.d.ts +4 -0
- 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-
|
|
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
|
|
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
|
|
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
|
|
201
|
-
var valueB = formatCellForSort(rowB
|
|
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
|
|
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 =
|
|
322
|
-
newData
|
|
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 =
|
|
326
|
-
newData
|
|
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
|
|
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
|
|
785
|
+
objectPath.set(newData, cellId, value);
|
|
785
786
|
setAddRowData(newData);
|
|
786
787
|
validateNewRow(newData);
|
|
787
788
|
} }, "".concat(tableId, "_addRow_").concat(column.cellId)));
|
package/lib/esm/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/TitleGroup.js
CHANGED
|
@@ -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-
|
|
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-
|
|
7
|
-
export { F as FormWrapper } from './FormStyles-
|
|
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-
|
|
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-
|
|
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';
|