pne-ui 1.0.214 → 1.0.216
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/cjs/component/PneHighContrastLabeledCheckbox.d.ts +3 -0
- package/cjs/component/PneHighContrastLabeledCheckbox.js +203 -0
- package/cjs/component/PneHighContrastLabeledCheckbox.js.map +1 -0
- package/cjs/component/PneLabeledCheckbox.js +2 -8
- package/cjs/component/PneLabeledCheckbox.js.map +1 -1
- package/cjs/index.d.ts +2 -1
- package/cjs/index.js +3 -1
- package/cjs/index.js.map +1 -1
- package/esm/component/PneHighContrastLabeledCheckbox.d.ts +3 -0
- package/esm/component/PneHighContrastLabeledCheckbox.js +199 -0
- package/esm/component/PneHighContrastLabeledCheckbox.js.map +1 -0
- package/esm/component/PneLabeledCheckbox.js +2 -8
- package/esm/component/PneLabeledCheckbox.js.map +1 -1
- package/esm/index.d.ts +2 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PneHighContrastLabeledCheckbox = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const PneCheckbox_1 = require("./PneCheckbox");
|
|
8
|
+
const TRANSPARENT_VALUES = new Set([
|
|
9
|
+
'',
|
|
10
|
+
'transparent',
|
|
11
|
+
'rgba(0, 0, 0, 0)',
|
|
12
|
+
'rgba(0,0,0,0)',
|
|
13
|
+
'rgb(0, 0, 0, 0)',
|
|
14
|
+
'rgb(0 0 0 / 0)',
|
|
15
|
+
]);
|
|
16
|
+
const mergeSx = (...styles) => {
|
|
17
|
+
const merged = [];
|
|
18
|
+
styles.forEach((style) => {
|
|
19
|
+
if (style === undefined || style === null) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
if (Array.isArray(style)) {
|
|
23
|
+
style.forEach((entry) => {
|
|
24
|
+
if (entry === undefined || entry === null) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
merged.push(entry);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
merged.push(style);
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
if (merged.length === 0) {
|
|
35
|
+
return undefined;
|
|
36
|
+
}
|
|
37
|
+
if (merged.length === 1) {
|
|
38
|
+
return merged[0];
|
|
39
|
+
}
|
|
40
|
+
return merged;
|
|
41
|
+
};
|
|
42
|
+
const getEffectiveBackgroundColor = (element, fallback, getComputedStyleFn) => {
|
|
43
|
+
let current = element;
|
|
44
|
+
while (current) {
|
|
45
|
+
const color = getComputedStyleFn(current).backgroundColor;
|
|
46
|
+
if (color && !TRANSPARENT_VALUES.has(color)) {
|
|
47
|
+
const rgbaMatch = color.match(/rgba?\(([^)]+)\)/);
|
|
48
|
+
if (!rgbaMatch) {
|
|
49
|
+
return color;
|
|
50
|
+
}
|
|
51
|
+
const channels = rgbaMatch[1]
|
|
52
|
+
.split(/[,/]/)
|
|
53
|
+
.map((channel) => channel.trim())
|
|
54
|
+
.filter(Boolean);
|
|
55
|
+
if (channels.length < 4) {
|
|
56
|
+
return color;
|
|
57
|
+
}
|
|
58
|
+
const alphaChannel = parseFloat(channels[3]);
|
|
59
|
+
if (!Number.isNaN(alphaChannel) && alphaChannel > 0) {
|
|
60
|
+
return color;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
current = current.parentElement;
|
|
64
|
+
}
|
|
65
|
+
return fallback;
|
|
66
|
+
};
|
|
67
|
+
exports.PneHighContrastLabeledCheckbox = (0, react_1.forwardRef)((props, ref) => {
|
|
68
|
+
const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
|
|
69
|
+
const theme = (0, material_1.useTheme)();
|
|
70
|
+
const formControlRef = react_1.default.useRef(null);
|
|
71
|
+
const [labelColor, setLabelColor] = react_1.default.useState(() => theme.palette.text.primary);
|
|
72
|
+
const updateLabelColor = react_1.default.useCallback(() => {
|
|
73
|
+
const element = formControlRef.current;
|
|
74
|
+
if (!element) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const ownerWindow = element.ownerDocument?.defaultView;
|
|
78
|
+
if (!ownerWindow) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
const getStyle = ownerWindow.getComputedStyle.bind(ownerWindow);
|
|
82
|
+
const backgroundColor = getEffectiveBackgroundColor(element, theme.palette.background.paper, getStyle);
|
|
83
|
+
const contrastColor = theme.palette.getContrastText(backgroundColor);
|
|
84
|
+
setLabelColor((previous) => (previous === contrastColor ? previous : contrastColor));
|
|
85
|
+
}, [theme]);
|
|
86
|
+
react_1.default.useEffect(() => {
|
|
87
|
+
const element = formControlRef.current;
|
|
88
|
+
if (!element) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
const ownerWindow = element.ownerDocument?.defaultView;
|
|
92
|
+
if (!ownerWindow) {
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
updateLabelColor();
|
|
96
|
+
const cleanupCallbacks = [];
|
|
97
|
+
const trackedElements = [];
|
|
98
|
+
let current = element;
|
|
99
|
+
while (current) {
|
|
100
|
+
trackedElements.push(current);
|
|
101
|
+
current = current.parentElement;
|
|
102
|
+
}
|
|
103
|
+
const MutationObserverCtor = ownerWindow.MutationObserver;
|
|
104
|
+
if (MutationObserverCtor) {
|
|
105
|
+
const mutationObservers = [];
|
|
106
|
+
const config = {
|
|
107
|
+
attributes: true,
|
|
108
|
+
attributeFilter: ['style', 'class'],
|
|
109
|
+
};
|
|
110
|
+
trackedElements.forEach((target) => {
|
|
111
|
+
const observer = new MutationObserverCtor(() => {
|
|
112
|
+
updateLabelColor();
|
|
113
|
+
});
|
|
114
|
+
observer.observe(target, config);
|
|
115
|
+
mutationObservers.push(observer);
|
|
116
|
+
});
|
|
117
|
+
cleanupCallbacks.push(() => {
|
|
118
|
+
mutationObservers.forEach((observer) => observer.disconnect());
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
const ResizeObserverCtor = ownerWindow.ResizeObserver;
|
|
122
|
+
if (ResizeObserverCtor) {
|
|
123
|
+
const resizeObserver = new ResizeObserverCtor(() => {
|
|
124
|
+
updateLabelColor();
|
|
125
|
+
});
|
|
126
|
+
trackedElements.forEach((target) => {
|
|
127
|
+
resizeObserver.observe(target);
|
|
128
|
+
});
|
|
129
|
+
cleanupCallbacks.push(() => {
|
|
130
|
+
resizeObserver.disconnect();
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
const handleResize = () => {
|
|
135
|
+
updateLabelColor();
|
|
136
|
+
};
|
|
137
|
+
ownerWindow.addEventListener('resize', handleResize);
|
|
138
|
+
cleanupCallbacks.push(() => {
|
|
139
|
+
ownerWindow.removeEventListener('resize', handleResize);
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
trackedElements.forEach((target) => {
|
|
143
|
+
const handleTransitionEnd = () => {
|
|
144
|
+
updateLabelColor();
|
|
145
|
+
};
|
|
146
|
+
const handleAnimationEnd = () => {
|
|
147
|
+
updateLabelColor();
|
|
148
|
+
};
|
|
149
|
+
target.addEventListener('transitionend', handleTransitionEnd);
|
|
150
|
+
target.addEventListener('animationend', handleAnimationEnd);
|
|
151
|
+
cleanupCallbacks.push(() => {
|
|
152
|
+
target.removeEventListener('transitionend', handleTransitionEnd);
|
|
153
|
+
target.removeEventListener('animationend', handleAnimationEnd);
|
|
154
|
+
});
|
|
155
|
+
});
|
|
156
|
+
return () => {
|
|
157
|
+
cleanupCallbacks.forEach((dispose) => dispose());
|
|
158
|
+
};
|
|
159
|
+
}, [updateLabelColor]);
|
|
160
|
+
const disabledStateSx = {
|
|
161
|
+
'& .Mui-disabled': {
|
|
162
|
+
backgroundColor: '#FFFFFF',
|
|
163
|
+
},
|
|
164
|
+
};
|
|
165
|
+
const controlSx = mergeSx(disabledStateSx, containerSx);
|
|
166
|
+
const checkboxSx = mergeSx({
|
|
167
|
+
color: labelColor,
|
|
168
|
+
'&.Mui-checked': {
|
|
169
|
+
color: labelColor,
|
|
170
|
+
},
|
|
171
|
+
'&.MuiCheckbox-indeterminate': {
|
|
172
|
+
color: labelColor,
|
|
173
|
+
},
|
|
174
|
+
'&.Mui-disabled': {
|
|
175
|
+
color: theme.palette.action.disabled,
|
|
176
|
+
},
|
|
177
|
+
}, sx);
|
|
178
|
+
const labelProps = {
|
|
179
|
+
...(formControlLabelProps ?? {}),
|
|
180
|
+
sx: mergeSx({
|
|
181
|
+
'& .MuiFormControlLabel-label': {
|
|
182
|
+
color: labelColor,
|
|
183
|
+
},
|
|
184
|
+
'&.Mui-disabled .MuiFormControlLabel-label': {
|
|
185
|
+
color: theme.palette.text.disabled,
|
|
186
|
+
},
|
|
187
|
+
}, formControlLabelProps?.sx),
|
|
188
|
+
};
|
|
189
|
+
const helperProps = helperText
|
|
190
|
+
? {
|
|
191
|
+
...(helperTextProps ?? {}),
|
|
192
|
+
sx: mergeSx({
|
|
193
|
+
color: (0, material_1.alpha)(labelColor, 0.72),
|
|
194
|
+
}, helperTextProps?.sx),
|
|
195
|
+
}
|
|
196
|
+
: undefined;
|
|
197
|
+
return (react_1.default.createElement(material_1.FormControl, { ref: formControlRef, error: error, sx: controlSx, ...formControlProps },
|
|
198
|
+
react_1.default.createElement(material_1.FormGroup, { ...formGroupProps },
|
|
199
|
+
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(PneCheckbox_1.PneCheckbox, { ...rest, sx: checkboxSx, ref: ref }), label: label, ...labelProps })),
|
|
200
|
+
helperText && (react_1.default.createElement(material_1.FormHelperText, { ...helperProps }, helperText))));
|
|
201
|
+
});
|
|
202
|
+
exports.PneHighContrastLabeledCheckbox.displayName = 'PneHighContrastLabeledCheckbox';
|
|
203
|
+
//# sourceMappingURL=PneHighContrastLabeledCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PneHighContrastLabeledCheckbox.js","sourceRoot":"","sources":["../../src/component/PneHighContrastLabeledCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,15 +7,9 @@ const material_1 = require("@mui/material");
|
|
|
7
7
|
const PneCheckbox_1 = require("./PneCheckbox");
|
|
8
8
|
exports.PneLabeledCheckbox = (0, react_1.forwardRef)((props, ref) => {
|
|
9
9
|
const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
|
|
10
|
-
|
|
11
|
-
...(Array.isArray(containerSx) ? containerSx : [containerSx]),
|
|
12
|
-
];
|
|
13
|
-
const checkboxSx = [
|
|
14
|
-
...(Array.isArray(sx) ? sx : [sx]),
|
|
15
|
-
];
|
|
16
|
-
return (react_1.default.createElement(material_1.FormControl, { error: error, sx: controlSx, ...formControlProps },
|
|
10
|
+
return (react_1.default.createElement(material_1.FormControl, { error: error, sx: containerSx, ...formControlProps },
|
|
17
11
|
react_1.default.createElement(material_1.FormGroup, { ...formGroupProps },
|
|
18
|
-
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(PneCheckbox_1.PneCheckbox, { ...rest, sx:
|
|
12
|
+
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(PneCheckbox_1.PneCheckbox, { ...rest, sx: sx, ref: ref }), label: label, ...formControlLabelProps })),
|
|
19
13
|
helperText && (react_1.default.createElement(material_1.FormHelperText, { ...helperTextProps }, helperText))));
|
|
20
14
|
});
|
|
21
15
|
exports.PneLabeledCheckbox.displayName = 'PneLabeledCheckbox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneLabeledCheckbox.js","sourceRoot":"","sources":["../../src/component/PneLabeledCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,4CAUsB;AAEtB,+CAA2C;AAa9B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,EACF,KAAK,EACL,UAAU,EACV,KAAK,GAAG,KAAK,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,
|
|
1
|
+
{"version":3,"file":"PneLabeledCheckbox.js","sourceRoot":"","sources":["../../src/component/PneLabeledCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,4CAUsB;AAEtB,+CAA2C;AAa9B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,EACF,KAAK,EACL,UAAU,EACV,KAAK,GAAG,KAAK,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,OAAO,CACH,8BAAC,sBAAW,IACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,WAAW,KACX,gBAAgB;QAEpB,8BAAC,oBAAS,OAAK,cAAc;YACzB,8BAAC,2BAAgB,IACb,OAAO,EACH,8BAAC,yBAAW,OACJ,IAAI,EACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,GACV,EAEN,KAAK,EAAE,KAAK,KACR,qBAAqB,GAC3B,CACM;QACX,UAAU,IAAI,CACX,8BAAC,yBAAc,OAAK,eAAe,IAAG,UAAU,CAAkB,CACrE,CACS,CACjB,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
|
package/cjs/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ import AbstractTableCell from './component/table/AbstractTableCell';
|
|
|
18
18
|
import { TableDisplayOptions } from './component/table/type';
|
|
19
19
|
import { PneCheckbox } from './component/PneCheckbox';
|
|
20
20
|
import { PneLabeledCheckbox } from './component/PneLabeledCheckbox';
|
|
21
|
+
import { PneHighContrastLabeledCheckbox } from './component/PneHighContrastLabeledCheckbox';
|
|
21
22
|
import { CriterionTypeEnum, ExactCriterionSearchLabelEnum, GroupingType, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, MultigetCriterion, OrderSearchLabel, SearchCriteria, SearchUIConditions, SearchUITemplate, TransactionSessionGroup, TransactionSessionStatuses } from './component/search-ui/filters/types';
|
|
22
23
|
import { SearchUIDefaults, SearchUIProvider } from './component/search-ui/SearchUIProvider';
|
|
23
24
|
import { SearchParams, SearchUI } from './component/search-ui/SearchUI';
|
|
@@ -81,5 +82,5 @@ declare module '@mui/material/ToggleButton' {
|
|
|
81
82
|
pneAccentuated: true;
|
|
82
83
|
}
|
|
83
84
|
}
|
|
84
|
-
export { createPneTheme, PneButton, PneButtonGroup, PneTextField, PneModal, useModal, PneAutocomplete, PneAsyncAutocomplete, PneSelect, PneTable, useTable, UseTableParams, PneTableRow, PneHeaderTableCell, PneTableCell, PneTableSortLabel, AbstractTable, AbstractHeaderTableCell, AbstractTableCell, PaginatorProps, TableCreateHeaderType, TableProps, TableSortOptions, TableDisplayOptions, PneCheckbox, PneLabeledCheckbox, SearchUI, SearchParams, SearchUIFilters, SearchCriteria, SearchUIProvider, SearchUITemplate, SearchUIDefaults, SearchUIFiltersConfig, SearchUIConditions, CriterionTypeEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, ExactCriterionSearchLabelEnum, MultigetCriterion, GroupingType, MultigetSelect, AbstractEntitySelector, AbstractEntitySelectModal, AbstractEntitySelectorProp, IMappedUnmappedList, IAbstractEntityOptions, PneAsyncAutocompleteProps, PneDropdownChoice, AutoTestAttribute, getSearchUIInitialState, Skin, CustomIconWrapper, PneSwitch, OrderSearchLabel, TransactionSessionGroup, TransactionSessionStatuses, };
|
|
85
|
+
export { createPneTheme, PneButton, PneButtonGroup, PneTextField, PneModal, useModal, PneAutocomplete, PneAsyncAutocomplete, PneSelect, PneTable, useTable, UseTableParams, PneTableRow, PneHeaderTableCell, PneTableCell, PneTableSortLabel, AbstractTable, AbstractHeaderTableCell, AbstractTableCell, PaginatorProps, TableCreateHeaderType, TableProps, TableSortOptions, TableDisplayOptions, PneCheckbox, PneLabeledCheckbox, PneHighContrastLabeledCheckbox, SearchUI, SearchParams, SearchUIFilters, SearchCriteria, SearchUIProvider, SearchUITemplate, SearchUIDefaults, SearchUIFiltersConfig, SearchUIConditions, CriterionTypeEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, ExactCriterionSearchLabelEnum, MultigetCriterion, GroupingType, MultigetSelect, AbstractEntitySelector, AbstractEntitySelectModal, AbstractEntitySelectorProp, IMappedUnmappedList, IAbstractEntityOptions, PneAsyncAutocompleteProps, PneDropdownChoice, AutoTestAttribute, getSearchUIInitialState, Skin, CustomIconWrapper, PneSwitch, OrderSearchLabel, TransactionSessionGroup, TransactionSessionStatuses, };
|
|
85
86
|
export * from './common';
|
package/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PneSwitch = exports.CustomIconWrapper = exports.getSearchUIInitialState = exports.AutoTestAttribute = exports.AbstractEntitySelectModal = exports.AbstractEntitySelector = exports.MultigetSelect = exports.ExactCriterionSearchLabelEnum = exports.MultichoiceFilterTypeEnum = exports.LinkedEntityTypeEnum = exports.CriterionTypeEnum = exports.SearchUIProvider = exports.SearchUIFilters = exports.SearchUI = exports.PneLabeledCheckbox = exports.PneCheckbox = exports.AbstractTableCell = exports.AbstractHeaderTableCell = exports.AbstractTable = exports.PneTableSortLabel = exports.PneTableCell = exports.PneHeaderTableCell = exports.PneTableRow = exports.useTable = exports.PneTable = exports.PneSelect = exports.PneAsyncAutocomplete = exports.PneAutocomplete = exports.useModal = exports.PneModal = exports.PneTextField = exports.PneButtonGroup = exports.PneButton = exports.createPneTheme = void 0;
|
|
3
|
+
exports.PneSwitch = exports.CustomIconWrapper = exports.getSearchUIInitialState = exports.AutoTestAttribute = exports.AbstractEntitySelectModal = exports.AbstractEntitySelector = exports.MultigetSelect = exports.ExactCriterionSearchLabelEnum = exports.MultichoiceFilterTypeEnum = exports.LinkedEntityTypeEnum = exports.CriterionTypeEnum = exports.SearchUIProvider = exports.SearchUIFilters = exports.SearchUI = exports.PneHighContrastLabeledCheckbox = exports.PneLabeledCheckbox = exports.PneCheckbox = exports.AbstractTableCell = exports.AbstractHeaderTableCell = exports.AbstractTable = exports.PneTableSortLabel = exports.PneTableCell = exports.PneHeaderTableCell = exports.PneTableRow = exports.useTable = exports.PneTable = exports.PneSelect = exports.PneAsyncAutocomplete = exports.PneAutocomplete = exports.useModal = exports.PneModal = exports.PneTextField = exports.PneButtonGroup = exports.PneButton = exports.createPneTheme = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const PneButton_1 = tslib_1.__importDefault(require("./component/PneButton"));
|
|
6
6
|
exports.PneButton = PneButton_1.default;
|
|
@@ -38,6 +38,8 @@ const PneCheckbox_1 = require("./component/PneCheckbox");
|
|
|
38
38
|
Object.defineProperty(exports, "PneCheckbox", { enumerable: true, get: function () { return PneCheckbox_1.PneCheckbox; } });
|
|
39
39
|
const PneLabeledCheckbox_1 = require("./component/PneLabeledCheckbox");
|
|
40
40
|
Object.defineProperty(exports, "PneLabeledCheckbox", { enumerable: true, get: function () { return PneLabeledCheckbox_1.PneLabeledCheckbox; } });
|
|
41
|
+
const PneHighContrastLabeledCheckbox_1 = require("./component/PneHighContrastLabeledCheckbox");
|
|
42
|
+
Object.defineProperty(exports, "PneHighContrastLabeledCheckbox", { enumerable: true, get: function () { return PneHighContrastLabeledCheckbox_1.PneHighContrastLabeledCheckbox; } });
|
|
41
43
|
const types_1 = require("./component/search-ui/filters/types");
|
|
42
44
|
Object.defineProperty(exports, "CriterionTypeEnum", { enumerable: true, get: function () { return types_1.CriterionTypeEnum; } });
|
|
43
45
|
Object.defineProperty(exports, "ExactCriterionSearchLabelEnum", { enumerable: true, get: function () { return types_1.ExactCriterionSearchLabelEnum; } });
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA6C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA6C;AAyHzC,oBAzHG,mBAAS,CAyHH;AAxHb,oFAAmD;AA0H/C,uBA1HG,sBAAY,CA0HH;AAzHhB,4EAA2C;AA0HvC,mBA1HG,kBAAQ,CA0HH;AAzHZ,4EAA2C;AA0HvC,mBA1HG,kBAAQ,CA0HH;AAzHZ,mGAAkE;AA0H9D,0BA1HG,yBAAe,CA0HH;AAzHnB,6GAAyG;AA0HrG,+BA1HG,8BAAoB,CA0HH;AAzHxB,uFAAsD;AA0HlD,oBA1HG,mBAAS,CA0HH;AAzHb,kFAAiD;AA0H7C,mBA1HG,kBAAQ,CA0HH;AAzHZ,kFAAiD;AA0H7C,mBA1HG,kBAAQ,CA0HH;AAxHZ,wFAAuD;AA0HnD,sBA1HG,qBAAW,CA0HH;AAzHf,sGAAqE;AA0HjE,6BA1HG,4BAAkB,CA0HH;AAzHtB,0FAAyD;AA0HrD,uBA1HG,sBAAY,CA0HH;AAzHhB,4FAKwC;AAsHpC,wBA3HG,uBAAa,CA2HH;AArHjB,oGAAmE;AAoH/D,4BApHG,2BAAiB,CAoHH;AAnHrB,gHAA+E;AAqH3E,kCArHG,iCAAuB,CAqHH;AApH3B,oGAAmE;AAqH/D,4BArHG,2BAAiB,CAqHH;AAnHrB,yDAAmD;AAyH/C,4FAzHI,yBAAW,OAyHJ;AAxHf,uEAAiE;AAyH7D,mGAzHI,uCAAkB,OAyHJ;AAxHtB,+FAAyF;AAyHrF,+GAzHI,+DAA8B,OAyHJ;AAxHlC,+DAa4C;AAqHxC,kGAjIA,yBAAiB,OAiIA;AAGjB,8GAnIA,qCAA6B,OAmIA;AAF7B,qGA/HA,4BAAoB,OA+HA;AACpB,0GA/HA,iCAAyB,OA+HA;AAtH7B,6EAAyF;AA+GrF,iGA/GsB,mCAAgB,OA+GtB;AA9GpB,6DAAqE;AA0GjE,yFA1GkB,mBAAQ,OA0GlB;AAzGZ,mFAAoG;AA2GhG,gGA3GI,iCAAe,OA2GJ;AA1GnB,yFAAmF;AAuH/E,+FAvHI,+BAAc,OAuHJ;AAtHlB,+CAA4C;AA4ExC,+FA5EI,4BAAc,OA4EJ;AA3ElB,4GAKwE;AAiHpE,uGArHA,+CAAsB,OAqHA;AAhH1B,kHAA4G;AAiHxG,0GAjHI,qDAAyB,OAiHJ;AA/G7B,qEAA+D;AAqH3D,kGArHI,qCAAiB,OAqHJ;AApHrB,iEAA2E;AAqHvE,wGArHI,iCAAuB,OAqHJ;AApH3B,+DAAyD;AAmErD,+FAnEI,+BAAc,OAmEJ;AAjElB,8FAA6D;AAoHzD,4BApHG,2BAAiB,CAoHH;AAnHrB,8EAA6C;AAoHzC,oBApHG,mBAAS,CAoHH;AAKb,mDAAwB"}
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { alpha, FormControl, FormControlLabel, FormGroup, FormHelperText, useTheme, } from '@mui/material';
|
|
3
|
+
import { PneCheckbox } from './PneCheckbox';
|
|
4
|
+
const TRANSPARENT_VALUES = new Set([
|
|
5
|
+
'',
|
|
6
|
+
'transparent',
|
|
7
|
+
'rgba(0, 0, 0, 0)',
|
|
8
|
+
'rgba(0,0,0,0)',
|
|
9
|
+
'rgb(0, 0, 0, 0)',
|
|
10
|
+
'rgb(0 0 0 / 0)',
|
|
11
|
+
]);
|
|
12
|
+
const mergeSx = (...styles) => {
|
|
13
|
+
const merged = [];
|
|
14
|
+
styles.forEach((style) => {
|
|
15
|
+
if (style === undefined || style === null) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (Array.isArray(style)) {
|
|
19
|
+
style.forEach((entry) => {
|
|
20
|
+
if (entry === undefined || entry === null) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
merged.push(entry);
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
merged.push(style);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
if (merged.length === 0) {
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
if (merged.length === 1) {
|
|
34
|
+
return merged[0];
|
|
35
|
+
}
|
|
36
|
+
return merged;
|
|
37
|
+
};
|
|
38
|
+
const getEffectiveBackgroundColor = (element, fallback, getComputedStyleFn) => {
|
|
39
|
+
let current = element;
|
|
40
|
+
while (current) {
|
|
41
|
+
const color = getComputedStyleFn(current).backgroundColor;
|
|
42
|
+
if (color && !TRANSPARENT_VALUES.has(color)) {
|
|
43
|
+
const rgbaMatch = color.match(/rgba?\(([^)]+)\)/);
|
|
44
|
+
if (!rgbaMatch) {
|
|
45
|
+
return color;
|
|
46
|
+
}
|
|
47
|
+
const channels = rgbaMatch[1]
|
|
48
|
+
.split(/[,/]/)
|
|
49
|
+
.map((channel) => channel.trim())
|
|
50
|
+
.filter(Boolean);
|
|
51
|
+
if (channels.length < 4) {
|
|
52
|
+
return color;
|
|
53
|
+
}
|
|
54
|
+
const alphaChannel = parseFloat(channels[3]);
|
|
55
|
+
if (!Number.isNaN(alphaChannel) && alphaChannel > 0) {
|
|
56
|
+
return color;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
current = current.parentElement;
|
|
60
|
+
}
|
|
61
|
+
return fallback;
|
|
62
|
+
};
|
|
63
|
+
export const PneHighContrastLabeledCheckbox = forwardRef((props, ref) => {
|
|
64
|
+
const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
|
|
65
|
+
const theme = useTheme();
|
|
66
|
+
const formControlRef = React.useRef(null);
|
|
67
|
+
const [labelColor, setLabelColor] = React.useState(() => theme.palette.text.primary);
|
|
68
|
+
const updateLabelColor = React.useCallback(() => {
|
|
69
|
+
const element = formControlRef.current;
|
|
70
|
+
if (!element) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
const ownerWindow = element.ownerDocument?.defaultView;
|
|
74
|
+
if (!ownerWindow) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const getStyle = ownerWindow.getComputedStyle.bind(ownerWindow);
|
|
78
|
+
const backgroundColor = getEffectiveBackgroundColor(element, theme.palette.background.paper, getStyle);
|
|
79
|
+
const contrastColor = theme.palette.getContrastText(backgroundColor);
|
|
80
|
+
setLabelColor((previous) => (previous === contrastColor ? previous : contrastColor));
|
|
81
|
+
}, [theme]);
|
|
82
|
+
React.useEffect(() => {
|
|
83
|
+
const element = formControlRef.current;
|
|
84
|
+
if (!element) {
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
const ownerWindow = element.ownerDocument?.defaultView;
|
|
88
|
+
if (!ownerWindow) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
updateLabelColor();
|
|
92
|
+
const cleanupCallbacks = [];
|
|
93
|
+
const trackedElements = [];
|
|
94
|
+
let current = element;
|
|
95
|
+
while (current) {
|
|
96
|
+
trackedElements.push(current);
|
|
97
|
+
current = current.parentElement;
|
|
98
|
+
}
|
|
99
|
+
const MutationObserverCtor = ownerWindow.MutationObserver;
|
|
100
|
+
if (MutationObserverCtor) {
|
|
101
|
+
const mutationObservers = [];
|
|
102
|
+
const config = {
|
|
103
|
+
attributes: true,
|
|
104
|
+
attributeFilter: ['style', 'class'],
|
|
105
|
+
};
|
|
106
|
+
trackedElements.forEach((target) => {
|
|
107
|
+
const observer = new MutationObserverCtor(() => {
|
|
108
|
+
updateLabelColor();
|
|
109
|
+
});
|
|
110
|
+
observer.observe(target, config);
|
|
111
|
+
mutationObservers.push(observer);
|
|
112
|
+
});
|
|
113
|
+
cleanupCallbacks.push(() => {
|
|
114
|
+
mutationObservers.forEach((observer) => observer.disconnect());
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
const ResizeObserverCtor = ownerWindow.ResizeObserver;
|
|
118
|
+
if (ResizeObserverCtor) {
|
|
119
|
+
const resizeObserver = new ResizeObserverCtor(() => {
|
|
120
|
+
updateLabelColor();
|
|
121
|
+
});
|
|
122
|
+
trackedElements.forEach((target) => {
|
|
123
|
+
resizeObserver.observe(target);
|
|
124
|
+
});
|
|
125
|
+
cleanupCallbacks.push(() => {
|
|
126
|
+
resizeObserver.disconnect();
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
else {
|
|
130
|
+
const handleResize = () => {
|
|
131
|
+
updateLabelColor();
|
|
132
|
+
};
|
|
133
|
+
ownerWindow.addEventListener('resize', handleResize);
|
|
134
|
+
cleanupCallbacks.push(() => {
|
|
135
|
+
ownerWindow.removeEventListener('resize', handleResize);
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
trackedElements.forEach((target) => {
|
|
139
|
+
const handleTransitionEnd = () => {
|
|
140
|
+
updateLabelColor();
|
|
141
|
+
};
|
|
142
|
+
const handleAnimationEnd = () => {
|
|
143
|
+
updateLabelColor();
|
|
144
|
+
};
|
|
145
|
+
target.addEventListener('transitionend', handleTransitionEnd);
|
|
146
|
+
target.addEventListener('animationend', handleAnimationEnd);
|
|
147
|
+
cleanupCallbacks.push(() => {
|
|
148
|
+
target.removeEventListener('transitionend', handleTransitionEnd);
|
|
149
|
+
target.removeEventListener('animationend', handleAnimationEnd);
|
|
150
|
+
});
|
|
151
|
+
});
|
|
152
|
+
return () => {
|
|
153
|
+
cleanupCallbacks.forEach((dispose) => dispose());
|
|
154
|
+
};
|
|
155
|
+
}, [updateLabelColor]);
|
|
156
|
+
const disabledStateSx = {
|
|
157
|
+
'& .Mui-disabled': {
|
|
158
|
+
backgroundColor: '#FFFFFF',
|
|
159
|
+
},
|
|
160
|
+
};
|
|
161
|
+
const controlSx = mergeSx(disabledStateSx, containerSx);
|
|
162
|
+
const checkboxSx = mergeSx({
|
|
163
|
+
color: labelColor,
|
|
164
|
+
'&.Mui-checked': {
|
|
165
|
+
color: labelColor,
|
|
166
|
+
},
|
|
167
|
+
'&.MuiCheckbox-indeterminate': {
|
|
168
|
+
color: labelColor,
|
|
169
|
+
},
|
|
170
|
+
'&.Mui-disabled': {
|
|
171
|
+
color: theme.palette.action.disabled,
|
|
172
|
+
},
|
|
173
|
+
}, sx);
|
|
174
|
+
const labelProps = {
|
|
175
|
+
...(formControlLabelProps ?? {}),
|
|
176
|
+
sx: mergeSx({
|
|
177
|
+
'& .MuiFormControlLabel-label': {
|
|
178
|
+
color: labelColor,
|
|
179
|
+
},
|
|
180
|
+
'&.Mui-disabled .MuiFormControlLabel-label': {
|
|
181
|
+
color: theme.palette.text.disabled,
|
|
182
|
+
},
|
|
183
|
+
}, formControlLabelProps?.sx),
|
|
184
|
+
};
|
|
185
|
+
const helperProps = helperText
|
|
186
|
+
? {
|
|
187
|
+
...(helperTextProps ?? {}),
|
|
188
|
+
sx: mergeSx({
|
|
189
|
+
color: alpha(labelColor, 0.72),
|
|
190
|
+
}, helperTextProps?.sx),
|
|
191
|
+
}
|
|
192
|
+
: undefined;
|
|
193
|
+
return (React.createElement(FormControl, { ref: formControlRef, error: error, sx: controlSx, ...formControlProps },
|
|
194
|
+
React.createElement(FormGroup, { ...formGroupProps },
|
|
195
|
+
React.createElement(FormControlLabel, { control: React.createElement(PneCheckbox, { ...rest, sx: checkboxSx, ref: ref }), label: label, ...labelProps })),
|
|
196
|
+
helperText && (React.createElement(FormHelperText, { ...helperProps }, helperText))));
|
|
197
|
+
});
|
|
198
|
+
PneHighContrastLabeledCheckbox.displayName = 'PneHighContrastLabeledCheckbox';
|
|
199
|
+
//# sourceMappingURL=PneHighContrastLabeledCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PneHighContrastLabeledCheckbox.js","sourceRoot":"","sources":["../../src/component/PneHighContrastLabeledCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,15 +3,9 @@ import { FormControl, FormControlLabel, FormGroup, FormHelperText, } from '@mui/
|
|
|
3
3
|
import { PneCheckbox } from './PneCheckbox';
|
|
4
4
|
export const PneLabeledCheckbox = forwardRef((props, ref) => {
|
|
5
5
|
const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
|
|
6
|
-
|
|
7
|
-
...(Array.isArray(containerSx) ? containerSx : [containerSx]),
|
|
8
|
-
];
|
|
9
|
-
const checkboxSx = [
|
|
10
|
-
...(Array.isArray(sx) ? sx : [sx]),
|
|
11
|
-
];
|
|
12
|
-
return (React.createElement(FormControl, { error: error, sx: controlSx, ...formControlProps },
|
|
6
|
+
return (React.createElement(FormControl, { error: error, sx: containerSx, ...formControlProps },
|
|
13
7
|
React.createElement(FormGroup, { ...formGroupProps },
|
|
14
|
-
React.createElement(FormControlLabel, { control: React.createElement(PneCheckbox, { ...rest, sx:
|
|
8
|
+
React.createElement(FormControlLabel, { control: React.createElement(PneCheckbox, { ...rest, sx: sx, ref: ref }), label: label, ...formControlLabelProps })),
|
|
15
9
|
helperText && (React.createElement(FormHelperText, { ...helperTextProps }, helperText))));
|
|
16
10
|
});
|
|
17
11
|
PneLabeledCheckbox.displayName = 'PneLabeledCheckbox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneLabeledCheckbox.js","sourceRoot":"","sources":["../../src/component/PneLabeledCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACH,WAAW,EACX,gBAAgB,EAGhB,SAAS,EAET,cAAc,GAGjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAa3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,EACF,KAAK,EACL,UAAU,EACV,KAAK,GAAG,KAAK,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,
|
|
1
|
+
{"version":3,"file":"PneLabeledCheckbox.js","sourceRoot":"","sources":["../../src/component/PneLabeledCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACH,WAAW,EACX,gBAAgB,EAGhB,SAAS,EAET,cAAc,GAGjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAa3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,EACF,KAAK,EACL,UAAU,EACV,KAAK,GAAG,KAAK,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,OAAO,CACH,oBAAC,WAAW,IACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,WAAW,KACX,gBAAgB;QAEpB,oBAAC,SAAS,OAAK,cAAc;YACzB,oBAAC,gBAAgB,IACb,OAAO,EACH,oBAAC,WAAW,OACJ,IAAI,EACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,GACV,EAEN,KAAK,EAAE,KAAK,KACR,qBAAqB,GAC3B,CACM;QACX,UAAU,IAAI,CACX,oBAAC,cAAc,OAAK,eAAe,IAAG,UAAU,CAAkB,CACrE,CACS,CACjB,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
|
package/esm/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ import AbstractTableCell from './component/table/AbstractTableCell';
|
|
|
18
18
|
import { TableDisplayOptions } from './component/table/type';
|
|
19
19
|
import { PneCheckbox } from './component/PneCheckbox';
|
|
20
20
|
import { PneLabeledCheckbox } from './component/PneLabeledCheckbox';
|
|
21
|
+
import { PneHighContrastLabeledCheckbox } from './component/PneHighContrastLabeledCheckbox';
|
|
21
22
|
import { CriterionTypeEnum, ExactCriterionSearchLabelEnum, GroupingType, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, MultigetCriterion, OrderSearchLabel, SearchCriteria, SearchUIConditions, SearchUITemplate, TransactionSessionGroup, TransactionSessionStatuses } from './component/search-ui/filters/types';
|
|
22
23
|
import { SearchUIDefaults, SearchUIProvider } from './component/search-ui/SearchUIProvider';
|
|
23
24
|
import { SearchParams, SearchUI } from './component/search-ui/SearchUI';
|
|
@@ -81,5 +82,5 @@ declare module '@mui/material/ToggleButton' {
|
|
|
81
82
|
pneAccentuated: true;
|
|
82
83
|
}
|
|
83
84
|
}
|
|
84
|
-
export { createPneTheme, PneButton, PneButtonGroup, PneTextField, PneModal, useModal, PneAutocomplete, PneAsyncAutocomplete, PneSelect, PneTable, useTable, UseTableParams, PneTableRow, PneHeaderTableCell, PneTableCell, PneTableSortLabel, AbstractTable, AbstractHeaderTableCell, AbstractTableCell, PaginatorProps, TableCreateHeaderType, TableProps, TableSortOptions, TableDisplayOptions, PneCheckbox, PneLabeledCheckbox, SearchUI, SearchParams, SearchUIFilters, SearchCriteria, SearchUIProvider, SearchUITemplate, SearchUIDefaults, SearchUIFiltersConfig, SearchUIConditions, CriterionTypeEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, ExactCriterionSearchLabelEnum, MultigetCriterion, GroupingType, MultigetSelect, AbstractEntitySelector, AbstractEntitySelectModal, AbstractEntitySelectorProp, IMappedUnmappedList, IAbstractEntityOptions, PneAsyncAutocompleteProps, PneDropdownChoice, AutoTestAttribute, getSearchUIInitialState, Skin, CustomIconWrapper, PneSwitch, OrderSearchLabel, TransactionSessionGroup, TransactionSessionStatuses, };
|
|
85
|
+
export { createPneTheme, PneButton, PneButtonGroup, PneTextField, PneModal, useModal, PneAutocomplete, PneAsyncAutocomplete, PneSelect, PneTable, useTable, UseTableParams, PneTableRow, PneHeaderTableCell, PneTableCell, PneTableSortLabel, AbstractTable, AbstractHeaderTableCell, AbstractTableCell, PaginatorProps, TableCreateHeaderType, TableProps, TableSortOptions, TableDisplayOptions, PneCheckbox, PneLabeledCheckbox, PneHighContrastLabeledCheckbox, SearchUI, SearchParams, SearchUIFilters, SearchCriteria, SearchUIProvider, SearchUITemplate, SearchUIDefaults, SearchUIFiltersConfig, SearchUIConditions, CriterionTypeEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, ExactCriterionSearchLabelEnum, MultigetCriterion, GroupingType, MultigetSelect, AbstractEntitySelector, AbstractEntitySelectModal, AbstractEntitySelectorProp, IMappedUnmappedList, IAbstractEntityOptions, PneAsyncAutocompleteProps, PneDropdownChoice, AutoTestAttribute, getSearchUIInitialState, Skin, CustomIconWrapper, PneSwitch, OrderSearchLabel, TransactionSessionGroup, TransactionSessionStatuses, };
|
|
85
86
|
export * from './common';
|
package/esm/index.js
CHANGED
|
@@ -16,6 +16,7 @@ import AbstractHeaderTableCell from './component/table/AbstractHeaderTableCell';
|
|
|
16
16
|
import AbstractTableCell from './component/table/AbstractTableCell';
|
|
17
17
|
import { PneCheckbox } from './component/PneCheckbox';
|
|
18
18
|
import { PneLabeledCheckbox } from './component/PneLabeledCheckbox';
|
|
19
|
+
import { PneHighContrastLabeledCheckbox } from './component/PneHighContrastLabeledCheckbox';
|
|
19
20
|
import { CriterionTypeEnum, ExactCriterionSearchLabelEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, } from './component/search-ui/filters/types';
|
|
20
21
|
import { SearchUIProvider } from './component/search-ui/SearchUIProvider';
|
|
21
22
|
import { SearchUI } from './component/search-ui/SearchUI';
|
|
@@ -29,6 +30,6 @@ import { getSearchUIInitialState } from './component/search-ui/state/initial';
|
|
|
29
30
|
import { PneButtonGroup } from './component/PneButtonGroup';
|
|
30
31
|
import CustomIconWrapper from './component/CustomIconWrapper';
|
|
31
32
|
import PneSwitch from './component/PneSwitch';
|
|
32
|
-
export { createPneTheme, PneButton, PneButtonGroup, PneTextField, PneModal, useModal, PneAutocomplete, PneAsyncAutocomplete, PneSelect, PneTable, useTable, PneTableRow, PneHeaderTableCell, PneTableCell, PneTableSortLabel, AbstractTable, AbstractHeaderTableCell, AbstractTableCell, PneCheckbox, PneLabeledCheckbox, SearchUI, SearchUIFilters, SearchUIProvider, CriterionTypeEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, ExactCriterionSearchLabelEnum, MultigetSelect, AbstractEntitySelector, AbstractEntitySelectModal, AutoTestAttribute, getSearchUIInitialState, CustomIconWrapper, PneSwitch, };
|
|
33
|
+
export { createPneTheme, PneButton, PneButtonGroup, PneTextField, PneModal, useModal, PneAutocomplete, PneAsyncAutocomplete, PneSelect, PneTable, useTable, PneTableRow, PneHeaderTableCell, PneTableCell, PneTableSortLabel, AbstractTable, AbstractHeaderTableCell, AbstractTableCell, PneCheckbox, PneLabeledCheckbox, PneHighContrastLabeledCheckbox, SearchUI, SearchUIFilters, SearchUIProvider, CriterionTypeEnum, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, ExactCriterionSearchLabelEnum, MultigetSelect, AbstractEntitySelector, AbstractEntitySelectModal, AutoTestAttribute, getSearchUIInitialState, CustomIconWrapper, PneSwitch, };
|
|
33
34
|
export * from './common';
|
|
34
35
|
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAA;AAC7C,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,eAAe,MAAM,sCAAsC,CAAA;AAClE,OAAO,oBAAiD,MAAM,2CAA2C,CAAA;AACzG,OAAO,SAAS,MAAM,gCAAgC,CAAA;AACtD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AACjD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AAEjD,OAAO,WAAW,MAAM,+BAA+B,CAAA;AACvD,OAAO,kBAAkB,MAAM,sCAAsC,CAAA;AACrE,OAAO,YAAY,MAAM,gCAAgC,CAAA;AACzD,OAAO,aAKN,MAAM,iCAAiC,CAAA;AACxC,OAAO,iBAAiB,MAAM,qCAAqC,CAAA;AACnE,OAAO,uBAAuB,MAAM,2CAA2C,CAAA;AAC/E,OAAO,iBAAiB,MAAM,qCAAqC,CAAA;AAEnE,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAA;AACjE,OAAO,EACH,iBAAiB,EACjB,6BAA6B,EAE7B,oBAAoB,EACpB,yBAAyB,GAQ5B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAmB,gBAAgB,EAAC,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAe,QAAQ,EAAC,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAC,eAAe,EAAwB,MAAM,+CAA+C,CAAA;AACpG,OAAO,EAAC,cAAc,EAAC,MAAM,sDAAsD,CAAA;AACnF,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,EACH,sBAAsB,GAIzB,MAAM,iEAAiE,CAAA;AACxE,OAAO,EAAC,yBAAyB,EAAC,MAAM,oEAAoE,CAAA;AAE5G,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAC,uBAAuB,EAAC,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAEzD,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAC7D,OAAO,SAAS,MAAM,uBAAuB,CAAA;AA6D7C,OAAO,EACH,cAAc,EACd,SAAS,EACT,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,oBAAoB,EACpB,SAAS,EACT,QAAQ,EACR,QAAQ,EAER,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,uBAAuB,EACvB,iBAAiB,EAMjB,WAAW,EACX,kBAAkB,EAClB,QAAQ,EAER,eAAe,EAEf,gBAAgB,EAKhB,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,6BAA6B,EAG7B,cAAc,EACd,sBAAsB,EACtB,yBAAyB,EAMzB,iBAAiB,EACjB,uBAAuB,EAEvB,iBAAiB,EACjB,SAAS,GAIZ,CAAA;AACD,cAAc,UAAU,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAA;AAC7C,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,eAAe,MAAM,sCAAsC,CAAA;AAClE,OAAO,oBAAiD,MAAM,2CAA2C,CAAA;AACzG,OAAO,SAAS,MAAM,gCAAgC,CAAA;AACtD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AACjD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AAEjD,OAAO,WAAW,MAAM,+BAA+B,CAAA;AACvD,OAAO,kBAAkB,MAAM,sCAAsC,CAAA;AACrE,OAAO,YAAY,MAAM,gCAAgC,CAAA;AACzD,OAAO,aAKN,MAAM,iCAAiC,CAAA;AACxC,OAAO,iBAAiB,MAAM,qCAAqC,CAAA;AACnE,OAAO,uBAAuB,MAAM,2CAA2C,CAAA;AAC/E,OAAO,iBAAiB,MAAM,qCAAqC,CAAA;AAEnE,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAA;AACjE,OAAO,EAAC,8BAA8B,EAAC,MAAM,4CAA4C,CAAA;AACzF,OAAO,EACH,iBAAiB,EACjB,6BAA6B,EAE7B,oBAAoB,EACpB,yBAAyB,GAQ5B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAmB,gBAAgB,EAAC,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAe,QAAQ,EAAC,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAC,eAAe,EAAwB,MAAM,+CAA+C,CAAA;AACpG,OAAO,EAAC,cAAc,EAAC,MAAM,sDAAsD,CAAA;AACnF,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,EACH,sBAAsB,GAIzB,MAAM,iEAAiE,CAAA;AACxE,OAAO,EAAC,yBAAyB,EAAC,MAAM,oEAAoE,CAAA;AAE5G,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAC,uBAAuB,EAAC,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAEzD,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAC7D,OAAO,SAAS,MAAM,uBAAuB,CAAA;AA6D7C,OAAO,EACH,cAAc,EACd,SAAS,EACT,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,oBAAoB,EACpB,SAAS,EACT,QAAQ,EACR,QAAQ,EAER,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,uBAAuB,EACvB,iBAAiB,EAMjB,WAAW,EACX,kBAAkB,EAClB,8BAA8B,EAC9B,QAAQ,EAER,eAAe,EAEf,gBAAgB,EAKhB,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,6BAA6B,EAG7B,cAAc,EACd,sBAAsB,EACtB,yBAAyB,EAMzB,iBAAiB,EACjB,uBAAuB,EAEvB,iBAAiB,EACjB,SAAS,GAIZ,CAAA;AACD,cAAc,UAAU,CAAA"}
|