@orfium/ictinus 4.47.0 → 4.48.1
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 +16 -2
- 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/dist/index.d.ts +2 -1
- package/dist/index.js +5 -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
|
|
@@ -136,6 +136,13 @@ var Slider = function Slider(_ref) {
|
|
|
136
136
|
|
|
137
137
|
_onChange([sanitizedValue, values[1]]);
|
|
138
138
|
},
|
|
139
|
+
onBlur: function onBlur(e) {
|
|
140
|
+
if (_onBlur) {
|
|
141
|
+
var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '0'));
|
|
142
|
+
|
|
143
|
+
_onBlur([sanitizedValue, values[1]]);
|
|
144
|
+
}
|
|
145
|
+
},
|
|
139
146
|
rightIcon: (0, _react2.jsx)(_react["default"].Fragment, null, "%"),
|
|
140
147
|
sx: {
|
|
141
148
|
textField: {
|
|
@@ -152,6 +159,13 @@ var Slider = function Slider(_ref) {
|
|
|
152
159
|
|
|
153
160
|
_onChange([values[0], sanitizedValue]);
|
|
154
161
|
},
|
|
162
|
+
onBlur: function onBlur(e) {
|
|
163
|
+
if (_onBlur) {
|
|
164
|
+
var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '100'));
|
|
165
|
+
|
|
166
|
+
_onBlur([values[0], sanitizedValue]);
|
|
167
|
+
}
|
|
168
|
+
},
|
|
155
169
|
rightIcon: (0, _react2.jsx)(_react["default"].Fragment, null, "%"),
|
|
156
170
|
sx: {
|
|
157
171
|
textField: {
|
|
@@ -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
|
|
package/dist/index.d.ts
CHANGED
|
@@ -42,6 +42,7 @@ export { default as Pagination } from './components/Pagination';
|
|
|
42
42
|
export { default as Radio } from './components/Radio';
|
|
43
43
|
export { default as RadioGroup } from './components/RadioGroup';
|
|
44
44
|
export { default as Select } from './components/Select';
|
|
45
|
+
export { default as Slider } from './components/Slider';
|
|
45
46
|
export { default as Switch } from './components/Switch';
|
|
46
47
|
export { default as Table } from './components/Table';
|
|
47
48
|
export { default as TextField } from './components/TextField';
|
|
@@ -57,4 +58,4 @@ export { default as useEscape } from './hooks/useEscape';
|
|
|
57
58
|
export { default as Filter } from './components/Filter';
|
|
58
59
|
export { default as TruncatedContent } from './components/TruncatedContent';
|
|
59
60
|
export { default as themeConfig } from './theme';
|
|
60
|
-
export { themeFunctions, palette, spacing, typography, elevation, overrides, queriesSizes
|
|
61
|
+
export { themeFunctions, palette, spacing, typography, elevation, overrides, queriesSizes };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Switch = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Overlay = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.AvatarStack = exports.Avatar = void 0;
|
|
4
|
+
exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Switch = exports.Slider = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Overlay = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.AvatarStack = exports.Avatar = void 0;
|
|
5
5
|
|
|
6
6
|
var _useBreakpoints = _interopRequireWildcard(require("./hooks/useBreakpoints"));
|
|
7
7
|
|
|
@@ -152,6 +152,10 @@ var _Select = _interopRequireDefault(require("./components/Select"));
|
|
|
152
152
|
|
|
153
153
|
exports.Select = _Select["default"];
|
|
154
154
|
|
|
155
|
+
var _Slider = _interopRequireDefault(require("./components/Slider"));
|
|
156
|
+
|
|
157
|
+
exports.Slider = _Slider["default"];
|
|
158
|
+
|
|
155
159
|
var _Switch = _interopRequireDefault(require("./components/Switch"));
|
|
156
160
|
|
|
157
161
|
exports.Switch = _Switch["default"];
|