@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
|
@@ -4,7 +4,7 @@ require('./_tslib-ByDtMVOd.js');
|
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('dayjs');
|
|
6
6
|
require('react');
|
|
7
|
-
var InlineDatePicker = require('./InlineDatePicker-
|
|
7
|
+
var InlineDatePicker = require('./InlineDatePicker-4u82zKn2.js');
|
|
8
8
|
require('./colors.cjs');
|
|
9
9
|
require('./pressedEnter.cjs');
|
|
10
10
|
require('./IconComponentStyles-oUWNoaaH.js');
|
|
@@ -15,7 +15,7 @@ var PositionWrapper = styled.styled.div(templateObject_1 || (templateObject_1 =
|
|
|
15
15
|
return $width !== null && $width !== void 0 ? $width : 700;
|
|
16
16
|
});
|
|
17
17
|
styled.styled(Inputs.Label)(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-bottom: 0;\n max-width: 100%;\n"], ["\n margin-bottom: 0;\n max-width: 100%;\n"])));
|
|
18
|
-
var TextareaElement = styled.styled.textarea(templateObject_3 || (templateObject_3 = _tslib.__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
|
|
18
|
+
var TextareaElement = styled.styled.textarea(templateObject_3 || (templateObject_3 = _tslib.__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) {
|
|
19
19
|
var _b;
|
|
20
20
|
var $textareaBackgroundColor = _a.$textareaBackgroundColor, disabled = _a.disabled, $disabledBackgroundColor = _a.$disabledBackgroundColor, theme = _a.theme;
|
|
21
21
|
return disabled ? $disabledBackgroundColor : $textareaBackgroundColor || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.inputBackgroundColor);
|
|
@@ -55,7 +55,8 @@ var TextareaElement = styled.styled.textarea(templateObject_3 || (templateObject
|
|
|
55
55
|
}, function (_a) {
|
|
56
56
|
var _b;
|
|
57
57
|
var $showValidationMessage = _a.$showValidationMessage, $failColorSecondary = _a.$failColorSecondary, theme = _a.theme;
|
|
58
|
-
return $showValidationMessage
|
|
58
|
+
return $showValidationMessage &&
|
|
59
|
+
"\n &::selection {\n background-color: ".concat($failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary), ";\n }\n ");
|
|
59
60
|
}, iconUrl);
|
|
60
61
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
61
62
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineTextarea.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InlineTextarea.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/Table.cjs
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _tslib = require('./_tslib-ByDtMVOd.js');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var objectPath = require('object-path');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var styled = require('styled-components');
|
|
7
8
|
var colors = require('./colors.cjs');
|
|
@@ -98,6 +99,7 @@ require('./RadioFull.cjs');
|
|
|
98
99
|
|
|
99
100
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
100
101
|
|
|
102
|
+
var objectPath__default = /*#__PURE__*/_interopDefault(objectPath);
|
|
101
103
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
102
104
|
var Link__default = /*#__PURE__*/_interopDefault(Link);
|
|
103
105
|
var update__default = /*#__PURE__*/_interopDefault(update);
|
|
@@ -205,8 +207,8 @@ var sortRows = function (props) {
|
|
|
205
207
|
var doubleFlip = ascending && reverseSort;
|
|
206
208
|
var flip = (ascending || reverseSort) && !doubleFlip;
|
|
207
209
|
var sortedRows = rows.slice().sort(function (rowA, rowB) {
|
|
208
|
-
var valueA = formatCellForSort(rowA
|
|
209
|
-
var valueB = formatCellForSort(rowB
|
|
210
|
+
var valueA = formatCellForSort(objectPath__default.default.get(rowA, cellId));
|
|
211
|
+
var valueB = formatCellForSort(objectPath__default.default.get(rowB, cellId));
|
|
210
212
|
if (valueA < valueB) {
|
|
211
213
|
return -1;
|
|
212
214
|
}
|
|
@@ -321,17 +323,17 @@ var Row = function (_a) {
|
|
|
321
323
|
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;
|
|
322
324
|
var adjustedIndex = clickCheckbox || clickRadio ? i + 1 : i;
|
|
323
325
|
var Text = setTextEmphasis(column.textStyle);
|
|
324
|
-
var contents = row
|
|
326
|
+
var contents = objectPath__default.default.get(row, column.cellId);
|
|
325
327
|
// clickable when there is a cellClick for this row, or a cellClick elsewhere & clickRow
|
|
326
328
|
var clickable = clickCell || (cellLevelClick && clickRow);
|
|
327
329
|
var cellInError = editingMode && showValidationMessage && ((_a = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.offendingCellIds) === null || _a === void 0 ? void 0 : _a.includes(column.cellId));
|
|
328
330
|
return editingMode ? (jsxRuntime.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) {
|
|
329
|
-
var newData =
|
|
330
|
-
newData
|
|
331
|
+
var newData = JSON.parse(JSON.stringify(editRowData));
|
|
332
|
+
objectPath__default.default.set(newData, cellId, value);
|
|
331
333
|
setEditRowData(newData);
|
|
332
334
|
}, setEditErrorTooltipPosition: setEditErrorTooltipPosition, showError: cellInError, submitData: function (value) {
|
|
333
|
-
var newData =
|
|
334
|
-
newData
|
|
335
|
+
var newData = JSON.parse(JSON.stringify(editRowData));
|
|
336
|
+
objectPath__default.default.set(newData, cellId, value);
|
|
335
337
|
setEditRowData(newData);
|
|
336
338
|
validateRowEdit(newData);
|
|
337
339
|
} }, "".concat(tableId, "_addRow_").concat(column.cellId))) : (jsxRuntime.jsx(TableStyles.Cell, _tslib.__assign({ "$altRow": altRow, "$clickable": !!clickable, "$fetchingAnimationHeight": fetchingAnimationHeight, "$index": adjustedIndex, "$isLoading": fetching, "$rowHeight": rowHeight }, (clickable
|
|
@@ -785,11 +787,11 @@ var TableComponent = function (_a) {
|
|
|
785
787
|
// lastCell={false}
|
|
786
788
|
leftPadding: leftPadding, rightPadding: rightPadding, observeScrollRef: observeScrollRef, rowData: addRowData, setCellData: function (value) {
|
|
787
789
|
var newData = JSON.parse(JSON.stringify(addRowData));
|
|
788
|
-
newData
|
|
790
|
+
objectPath__default.default.set(newData, cellId, value);
|
|
789
791
|
setAddRowData(newData);
|
|
790
792
|
}, submitData: function (value) {
|
|
791
793
|
var newData = JSON.parse(JSON.stringify(addRowData));
|
|
792
|
-
newData
|
|
794
|
+
objectPath__default.default.set(newData, cellId, value);
|
|
793
795
|
setAddRowData(newData);
|
|
794
796
|
validateNewRow(newData);
|
|
795
797
|
} }, "".concat(tableId, "_addRow_").concat(column.cellId)));
|
package/lib/cjs/Table.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/TitleGroup.cjs
CHANGED
|
@@ -7,7 +7,7 @@ require('./BodyLEmphasis.cjs');
|
|
|
7
7
|
require('./Loading.cjs');
|
|
8
8
|
require('./Scroller.cjs');
|
|
9
9
|
require('./Inputs-E9lK-yCQ.js');
|
|
10
|
-
var FormWrapper = require('./FormStyles-
|
|
10
|
+
var FormWrapper = require('./FormStyles-CCsL1LJO.js');
|
|
11
11
|
require('react/jsx-runtime');
|
|
12
12
|
require('./IconComponentStyles-oUWNoaaH.js');
|
|
13
13
|
require('./CheckboxStyles-CAzemGXD.js');
|
package/lib/cjs/index.cjs
CHANGED
|
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var Drawer = require('./Drawer-BC6y1uIn.js');
|
|
8
|
-
var FormWrapper = require('./FormStyles-
|
|
8
|
+
var FormWrapper = require('./FormStyles-CCsL1LJO.js');
|
|
9
9
|
var AlertCount = require('./AlertCount-C_v9uCu1.js');
|
|
10
10
|
var AddressInput = require('./AddressInput-CeUZY17C.js');
|
|
11
11
|
var Avatar = require('./Avatar-DU_VdLGv.js');
|
|
@@ -31,7 +31,7 @@ var ConfirmModal = require('./ConfirmModal-DRAHS2B-.js');
|
|
|
31
31
|
var CreditCardInput = require('./CreditCardInput-BDjEe_7W.js');
|
|
32
32
|
var CurrencyInput = require('./CurrencyInput-l3tjN6Be.js');
|
|
33
33
|
var DatePicker = require('./DatePicker.cjs');
|
|
34
|
-
var InlineDatePicker = require('./InlineDatePicker-
|
|
34
|
+
var InlineDatePicker = require('./InlineDatePicker-4u82zKn2.js');
|
|
35
35
|
var DescriptiveSwitchMenu = require('./DescriptiveSwitchMenu-CoKpD5jf.js');
|
|
36
36
|
var SwitchTypeEnum = require('./SwitchTypeEnum.cjs');
|
|
37
37
|
var InlineInput = require('./InlineInput-C6y8SRJf.js');
|
|
@@ -44,7 +44,7 @@ var helpers$1 = require('./helpers-BBAfnycp.js');
|
|
|
44
44
|
var DrawerDivider = require('./DrawerDivider-Dk2WXbXa.js');
|
|
45
45
|
var EmailInput = require('./EmailInput-B47NyBrl.js');
|
|
46
46
|
var Footer = require('./Footer.cjs');
|
|
47
|
-
var FormikContainer = require('./FormikContainer-
|
|
47
|
+
var FormikContainer = require('./FormikContainer-BVUsbx6j.js');
|
|
48
48
|
var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
|
|
49
49
|
var FiltersBar = require('./FiltersBar-BWs83vhr.js');
|
|
50
50
|
var HorizontalTabMenu = require('./HorizontalTabMenu-B0VfB6Jb.js');
|
|
@@ -352,6 +352,7 @@ var CheckboxCellWrapper = require('./CheckboxCellWrapper.cjs');
|
|
|
352
352
|
require('./useIsomorphicLayoutEffect-kdlV9QVN.js');
|
|
353
353
|
require('./filtering-CvewuLKB.js');
|
|
354
354
|
require('./position-Ccz-m8HN.js');
|
|
355
|
+
require('object-path');
|
|
355
356
|
require('next/link');
|
|
356
357
|
require('immutability-helper');
|
|
357
358
|
require('./SnackContainer-BBjX6ihM.js');
|