@cayuse-test/react 1.0.5 → 1.0.6
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.
|
@@ -38,7 +38,7 @@ import {
|
|
|
38
38
|
} from "./chunk-M2L7SQBQ.js";
|
|
39
39
|
|
|
40
40
|
// packages/components/attachments-form/attachments-form.tsx
|
|
41
|
-
import
|
|
41
|
+
import React10, { useState as useState2, useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo2, useRef } from "react";
|
|
42
42
|
import { merge as merge2 } from "lodash-es";
|
|
43
43
|
|
|
44
44
|
// packages/components/banner-notification/banner-notification.tsx
|
|
@@ -196,7 +196,6 @@ var LoginButton = ({ tenantId, label, ...rest }) => {
|
|
|
196
196
|
}
|
|
197
197
|
);
|
|
198
198
|
};
|
|
199
|
-
var login_button_default = LoginButton;
|
|
200
199
|
|
|
201
200
|
// packages/components/banner-notification/utils.tsx
|
|
202
201
|
import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
@@ -229,7 +228,7 @@ var getNotificationTypeOptions = (type) => {
|
|
|
229
228
|
defaultMessage: /* @__PURE__ */ jsxs2(Fragment, { children: [
|
|
230
229
|
/* @__PURE__ */ jsx4("span", { children: defaultMessageConst.sessionExpired }),
|
|
231
230
|
/* @__PURE__ */ jsx4(
|
|
232
|
-
|
|
231
|
+
LoginButton,
|
|
233
232
|
{
|
|
234
233
|
tenantId: global.__CAYUSE__.tenantId,
|
|
235
234
|
label: defaultMessageConst.loginButtonLabel
|
|
@@ -316,7 +315,7 @@ function BannerNotifications({
|
|
|
316
315
|
}
|
|
317
316
|
|
|
318
317
|
// packages/components/form/file-upload/file-upload.tsx
|
|
319
|
-
import
|
|
318
|
+
import React3 from "react";
|
|
320
319
|
import { useDropzone } from "react-dropzone";
|
|
321
320
|
|
|
322
321
|
// packages/components/loading-indicator/loading-indicator.tsx
|
|
@@ -409,7 +408,7 @@ var defaultDictionary = {
|
|
|
409
408
|
buttonText: "Upload File",
|
|
410
409
|
uploadingText: "Uploading attachment..."
|
|
411
410
|
};
|
|
412
|
-
var FileUpload =
|
|
411
|
+
var FileUpload = React3.forwardRef(
|
|
413
412
|
function FileUpload2(props, ref) {
|
|
414
413
|
const {
|
|
415
414
|
className = "",
|
|
@@ -431,7 +430,7 @@ var FileUpload = React4.forwardRef(
|
|
|
431
430
|
...dropzoneOptions
|
|
432
431
|
});
|
|
433
432
|
const dictionary = { ...defaultDictionary, ...dctnr };
|
|
434
|
-
|
|
433
|
+
React3.useEffect(() => {
|
|
435
434
|
const fileUpload = document.querySelector(".file-upload");
|
|
436
435
|
if (fileUpload) {
|
|
437
436
|
fileUpload.removeAttribute("role");
|
|
@@ -459,7 +458,7 @@ var FileUpload = React4.forwardRef(
|
|
|
459
458
|
}
|
|
460
459
|
)
|
|
461
460
|
] }),
|
|
462
|
-
|
|
461
|
+
React3.isValidElement(children) ? React3.cloneElement(children, {
|
|
463
462
|
disabled
|
|
464
463
|
}) : children
|
|
465
464
|
] });
|
|
@@ -467,14 +466,14 @@ var FileUpload = React4.forwardRef(
|
|
|
467
466
|
);
|
|
468
467
|
|
|
469
468
|
// packages/components/modal-dialog/alert-dialog.tsx
|
|
470
|
-
import
|
|
469
|
+
import React4 from "react";
|
|
471
470
|
import { createPortal } from "react-dom";
|
|
472
471
|
import FocusTrap from "focus-trap-react";
|
|
473
472
|
import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
474
473
|
var focusTrapOptions = {
|
|
475
474
|
fallbackFocus: ".alert-dialog__modal__title"
|
|
476
475
|
};
|
|
477
|
-
var AlertDialog =
|
|
476
|
+
var AlertDialog = React4.forwardRef(
|
|
478
477
|
function AlertDialog2(props, ref) {
|
|
479
478
|
const {
|
|
480
479
|
isOpen = false,
|
|
@@ -486,7 +485,7 @@ var AlertDialog = React5.forwardRef(
|
|
|
486
485
|
confirmText = "Confirm",
|
|
487
486
|
hideCancel
|
|
488
487
|
} = props;
|
|
489
|
-
|
|
488
|
+
React4.useEffect(() => {
|
|
490
489
|
if (isOpen) {
|
|
491
490
|
document.addEventListener("keydown", handleKeyDown);
|
|
492
491
|
}
|
|
@@ -645,11 +644,11 @@ import { useCallback } from "react";
|
|
|
645
644
|
import { prettierBytes } from "@transloadit/prettier-bytes";
|
|
646
645
|
|
|
647
646
|
// packages/components/formatted/formatted-date/formatted-date.tsx
|
|
648
|
-
import
|
|
647
|
+
import React6 from "react";
|
|
649
648
|
import { format as formatter, parseISO, isValid } from "date-fns";
|
|
650
649
|
import { utcToZonedTime, format as formatWithTz } from "date-fns-tz";
|
|
651
650
|
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
652
|
-
var FormattedDate =
|
|
651
|
+
var FormattedDate = React6.memo(function FormattedDate2(props) {
|
|
653
652
|
const {
|
|
654
653
|
date,
|
|
655
654
|
format: incomingFormat,
|
|
@@ -717,12 +716,12 @@ var FormattedDatetime = ({
|
|
|
717
716
|
var formatted_datetime_default = FormattedDatetime;
|
|
718
717
|
|
|
719
718
|
// packages/components/attachments-form/components/table-file-list/table-row-actions.tsx
|
|
720
|
-
import
|
|
719
|
+
import React7 from "react";
|
|
721
720
|
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
722
721
|
var TableRowActions = (props) => {
|
|
723
722
|
const { removeFile, file, disabled, dictionary, allowToRemoveByRoles } = props;
|
|
724
723
|
const ctx = useTenantContext();
|
|
725
|
-
const allowedToRemove =
|
|
724
|
+
const allowedToRemove = React7.useMemo(() => {
|
|
726
725
|
let allowToRemove = false;
|
|
727
726
|
if (file.uploadedBy === ctx.data.user.id) {
|
|
728
727
|
allowToRemove = true;
|
|
@@ -1042,7 +1041,7 @@ function RejectionsMessage({ rejections }) {
|
|
|
1042
1041
|
] }, k)) })
|
|
1043
1042
|
] });
|
|
1044
1043
|
}
|
|
1045
|
-
var AttachmentsForm =
|
|
1044
|
+
var AttachmentsForm = React10.forwardRef(function AttachmentsForm2({
|
|
1046
1045
|
disabled = false,
|
|
1047
1046
|
files: baseFiles,
|
|
1048
1047
|
setFiles,
|
|
@@ -1139,7 +1138,7 @@ var AttachmentsForm = React11.forwardRef(function AttachmentsForm2({
|
|
|
1139
1138
|
});
|
|
1140
1139
|
|
|
1141
1140
|
// packages/components/attachments-form/accordion-attachments-form.tsx
|
|
1142
|
-
import
|
|
1141
|
+
import React11 from "react";
|
|
1143
1142
|
import { merge as merge3 } from "lodash-es";
|
|
1144
1143
|
import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1145
1144
|
var defaultDictionary3 = {
|
|
@@ -1163,7 +1162,7 @@ var defaultDictionary3 = {
|
|
|
1163
1162
|
exceedsSize: "The uploaded file exceeds the %{size} limit"
|
|
1164
1163
|
}
|
|
1165
1164
|
};
|
|
1166
|
-
var AccordionAttachmentsForm =
|
|
1165
|
+
var AccordionAttachmentsForm = React11.forwardRef(
|
|
1167
1166
|
({
|
|
1168
1167
|
files,
|
|
1169
1168
|
setFiles,
|
|
@@ -1177,8 +1176,8 @@ var AccordionAttachmentsForm = React12.forwardRef(
|
|
|
1177
1176
|
dictionary: dctnr
|
|
1178
1177
|
}, ref) => {
|
|
1179
1178
|
const dictionary = merge3({}, defaultDictionary3, dctnr);
|
|
1180
|
-
const [open, setOpen] =
|
|
1181
|
-
const { buttonId, panelId } =
|
|
1179
|
+
const [open, setOpen] = React11.useState(defaultOpen);
|
|
1180
|
+
const { buttonId, panelId } = React11.useMemo(() => {
|
|
1182
1181
|
return {
|
|
1183
1182
|
buttonId: generateId("accordion-file-input-button"),
|
|
1184
1183
|
panelId: generateId("accordion-file-input-panel")
|
|
@@ -1239,13 +1238,13 @@ var AccordionAttachmentsForm = React12.forwardRef(
|
|
|
1239
1238
|
AccordionAttachmentsForm.displayName = "AccordionAttachmentsForm";
|
|
1240
1239
|
|
|
1241
1240
|
// packages/components/attachments-form/accordion-form-wrapper.tsx
|
|
1242
|
-
import
|
|
1241
|
+
import React12 from "react";
|
|
1243
1242
|
import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1244
|
-
var AccordionFormWrapper =
|
|
1243
|
+
var AccordionFormWrapper = React12.forwardRef(function AccordionFormWrapper2(props, ref) {
|
|
1245
1244
|
const { children, label, defaultOpen = false, disabled } = props;
|
|
1246
|
-
const [open, setOpen] =
|
|
1247
|
-
const buttonId =
|
|
1248
|
-
const panelId =
|
|
1245
|
+
const [open, setOpen] = React12.useState(defaultOpen);
|
|
1246
|
+
const buttonId = React12.useId();
|
|
1247
|
+
const panelId = React12.useId();
|
|
1249
1248
|
return /* @__PURE__ */ jsxs12(
|
|
1250
1249
|
"div",
|
|
1251
1250
|
{
|
|
@@ -1321,10 +1320,10 @@ function BasePadding({
|
|
|
1321
1320
|
}
|
|
1322
1321
|
|
|
1323
1322
|
// packages/components/breadcrumbs/breadcrumbs.tsx
|
|
1324
|
-
import
|
|
1323
|
+
import React13 from "react";
|
|
1325
1324
|
import { Link } from "react-router-dom";
|
|
1326
1325
|
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
1327
|
-
var Breadcrumbs =
|
|
1326
|
+
var Breadcrumbs = React13.forwardRef(
|
|
1328
1327
|
function Breadcrumbs2({ isLoading, breadcrumbs }, ref) {
|
|
1329
1328
|
if (!isNonEmptyArray(breadcrumbs)) {
|
|
1330
1329
|
return null;
|
|
@@ -1506,10 +1505,10 @@ function ConfirmationModal({
|
|
|
1506
1505
|
}
|
|
1507
1506
|
|
|
1508
1507
|
// packages/components/covert-button/covert-button.tsx
|
|
1509
|
-
import
|
|
1508
|
+
import React15 from "react";
|
|
1510
1509
|
import cn9 from "classnames";
|
|
1511
1510
|
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
1512
|
-
var CovertButton =
|
|
1511
|
+
var CovertButton = React15.forwardRef(function CovertButton2({ children, className, ...rest }, ref) {
|
|
1513
1512
|
return /* @__PURE__ */ jsx24(
|
|
1514
1513
|
"button",
|
|
1515
1514
|
{
|
|
@@ -1845,13 +1844,13 @@ var CustomDropdown = memo(function CustomDropdown2({
|
|
|
1845
1844
|
});
|
|
1846
1845
|
|
|
1847
1846
|
// packages/components/date-selector/date-selector.tsx
|
|
1848
|
-
import
|
|
1847
|
+
import React17 from "react";
|
|
1849
1848
|
import cn11 from "classnames";
|
|
1850
1849
|
import { useObjectRef as useObjectRef2 } from "react-aria";
|
|
1851
1850
|
import DatePicker from "react-datepicker";
|
|
1852
1851
|
import "react-datepicker/dist/react-datepicker.css";
|
|
1853
1852
|
import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1854
|
-
var DateSelector =
|
|
1853
|
+
var DateSelector = React17.forwardRef(function DateSelector2({
|
|
1855
1854
|
customInputClass: className,
|
|
1856
1855
|
customWrapperClass,
|
|
1857
1856
|
onChange,
|
|
@@ -1866,7 +1865,7 @@ var DateSelector = React18.forwardRef(function DateSelector2({
|
|
|
1866
1865
|
id,
|
|
1867
1866
|
...rest
|
|
1868
1867
|
}, ref) {
|
|
1869
|
-
const internalId =
|
|
1868
|
+
const internalId = React17.useId();
|
|
1870
1869
|
const innerRef = useObjectRef2(ref);
|
|
1871
1870
|
const invalid = required && !selectedDate;
|
|
1872
1871
|
const dateTimeFormat = getDatetimeFormat();
|
|
@@ -2155,6 +2154,7 @@ var Checkbox = memo3(
|
|
|
2155
2154
|
// packages/components/dynamic-table/components/checkbox-header-cell.tsx
|
|
2156
2155
|
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
2157
2156
|
function CheckboxHeaderCell({
|
|
2157
|
+
disabled,
|
|
2158
2158
|
onRowSelectionChange,
|
|
2159
2159
|
isMultiSelect,
|
|
2160
2160
|
rows
|
|
@@ -2176,6 +2176,7 @@ function CheckboxHeaderCell({
|
|
|
2176
2176
|
return /* @__PURE__ */ jsx31("th", { "data-col": "select", children: /* @__PURE__ */ jsx31(
|
|
2177
2177
|
Checkbox,
|
|
2178
2178
|
{
|
|
2179
|
+
disabled,
|
|
2179
2180
|
"aria-label": "select all",
|
|
2180
2181
|
checked: isSelectedAll,
|
|
2181
2182
|
onChange: toggleSelectAll,
|
|
@@ -2219,7 +2220,7 @@ function ExpandRowButton({
|
|
|
2219
2220
|
}
|
|
2220
2221
|
|
|
2221
2222
|
// packages/components/dynamic-table/components/table-body-content.tsx
|
|
2222
|
-
import
|
|
2223
|
+
import React21 from "react";
|
|
2223
2224
|
import { isEmpty } from "lodash-es";
|
|
2224
2225
|
|
|
2225
2226
|
// packages/components/dynamic-table/utils.ts
|
|
@@ -2236,11 +2237,11 @@ function renderCell({ value }) {
|
|
|
2236
2237
|
}
|
|
2237
2238
|
|
|
2238
2239
|
// packages/components/form/radio/radio.tsx
|
|
2239
|
-
import
|
|
2240
|
+
import React20 from "react";
|
|
2240
2241
|
import cn13 from "classnames";
|
|
2241
2242
|
import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2242
|
-
var Radio =
|
|
2243
|
-
|
|
2243
|
+
var Radio = React20.memo(
|
|
2244
|
+
React20.forwardRef(function Radio2(props, ref) {
|
|
2244
2245
|
const {
|
|
2245
2246
|
label,
|
|
2246
2247
|
name,
|
|
@@ -2259,7 +2260,7 @@ var Radio = React21.memo(
|
|
|
2259
2260
|
inputProps = {},
|
|
2260
2261
|
containerProps = {}
|
|
2261
2262
|
} = props;
|
|
2262
|
-
const helpTextAttrs =
|
|
2263
|
+
const helpTextAttrs = React20.useMemo(() => {
|
|
2263
2264
|
if (!helpText) {
|
|
2264
2265
|
return {
|
|
2265
2266
|
input: {},
|
|
@@ -2276,7 +2277,7 @@ var Radio = React21.memo(
|
|
|
2276
2277
|
}
|
|
2277
2278
|
};
|
|
2278
2279
|
}, [helpText]);
|
|
2279
|
-
const handleChange =
|
|
2280
|
+
const handleChange = React20.useCallback(
|
|
2280
2281
|
(event) => {
|
|
2281
2282
|
if (isFunction(onChange)) {
|
|
2282
2283
|
onChange(event.target.value, optionData ?? {}, event);
|
|
@@ -2484,7 +2485,7 @@ function TableBodyContent(props) {
|
|
|
2484
2485
|
return /* @__PURE__ */ jsx36("tr", { children: /* @__PURE__ */ jsx36("td", { colSpan: numColumns, children: /* @__PURE__ */ jsx36("span", { className: "dynamic-table__empty-data-message", children: noResultsLabel || "No results to display." }) }) });
|
|
2485
2486
|
}
|
|
2486
2487
|
return /* @__PURE__ */ jsx36(Fragment4, { children: rows.map((row, rowIndex) => {
|
|
2487
|
-
return /* @__PURE__ */ jsxs22(
|
|
2488
|
+
return /* @__PURE__ */ jsxs22(React21.Fragment, { children: [
|
|
2488
2489
|
/* @__PURE__ */ jsx36(
|
|
2489
2490
|
RowContent,
|
|
2490
2491
|
{
|
|
@@ -2725,6 +2726,7 @@ var DynamicTable = forwardRef4(
|
|
|
2725
2726
|
isExpandable && /* @__PURE__ */ jsx38("th", { "data-col": "expand", scope: "col", children: /* @__PURE__ */ jsx38(
|
|
2726
2727
|
ExpandRowButton,
|
|
2727
2728
|
{
|
|
2729
|
+
disabled: isLoading || isRefresh,
|
|
2728
2730
|
isExpanded: isExpandable,
|
|
2729
2731
|
onClick: () => {
|
|
2730
2732
|
if (expandedRows.length === 0) {
|
|
@@ -2745,6 +2747,7 @@ var DynamicTable = forwardRef4(
|
|
|
2745
2747
|
isSelectable && /* @__PURE__ */ jsx38(
|
|
2746
2748
|
CheckboxHeaderCell,
|
|
2747
2749
|
{
|
|
2750
|
+
disabled: isLoading || isRefresh,
|
|
2748
2751
|
isMultiSelect,
|
|
2749
2752
|
rows: tableRows,
|
|
2750
2753
|
onRowSelectionChange: handleRowSelectionChange
|
|
@@ -2771,7 +2774,6 @@ var DynamicTable = forwardRef4(
|
|
|
2771
2774
|
children: /* @__PURE__ */ jsx38(
|
|
2772
2775
|
TableBodyContent,
|
|
2773
2776
|
{
|
|
2774
|
-
children,
|
|
2775
2777
|
rows: tableRows,
|
|
2776
2778
|
headers: tableHeaders,
|
|
2777
2779
|
isLoading,
|
|
@@ -2786,7 +2788,8 @@ var DynamicTable = forwardRef4(
|
|
|
2786
2788
|
handleRowClick,
|
|
2787
2789
|
noResultsLabel,
|
|
2788
2790
|
expandedRows,
|
|
2789
|
-
toggleExpandableRow
|
|
2791
|
+
toggleExpandableRow,
|
|
2792
|
+
children
|
|
2790
2793
|
}
|
|
2791
2794
|
)
|
|
2792
2795
|
}
|
|
@@ -2903,11 +2906,11 @@ function Number2({ integer, ...rest }) {
|
|
|
2903
2906
|
}
|
|
2904
2907
|
|
|
2905
2908
|
// packages/components/form/radio-group/radio-group.tsx
|
|
2906
|
-
import
|
|
2909
|
+
import React24 from "react";
|
|
2907
2910
|
import cn15 from "classnames";
|
|
2908
2911
|
import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2909
|
-
var RadioGroup =
|
|
2910
|
-
|
|
2912
|
+
var RadioGroup = React24.memo(
|
|
2913
|
+
React24.forwardRef(function RadioGroup2(props, ref) {
|
|
2911
2914
|
const {
|
|
2912
2915
|
name,
|
|
2913
2916
|
value,
|
|
@@ -2925,8 +2928,8 @@ var RadioGroup = React25.memo(
|
|
|
2925
2928
|
inputProps = {},
|
|
2926
2929
|
containerProps = {}
|
|
2927
2930
|
} = props;
|
|
2928
|
-
const groupName =
|
|
2929
|
-
const errorUid =
|
|
2931
|
+
const groupName = React24.useId();
|
|
2932
|
+
const errorUid = React24.useId();
|
|
2930
2933
|
return /* @__PURE__ */ jsxs26(
|
|
2931
2934
|
"fieldset",
|
|
2932
2935
|
{
|
|
@@ -2969,11 +2972,11 @@ var RadioGroup = React25.memo(
|
|
|
2969
2972
|
);
|
|
2970
2973
|
|
|
2971
2974
|
// packages/components/form/toggle/toggle.tsx
|
|
2972
|
-
import
|
|
2975
|
+
import React25 from "react";
|
|
2973
2976
|
import cn16 from "classnames";
|
|
2974
2977
|
import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2975
|
-
var Toggle =
|
|
2976
|
-
|
|
2978
|
+
var Toggle = React25.memo(
|
|
2979
|
+
React25.forwardRef(function Toggle2(props, ref) {
|
|
2977
2980
|
const {
|
|
2978
2981
|
label,
|
|
2979
2982
|
id,
|
|
@@ -2989,7 +2992,7 @@ var Toggle = React26.memo(
|
|
|
2989
2992
|
inputProps = {},
|
|
2990
2993
|
withLoading = false
|
|
2991
2994
|
} = props;
|
|
2992
|
-
const [isLoading, setIsLoading] =
|
|
2995
|
+
const [isLoading, setIsLoading] = React25.useState(false);
|
|
2993
2996
|
const handleChange = async (event) => {
|
|
2994
2997
|
if (!isFunction(onChange)) {
|
|
2995
2998
|
return;
|
|
@@ -3081,13 +3084,13 @@ var Toggle = React26.memo(
|
|
|
3081
3084
|
);
|
|
3082
3085
|
|
|
3083
3086
|
// packages/components/form/combobox/combobox.tsx
|
|
3084
|
-
import
|
|
3087
|
+
import React28 from "react";
|
|
3085
3088
|
import cn17 from "classnames";
|
|
3086
3089
|
import ReactSelect from "react-select";
|
|
3087
3090
|
import AsyncReactSelect from "react-select/async";
|
|
3088
3091
|
|
|
3089
3092
|
// packages/components/form/combobox/utils.tsx
|
|
3090
|
-
import
|
|
3093
|
+
import React26 from "react";
|
|
3091
3094
|
import { has, omit, isNil } from "lodash-es";
|
|
3092
3095
|
var SELECT_SUB_TYPES = {
|
|
3093
3096
|
GROUP: "group",
|
|
@@ -3159,7 +3162,7 @@ var isAsyncComponent = (props) => {
|
|
|
3159
3162
|
};
|
|
3160
3163
|
|
|
3161
3164
|
// packages/components/form/combobox/components.tsx
|
|
3162
|
-
import
|
|
3165
|
+
import React27 from "react";
|
|
3163
3166
|
import { components } from "react-select";
|
|
3164
3167
|
import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3165
3168
|
var baseClearIcon = /* @__PURE__ */ jsx43(
|
|
@@ -3211,7 +3214,7 @@ var ClearIndicator = (props) => {
|
|
|
3211
3214
|
},
|
|
3212
3215
|
className: "combobox__clear-indicator",
|
|
3213
3216
|
"data-action": "clear",
|
|
3214
|
-
children: typeof ClearIcon === "function" ? ClearIcon(props) :
|
|
3217
|
+
children: typeof ClearIcon === "function" ? ClearIcon(props) : React27.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon
|
|
3215
3218
|
}
|
|
3216
3219
|
);
|
|
3217
3220
|
};
|
|
@@ -3220,17 +3223,17 @@ var StartIndicator = (props) => {
|
|
|
3220
3223
|
return null;
|
|
3221
3224
|
}
|
|
3222
3225
|
const { StartIcon } = props.selectProps.components;
|
|
3223
|
-
return /* @__PURE__ */ jsx43("div", { className: "combobox__start-icon", children: typeof StartIcon === "function" ? StartIcon(props) :
|
|
3226
|
+
return /* @__PURE__ */ jsx43("div", { className: "combobox__start-icon", children: typeof StartIcon === "function" ? StartIcon(props) : React27.isValidElement(StartIcon) ? StartIcon : baseSearchIcon });
|
|
3224
3227
|
};
|
|
3225
3228
|
var DropdownIndicator = (props) => {
|
|
3226
3229
|
const { DropdownIcon } = props.selectProps.components;
|
|
3227
|
-
return /* @__PURE__ */ jsx43(components.DropdownIndicator, { ...props, children: typeof DropdownIcon === "function" ? DropdownIcon(props) :
|
|
3230
|
+
return /* @__PURE__ */ jsx43(components.DropdownIndicator, { ...props, children: typeof DropdownIcon === "function" ? DropdownIcon(props) : React27.isValidElement(DropdownIcon) ? DropdownIcon : baseDropdownIcon });
|
|
3228
3231
|
};
|
|
3229
3232
|
var MenuList = (props) => {
|
|
3230
|
-
|
|
3233
|
+
React27.useEffect(() => {
|
|
3231
3234
|
props.selectProps.updateFocusedOption();
|
|
3232
3235
|
}, [props.options.length]);
|
|
3233
|
-
|
|
3236
|
+
React27.useEffect(() => {
|
|
3234
3237
|
props.selectProps.updateFocusedOption();
|
|
3235
3238
|
}, [props.getValue()]);
|
|
3236
3239
|
return /* @__PURE__ */ jsx43(components.MenuList, { ...props, children: props.children });
|
|
@@ -3275,7 +3278,7 @@ var Control = (props) => {
|
|
|
3275
3278
|
};
|
|
3276
3279
|
var MultiValueRemove = (props) => {
|
|
3277
3280
|
const { ClearIcon } = props.selectProps.components;
|
|
3278
|
-
return /* @__PURE__ */ jsx43(components.MultiValueRemove, { ...props, children: typeof ClearIcon === "function" ? ClearIcon(props) :
|
|
3281
|
+
return /* @__PURE__ */ jsx43(components.MultiValueRemove, { ...props, children: typeof ClearIcon === "function" ? ClearIcon(props) : React27.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon });
|
|
3279
3282
|
};
|
|
3280
3283
|
var Input3 = (props) => {
|
|
3281
3284
|
const { describedById } = props.selectProps;
|
|
@@ -3290,7 +3293,7 @@ var Input3 = (props) => {
|
|
|
3290
3293
|
|
|
3291
3294
|
// packages/components/form/combobox/combobox.tsx
|
|
3292
3295
|
import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3293
|
-
var Combobox =
|
|
3296
|
+
var Combobox = React28.forwardRef(
|
|
3294
3297
|
function Combobox2(props, ref) {
|
|
3295
3298
|
const {
|
|
3296
3299
|
id,
|
|
@@ -3316,9 +3319,9 @@ var Combobox = React29.forwardRef(
|
|
|
3316
3319
|
onKeyDown,
|
|
3317
3320
|
...rest
|
|
3318
3321
|
} = props;
|
|
3319
|
-
const internalId =
|
|
3320
|
-
const describedById =
|
|
3321
|
-
const selectRef =
|
|
3322
|
+
const internalId = React28.useId();
|
|
3323
|
+
const describedById = React28.useId();
|
|
3324
|
+
const selectRef = React28.useRef(null);
|
|
3322
3325
|
const isAsync = isAsyncComponent(props);
|
|
3323
3326
|
const loadOptionsWithHiddenOptionsCount = (inputValue, ...args) => {
|
|
3324
3327
|
return loadOptions(inputValue, ...args).then((result) => {
|
|
@@ -3426,7 +3429,7 @@ var Combobox = React29.forwardRef(
|
|
|
3426
3429
|
required && /* @__PURE__ */ jsx44("span", { className: "combobox-fieldset__required", children: "*" }),
|
|
3427
3430
|
label
|
|
3428
3431
|
] }),
|
|
3429
|
-
|
|
3432
|
+
React28.createElement(
|
|
3430
3433
|
isAsync ? AsyncReactSelect : ReactSelect,
|
|
3431
3434
|
// @ts-expect-error type mismatch
|
|
3432
3435
|
selectProps
|
|
@@ -3748,17 +3751,14 @@ function UserSelect(props) {
|
|
|
3748
3751
|
searchText: inputValue
|
|
3749
3752
|
});
|
|
3750
3753
|
const personOptions = items.map((it) => normalizeUserToOption(it));
|
|
3751
|
-
const options = personOptions.length > 0 ?
|
|
3752
|
-
|
|
3753
|
-
|
|
3754
|
-
|
|
3755
|
-
|
|
3756
|
-
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
// @ts-ignore
|
|
3760
|
-
].concat(personOptions)
|
|
3761
|
-
) : personOptions;
|
|
3754
|
+
const options = personOptions.length > 0 ? [
|
|
3755
|
+
{
|
|
3756
|
+
label: "Expand All",
|
|
3757
|
+
value: "expand-all",
|
|
3758
|
+
isExpandAll: true
|
|
3759
|
+
}
|
|
3760
|
+
// @ts-expect-error expected
|
|
3761
|
+
].concat(personOptions) : personOptions;
|
|
3762
3762
|
return {
|
|
3763
3763
|
options,
|
|
3764
3764
|
hiddenOptionsCount: totalPages > 1 && totalElements - items.length
|
|
@@ -3793,7 +3793,7 @@ function UserSelect(props) {
|
|
|
3793
3793
|
}
|
|
3794
3794
|
|
|
3795
3795
|
// packages/components/form-note-attachments-view/form-note-attachments-view.tsx
|
|
3796
|
-
import
|
|
3796
|
+
import React34, { useState as useState10, useEffect as useEffect14 } from "react";
|
|
3797
3797
|
import { merge as merge4 } from "lodash-es";
|
|
3798
3798
|
|
|
3799
3799
|
// packages/components/prevent-leave-page-dialog/prevent-leave-page-dialog.tsx
|
|
@@ -3820,7 +3820,7 @@ var PreventLeaveDialog = memo5(function PreventLeaveDialog2({
|
|
|
3820
3820
|
});
|
|
3821
3821
|
|
|
3822
3822
|
// packages/components/formatted/formatted-rich-text/formatted-rich-text.tsx
|
|
3823
|
-
import
|
|
3823
|
+
import React31, { useRef as useRef6, useEffect as useEffect12, useState as useState7 } from "react";
|
|
3824
3824
|
import cn20 from "classnames";
|
|
3825
3825
|
import Quill2 from "quill";
|
|
3826
3826
|
import Linkify from "linkify-react";
|
|
@@ -3830,7 +3830,7 @@ var linkifyOptions = {
|
|
|
3830
3830
|
target: "_blank",
|
|
3831
3831
|
rel: "noopener noreferrer"
|
|
3832
3832
|
};
|
|
3833
|
-
var FormattedRichText =
|
|
3833
|
+
var FormattedRichText = React31.memo(function FormattedRichText2({
|
|
3834
3834
|
className: incomingClassName,
|
|
3835
3835
|
maxLength,
|
|
3836
3836
|
singleLine,
|
|
@@ -4502,7 +4502,7 @@ function FormNoteAttachmentsView({
|
|
|
4502
4502
|
const handleDrop = (acceptedFiles) => {
|
|
4503
4503
|
setAttachments(attachments.concat(validateAttachments(acceptedFiles)));
|
|
4504
4504
|
};
|
|
4505
|
-
const hasInvalidNote =
|
|
4505
|
+
const hasInvalidNote = React34.useMemo(() => {
|
|
4506
4506
|
const plainText = convertToPlainText(newNoteMessage);
|
|
4507
4507
|
return plainText.length > MAX_NOTE_LENGTH;
|
|
4508
4508
|
}, [newNoteMessage]);
|
|
@@ -4732,9 +4732,9 @@ function FormNoteAttachmentsView({
|
|
|
4732
4732
|
}
|
|
4733
4733
|
|
|
4734
4734
|
// packages/components/formatted/formatted-value/formatted-value.tsx
|
|
4735
|
-
import
|
|
4735
|
+
import React35 from "react";
|
|
4736
4736
|
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
4737
|
-
var FormattedValue =
|
|
4737
|
+
var FormattedValue = React35.memo(function FormattedValue2({
|
|
4738
4738
|
type,
|
|
4739
4739
|
value,
|
|
4740
4740
|
fallback,
|
|
@@ -5229,14 +5229,14 @@ import { useEffect as useEffect16, useRef as useRef7, forwardRef as forwardRef7
|
|
|
5229
5229
|
import cn24 from "classnames";
|
|
5230
5230
|
|
|
5231
5231
|
// packages/components/sub-header/sub-header.tsx
|
|
5232
|
-
import
|
|
5232
|
+
import React37 from "react";
|
|
5233
5233
|
import cn23 from "classnames";
|
|
5234
5234
|
function SubHeader({
|
|
5235
5235
|
children,
|
|
5236
5236
|
className,
|
|
5237
5237
|
headingType = "h1"
|
|
5238
5238
|
}) {
|
|
5239
|
-
return
|
|
5239
|
+
return React37.createElement(headingType, {
|
|
5240
5240
|
className: cn23("subHeader", className),
|
|
5241
5241
|
children
|
|
5242
5242
|
});
|
|
@@ -5665,10 +5665,10 @@ import cn25 from "classnames";
|
|
|
5665
5665
|
import { useLocation, useHistory } from "react-router-dom";
|
|
5666
5666
|
|
|
5667
5667
|
// packages/components/tabs/tab/tab.tsx
|
|
5668
|
-
import
|
|
5668
|
+
import React41 from "react";
|
|
5669
5669
|
import { jsx as jsx65 } from "react/jsx-runtime";
|
|
5670
|
-
var Tab =
|
|
5671
|
-
|
|
5670
|
+
var Tab = React41.memo(
|
|
5671
|
+
React41.forwardRef(
|
|
5672
5672
|
({
|
|
5673
5673
|
id,
|
|
5674
5674
|
title,
|
|
@@ -5784,7 +5784,7 @@ function Tabs({ className, panes, disabled = false }) {
|
|
|
5784
5784
|
}
|
|
5785
5785
|
|
|
5786
5786
|
// packages/components/task-form/task-form.tsx
|
|
5787
|
-
import
|
|
5787
|
+
import React66, {
|
|
5788
5788
|
forwardRef as forwardRef9,
|
|
5789
5789
|
memo as memo22,
|
|
5790
5790
|
useCallback as useCallback13,
|
|
@@ -7772,7 +7772,7 @@ var milestoneDictionary = {
|
|
|
7772
7772
|
import { memo as memo18, useRef as useRef11, useState as useState25 } from "react";
|
|
7773
7773
|
|
|
7774
7774
|
// packages/components/task-form/linked-tasks/table-linked-tasks-list.tsx
|
|
7775
|
-
import
|
|
7775
|
+
import React57 from "react";
|
|
7776
7776
|
|
|
7777
7777
|
// packages/components/task-form/linked-tasks/vo/task-categories.vo.ts
|
|
7778
7778
|
var TASK_CATEGORIES = {
|
|
@@ -8027,7 +8027,7 @@ var tableColumns3 = [
|
|
|
8027
8027
|
];
|
|
8028
8028
|
function TableLinkedTasksList({ disabled }) {
|
|
8029
8029
|
const { values, onInputChange, refreshLinkedTasks } = useFormContext();
|
|
8030
|
-
const rows =
|
|
8030
|
+
const rows = React57.useMemo(() => {
|
|
8031
8031
|
return [...values.tasksToLink, ...values.linkedTasks].filter(
|
|
8032
8032
|
(task2) => !values.tasksIdsToRemove?.includes(task2.id)
|
|
8033
8033
|
);
|
|
@@ -8679,14 +8679,14 @@ import { useState as useState28 } from "react";
|
|
|
8679
8679
|
import { merge as merge7 } from "lodash-es";
|
|
8680
8680
|
|
|
8681
8681
|
// packages/components/task-form/comments/table-row.tsx
|
|
8682
|
-
import
|
|
8682
|
+
import React61 from "react";
|
|
8683
8683
|
import cn29 from "classnames";
|
|
8684
8684
|
import { isNil as isNil4 } from "lodash-es";
|
|
8685
8685
|
import { Fragment as Fragment9, jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
8686
8686
|
var TableRow2 = (props) => {
|
|
8687
|
-
const [commentToRemove, setCommentToRemove] =
|
|
8688
|
-
const [editingComment, setEditingComment] =
|
|
8689
|
-
const [showCancelCommentEditingModal, setShowCancelCommentEditingModal] =
|
|
8687
|
+
const [commentToRemove, setCommentToRemove] = React61.useState(null);
|
|
8688
|
+
const [editingComment, setEditingComment] = React61.useState(false);
|
|
8689
|
+
const [showCancelCommentEditingModal, setShowCancelCommentEditingModal] = React61.useState(false);
|
|
8690
8690
|
const { values, onInputChange } = useFormContext();
|
|
8691
8691
|
const tenantCtx = useTenantContext();
|
|
8692
8692
|
const { allowToRemoveByRoles, comment, disabled, dictionary } = props;
|
|
@@ -9784,7 +9784,7 @@ function hasUnsavedChanges2({
|
|
|
9784
9784
|
)?.toDateString();
|
|
9785
9785
|
return isBaseFieldsChanged(values, initialValues) || isAttachmentsChanged({ attachments }, initialValues) || isRemindersChanged(values, initialValues) || isCommentsChanged(values) || dueDateChanged || internalDateChanged;
|
|
9786
9786
|
}
|
|
9787
|
-
var TaskFormComponent =
|
|
9787
|
+
var TaskFormComponent = React66.forwardRef(function TaskFormComponent2(props, ref) {
|
|
9788
9788
|
const {
|
|
9789
9789
|
allowToRemoveAttachmentsByRoles,
|
|
9790
9790
|
allowToRemoveCommentsByRoles,
|
|
@@ -10304,6 +10304,8 @@ export {
|
|
|
10304
10304
|
MultiFileUpload,
|
|
10305
10305
|
RichText,
|
|
10306
10306
|
TextArea,
|
|
10307
|
+
normalizeUserToOption,
|
|
10308
|
+
UserComboboxOption,
|
|
10307
10309
|
UserSelect,
|
|
10308
10310
|
PreventLeaveDialog,
|
|
10309
10311
|
FormattedRichText,
|
|
@@ -10332,4 +10334,4 @@ export {
|
|
|
10332
10334
|
MilestoneProgress2 as MilestoneProgress,
|
|
10333
10335
|
TaskFormHeader
|
|
10334
10336
|
};
|
|
10335
|
-
//# sourceMappingURL=chunk-
|
|
10337
|
+
//# sourceMappingURL=chunk-QRWUG2FO.js.map
|