@orfium/ictinus 4.47.1 → 4.48.2
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/dist/components/Slider/Slider.d.ts +1 -1
- package/dist/components/Slider/Slider.js +8 -6
- package/dist/components/Table/Table.d.ts +3 -1
- package/dist/components/Table/Table.js +3 -0
- package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.d.ts +2 -1
- package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.js +3 -2
- package/dist/components/Table/components/TableRowWrapper/TableRowWrapper.d.ts +1 -0
- package/dist/components/Table/components/TableRowWrapper/TableRowWrapper.js +3 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ declare type CommonProps = {
|
|
|
9
9
|
onChange: (values: number[]) => void;
|
|
10
10
|
/** Called when a change is finished (mouse/touch up, or keyup), provides current values.
|
|
11
11
|
* Use this event when you have to make for example ajax request with new values. */
|
|
12
|
-
|
|
12
|
+
onBlur?: (values: number[]) => void;
|
|
13
13
|
/** Determines the position of the rendered thumbs and the type of the Slider. 1 value means it's a Selector,
|
|
14
14
|
* while 2 values mean it's a Range. Defaults to [0, 100] */
|
|
15
15
|
values: [number] | [number, number];
|
|
@@ -38,7 +38,7 @@ exports.MAX = MAX;
|
|
|
38
38
|
var Slider = function Slider(_ref) {
|
|
39
39
|
var values = _ref.values,
|
|
40
40
|
_onChange = _ref.onChange,
|
|
41
|
-
|
|
41
|
+
_onBlur = _ref.onBlur,
|
|
42
42
|
_ref$hasIncrements = _ref.hasIncrements,
|
|
43
43
|
hasIncrements = _ref$hasIncrements === void 0 ? false : _ref$hasIncrements,
|
|
44
44
|
_ref$disabled = _ref.disabled,
|
|
@@ -122,7 +122,7 @@ var Slider = function Slider(_ref) {
|
|
|
122
122
|
disabled: disabled,
|
|
123
123
|
values: values,
|
|
124
124
|
onChange: _onChange,
|
|
125
|
-
onFinalChange:
|
|
125
|
+
onFinalChange: _onBlur,
|
|
126
126
|
renderMark: handleRenderMark,
|
|
127
127
|
renderTrack: handleRenderTrack,
|
|
128
128
|
renderThumb: handleRenderThumb
|
|
@@ -137,9 +137,10 @@ var Slider = function Slider(_ref) {
|
|
|
137
137
|
_onChange([sanitizedValue, values[1]]);
|
|
138
138
|
},
|
|
139
139
|
onBlur: function onBlur(e) {
|
|
140
|
-
if (
|
|
140
|
+
if (_onBlur) {
|
|
141
141
|
var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '0'));
|
|
142
|
-
|
|
142
|
+
|
|
143
|
+
_onBlur([sanitizedValue, values[1]]);
|
|
143
144
|
}
|
|
144
145
|
},
|
|
145
146
|
rightIcon: (0, _react2.jsx)(_react["default"].Fragment, null, "%"),
|
|
@@ -159,9 +160,10 @@ var Slider = function Slider(_ref) {
|
|
|
159
160
|
_onChange([values[0], sanitizedValue]);
|
|
160
161
|
},
|
|
161
162
|
onBlur: function onBlur(e) {
|
|
162
|
-
if (
|
|
163
|
+
if (_onBlur) {
|
|
163
164
|
var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '100'));
|
|
164
|
-
|
|
165
|
+
|
|
166
|
+
_onBlur([values[0], sanitizedValue]);
|
|
165
167
|
}
|
|
166
168
|
},
|
|
167
169
|
rightIcon: (0, _react2.jsx)(_react["default"].Fragment, null, "%"),
|
|
@@ -49,9 +49,11 @@ declare type Props<T> = {
|
|
|
49
49
|
topRightArea?: (data: Row<T>[], selectionData?: Selection[]) => React.Component | JSX.Element;
|
|
50
50
|
/** Action cell width for Table with Expandable Rows (in %)*/
|
|
51
51
|
actionWidth?: number;
|
|
52
|
+
/** If true, table's expandable rows will be expanded on initial render. */
|
|
53
|
+
initialExpanded?: boolean;
|
|
52
54
|
/** Data test id prefix for all th/td elements */
|
|
53
55
|
dataTestIdPrefix?: string;
|
|
54
56
|
};
|
|
55
|
-
declare function Table<T>({ data, columns, type, fixedHeader, fixedCTA, onCheck, padded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, dataTestIdPrefix, }: Props<T>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
57
|
+
declare function Table<T>({ data, columns, type, fixedHeader, fixedCTA, onCheck, padded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, initialExpanded, dataTestIdPrefix, }: Props<T>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
56
58
|
declare const _default: React.MemoExoticComponent<typeof Table>;
|
|
57
59
|
export default _default;
|
|
@@ -69,6 +69,8 @@ function Table(_ref) {
|
|
|
69
69
|
topLeftText = _ref.topLeftText,
|
|
70
70
|
topRightArea = _ref.topRightArea,
|
|
71
71
|
actionWidth = _ref.actionWidth,
|
|
72
|
+
_ref$initialExpanded = _ref.initialExpanded,
|
|
73
|
+
initialExpanded = _ref$initialExpanded === void 0 ? false : _ref$initialExpanded,
|
|
72
74
|
dataTestIdPrefix = _ref.dataTestIdPrefix;
|
|
73
75
|
var breakpoints = (0, _useBreakpoints["default"])();
|
|
74
76
|
var actionCellWidth = actionWidth ? actionWidth + "%" : breakpoints.des1920 ? '5%' : '7%';
|
|
@@ -258,6 +260,7 @@ function Table(_ref) {
|
|
|
258
260
|
onSelectionChangeExist: Boolean(onCheck),
|
|
259
261
|
expanded: Boolean(row.expanded),
|
|
260
262
|
actionWidth: actionWidth,
|
|
263
|
+
initialExpanded: initialExpanded,
|
|
261
264
|
dataTestIdPrefix: dataTestIdPrefix,
|
|
262
265
|
rowIndex: index + 1
|
|
263
266
|
})
|
|
@@ -2,10 +2,11 @@ import { Row } from '../../Table';
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
<T extends {
|
|
4
4
|
[key: string]: unknown;
|
|
5
|
-
}>({ row, dataTestIdPrefix, rowIndex, }: {
|
|
5
|
+
}>({ row, dataTestIdPrefix, rowIndex, initialExpanded, }: {
|
|
6
6
|
row: Row<T>;
|
|
7
7
|
dataTestIdPrefix?: string | undefined;
|
|
8
8
|
rowIndex?: number | undefined;
|
|
9
|
+
initialExpanded: boolean;
|
|
9
10
|
}): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
11
|
displayName: string;
|
|
11
12
|
};
|
|
@@ -124,7 +124,8 @@ RenderRowWithCells.displayName = 'RenderRowWithCells';
|
|
|
124
124
|
var RenderRowOrNestedRow = function RenderRowOrNestedRow(_ref3) {
|
|
125
125
|
var row = _ref3.row,
|
|
126
126
|
dataTestIdPrefix = _ref3.dataTestIdPrefix,
|
|
127
|
-
rowIndex = _ref3.rowIndex
|
|
127
|
+
rowIndex = _ref3.rowIndex,
|
|
128
|
+
initialExpanded = _ref3.initialExpanded;
|
|
128
129
|
|
|
129
130
|
var _React$useContext2 = React.useContext(_TableRowContext.TableRowContext),
|
|
130
131
|
isRowSelected = _React$useContext2.isRowSelected,
|
|
@@ -133,7 +134,7 @@ var RenderRowOrNestedRow = function RenderRowOrNestedRow(_ref3) {
|
|
|
133
134
|
|
|
134
135
|
var expanded = row.expanded;
|
|
135
136
|
|
|
136
|
-
var _useToggle = (0, _useToggle2["default"])(
|
|
137
|
+
var _useToggle = (0, _useToggle2["default"])(initialExpanded),
|
|
137
138
|
checked = _useToggle[0],
|
|
138
139
|
toggleChecked = _useToggle[1];
|
|
139
140
|
|
|
@@ -26,6 +26,7 @@ var TableRowWrapper = function TableRowWrapper(props) {
|
|
|
26
26
|
onSelectionChangeExist = props.onSelectionChangeExist,
|
|
27
27
|
expanded = props.expanded,
|
|
28
28
|
actionWidth = props.actionWidth,
|
|
29
|
+
initialExpanded = props.initialExpanded,
|
|
29
30
|
dataTestIdPrefix = props.dataTestIdPrefix,
|
|
30
31
|
rowIndex = props.rowIndex;
|
|
31
32
|
|
|
@@ -51,7 +52,8 @@ var TableRowWrapper = function TableRowWrapper(props) {
|
|
|
51
52
|
}, (0, _react2.jsx)(_RenderRowOrNestedRow["default"], {
|
|
52
53
|
row: row,
|
|
53
54
|
dataTestIdPrefix: dataTestIdPrefix,
|
|
54
|
-
rowIndex: rowIndex
|
|
55
|
+
rowIndex: rowIndex,
|
|
56
|
+
initialExpanded: initialExpanded
|
|
55
57
|
}));
|
|
56
58
|
};
|
|
57
59
|
|