tp-react-elements 3.0.11 → 3.0.12

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.
@@ -1,3 +1,3 @@
1
- var InputRangeField = {};
1
+ var DayCell = {};
2
2
 
3
- export { InputRangeField as __exports };
3
+ export { DayCell as __exports };
@@ -1,3 +1,3 @@
1
- var DayCell = {};
1
+ var DateInput = {};
2
2
 
3
- export { DayCell as __exports };
3
+ export { DateInput as __exports };
@@ -1,3 +1,3 @@
1
- var DateInput = {};
1
+ var InputRangeField = {};
2
2
 
3
- export { DateInput as __exports };
3
+ export { InputRangeField as __exports };
@@ -1,3 +1,3 @@
1
- var DateRangePicker = {};
1
+ var DefinedRange = {};
2
2
 
3
- export { DateRangePicker as __exports };
3
+ export { DefinedRange as __exports };
@@ -1,3 +1,3 @@
1
- var DefinedRange = {};
1
+ var DateRangePicker = {};
2
2
 
3
- export { DefinedRange as __exports };
3
+ export { DateRangePicker as __exports };
@@ -1,13 +1,5 @@
1
1
  import { jsx, Fragment } from 'react/jsx-runtime';
2
2
  import require$$0__default, { lazy, Suspense } from 'react';
3
- import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
4
- import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
5
- import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
6
- import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
7
- import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
8
- import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
9
- import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
10
- import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
11
3
  import SingleSelect from '../FormComponents/Select/SingleSelect.esm.js';
12
4
  import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocomplete.esm.js';
13
5
  import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
@@ -18,6 +10,14 @@ import DateRangePickerComponent from '../DateRangePicker/DateRangePicker.esm.js'
18
10
  import RichTextEditorWrapper from '../FormComponents/RichTextEditor/RichTextEditorWrapper.esm.js';
19
11
  import SingleSelectSearchApi from '../FormComponents/Select/SingleSelectSearchApi.esm.js';
20
12
  import DatetimepickerWrapper from '../FormComponents/DatePicker/DatetimepickerWrapper.esm.js';
13
+ import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
14
+ import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
15
+ import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
16
+ import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
17
+ import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
18
+ import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
19
+ import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
20
+ import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
21
21
 
22
22
  // Lazy-loaded heavy components
23
23
  // const RichTextEditorWrapper = lazy(() =>
@@ -57,28 +57,6 @@ const RichTextEditor = ({ props }) => {
57
57
  openSearchDialog: 'ctrl+f',
58
58
  openReplaceDialog: 'ctrl+r',
59
59
  },
60
- events: {
61
- processPaste: (_event, html) => {
62
- const instance = editor.current;
63
- if (instance?.editor) {
64
- const joditEditor = instance.editor;
65
- joditEditor.selection?.insertHTML?.(html);
66
- joditEditor.tempContent = joditEditor.getHTML?.();
67
- }
68
- },
69
- afterPaste: () => {
70
- const instance = editor.current;
71
- if (instance?.editor) {
72
- const joditEditor = instance.editor;
73
- const el = document.createElement('div');
74
- el.innerHTML = joditEditor.tempContent
75
- ? joditEditor.tempContent
76
- : joditEditor.getHTML?.();
77
- joditEditor.setHTML?.(el.innerHTML);
78
- joditEditor.tempContent = null;
79
- }
80
- },
81
- },
82
60
  ...props.item.sx,
83
61
  }),
84
62
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1,42 +1,25 @@
1
- export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
2
- export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
3
- export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
4
- export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
5
- export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
6
- export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
7
1
  export { default as SingleSelect } from './Select/SingleSelect.esm.js';
8
2
  export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
9
3
  export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
10
4
  export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
11
5
  export { default as MultiSelectTable } from './Select/MultiSelectTable.esm.js';
12
6
  export { default as SearchableSelect } from './Select/SearchableSelect.esm.js';
13
- export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
14
- export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
15
7
  export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
16
- export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
17
- import 'react/jsx-runtime';
18
- import 'react';
19
- import '@mui/material';
20
- import '@mui/icons-material/CalendarToday';
21
- import '@mui/icons-material/ChevronLeft';
22
- import '@mui/icons-material/ChevronRight';
23
- import 'react-hook-form';
24
8
  export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
25
- import 'dayjs';
26
- export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
27
- export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
9
+ export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
10
+ export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
11
+ export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
12
+ export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
13
+ export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
14
+ export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
28
15
  export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
29
16
  export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
30
- import '@mui/icons-material/Visibility';
31
- import '@mui/icons-material/Close';
32
- import '@mui/icons-material/NavigateBefore';
33
- import '@mui/icons-material/NavigateNext';
34
- import '@mui/icons-material/Delete';
35
- import '@mui/icons-material/UploadFile';
36
- import '@mui/icons-material/PictureAsPdf';
37
- import '@mui/icons-material/TableChart';
38
- import '@mui/icons-material/Description';
39
- export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
17
+ export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
18
+ export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
40
19
  export { default as HelperText } from './HelperText/HelperText.esm.js';
20
+ export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
21
+ export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
41
22
  export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
42
23
  export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
24
+ export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
25
+ export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
@@ -76,8 +76,27 @@ const extractSxColors = (sx) => {
76
76
  }
77
77
  return { background, text };
78
78
  };
79
- /** Converts a `#RRGGBB` hex string to the 8-char ARGB xlsx-js-style expects. Returns `undefined` for anything else. */
80
- const hexToArgb = (hex) => hex?.startsWith('#') ? 'FF' + hex.slice(1).toUpperCase().padEnd(6, '0') : undefined;
79
+ /**
80
+ * Converts a hex colour string to the 8-char ARGB `xlsx-js-style` expects.
81
+ * Handles both `#RRGGBB` and CSS shorthand `#RGB` (each digit doubled, e.g.
82
+ * `#fff` → `ffffff`) — shorthand was previously padded with trailing zeros
83
+ * instead of expanded, silently turning `#fff` into a bright yellow
84
+ * (`FFFFF000`) instead of white. An 8-digit `#RRGGBBAA` has its alpha
85
+ * channel dropped (this export always renders fully opaque). Returns
86
+ * `undefined` for anything else (non-hex/theme-token colours, etc.).
87
+ */
88
+ const hexToArgb = (hex) => {
89
+ if (!hex?.startsWith('#'))
90
+ return undefined;
91
+ let digits = hex.slice(1);
92
+ if (digits.length === 3 || digits.length === 4) {
93
+ digits = digits.slice(0, 3).split('').map((c) => c + c).join('');
94
+ }
95
+ else {
96
+ digits = digits.slice(0, 6);
97
+ }
98
+ return 'FF' + digits.toUpperCase().padEnd(6, '0');
99
+ };
81
100
  /**
82
101
  * Header overrides applied via GlobalStyles (literal prop values).
83
102
  * MRT sets `backgroundColor: 'inherit'` and fixed density padding — must use !important.
@@ -1,4 +1,4 @@
1
- import { __exports as DateInput } from '../../../../../_virtual/index.esm13.js';
1
+ import { __exports as DateInput } from '../../../../../_virtual/index.esm12.js';
2
2
  import require$$0__default from 'react';
3
3
  import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
4
4
  import { __require as requireClassnames } from '../../../../classnames/index.esm.js';
@@ -1,4 +1,4 @@
1
- import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm5.js';
1
+ import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm6.js';
2
2
  import require$$0__default from 'react';
3
3
  import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
4
4
  import { __require as requireDateRange } from '../DateRange/index.esm.js';
@@ -1,4 +1,4 @@
1
- import { __exports as DayCell } from '../../../../../_virtual/index.esm12.js';
1
+ import { __exports as DayCell } from '../../../../../_virtual/index.esm11.js';
2
2
  import require$$0__default from 'react';
3
3
  import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
4
4
  import { __require as requireClassnames } from '../../../../classnames/index.esm.js';
@@ -1,4 +1,4 @@
1
- import { __exports as DefinedRange } from '../../../../../_virtual/index.esm6.js';
1
+ import { __exports as DefinedRange } from '../../../../../_virtual/index.esm5.js';
2
2
  import require$$0__default from 'react';
3
3
  import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
4
4
  import { __require as requireStyles } from '../../styles.esm.js';
@@ -1,4 +1,4 @@
1
- import { __exports as InputRangeField } from '../../../../../_virtual/index.esm11.js';
1
+ import { __exports as InputRangeField } from '../../../../../_virtual/index.esm13.js';
2
2
  import require$$0__default from 'react';
3
3
  import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tp-react-elements",
3
- "version": "3.0.11",
3
+ "version": "3.0.12",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "React form components library built with React Hook Form and Yup",