@portnet/ui 5.0.29 → 5.0.30

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.
Files changed (2) hide show
  1. package/dist/components/widgets/PuiHelpWidget.js +99 -59
  2. package/package.json +1 -1
package/dist/components/widgets/PuiHelpWidget.js CHANGED
@@ -1305,6 +1305,12 @@ const ReclamationFormModal = _ref4 => {
1305
1305
  extensions: ".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif",
1306
1306
  mimeTypes: ["application/pdf", "application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "image/jpeg", "image/png", "image/gif"]
1307
1307
  };
1308
+ const dialogContentRef = (0, _react.useRef)(null);
1309
+ (0, _react.useEffect)(() => {
1310
+ if (dialogContentRef.current) {
1311
+ dialogContentRef.current.scrollTop = 0;
1312
+ }
1313
+ }, [activeStep]);
1308
1314
  (0, _react.useEffect)(() => {
1309
1315
  if (!open) {
1310
1316
  setTimeout(() => {
@@ -1500,65 +1506,72 @@ const ReclamationFormModal = _ref4 => {
1500
1506
  sx: {
1501
1507
  mt: 3
1502
1508
  }
1503
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Autocomplete, {
1504
- options: listServiceReclamation || [],
1505
- loading: isFetchingListServiceReclamation,
1506
- value: formData.service || "",
1507
- onChange: handleServiceChange,
1508
- getOptionLabel: option => (option === null || option === void 0 ? void 0 : option.libelle) || "",
1509
- renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
1510
- label: "Rechercher un service",
1511
- placeholder: "Commencez \xE0 taper...",
1512
- variant: "outlined",
1513
- fullWidth: true
1514
- })),
1515
- renderOption: (props, option) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
1516
- className: "service-option",
1517
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1518
- display: "flex",
1519
- alignItems: "center",
1520
- gap: 1,
1521
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1522
- className: "service-bullet"
1523
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1524
- children: option === null || option === void 0 ? void 0 : option.libelle
1525
- })]
1526
- })
1527
- })),
1528
- PopperComponent: CustomPopper,
1529
- noOptionsText: "Aucun service trouv\xE9",
1530
- className: "service-autocomplete"
1531
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Autocomplete, {
1532
- options: listNatureReclamation || [],
1533
- loading: isFetchingListNatureReclamation,
1534
- value: formData.nature || "",
1535
- disabled: !formData.service,
1536
- onChange: (e, value) => setFormData(prev => _objectSpread(_objectSpread({}, prev), {}, {
1537
- nature: value
1538
- })),
1539
- getOptionLabel: option => (option === null || option === void 0 ? void 0 : option.libelle) || "",
1540
- renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
1541
- label: "Nature de la demande",
1542
- placeholder: formData.service ? "Commencez à taper..." : "Sélectionnez d'abord un service",
1543
- variant: "outlined",
1544
- fullWidth: true
1545
- })),
1546
- renderOption: (props, option) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
1547
- className: "service-option",
1548
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1549
- display: "flex",
1550
- alignItems: "center",
1551
- gap: 1,
1552
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1553
- className: "service-bullet"
1554
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1555
- children: option === null || option === void 0 ? void 0 : option.libelle
1556
- })]
1557
- })
1558
- })),
1559
- PopperComponent: CustomPopper,
1560
- noOptionsText: "Aucune nature trouv\xE9e",
1561
- className: "service-autocomplete"
1509
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1510
+ sx: {
1511
+ display: "flex",
1512
+ flexDirection: "column",
1513
+ gap: 3
1514
+ },
1515
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Autocomplete, {
1516
+ options: listServiceReclamation || [],
1517
+ loading: isFetchingListServiceReclamation,
1518
+ value: formData.service || "",
1519
+ onChange: handleServiceChange,
1520
+ getOptionLabel: option => (option === null || option === void 0 ? void 0 : option.libelle) || "",
1521
+ renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
1522
+ label: "Rechercher un service",
1523
+ placeholder: "Commencez \xE0 taper...",
1524
+ variant: "outlined",
1525
+ fullWidth: true
1526
+ })),
1527
+ renderOption: (props, option) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
1528
+ className: "service-option",
1529
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1530
+ display: "flex",
1531
+ alignItems: "center",
1532
+ gap: 1,
1533
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1534
+ className: "service-bullet"
1535
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1536
+ children: option === null || option === void 0 ? void 0 : option.libelle
1537
+ })]
1538
+ })
1539
+ })),
1540
+ PopperComponent: CustomPopper,
1541
+ noOptionsText: "Aucun service trouv\xE9",
1542
+ className: "service-autocomplete"
1543
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Autocomplete, {
1544
+ options: listNatureReclamation || [],
1545
+ loading: isFetchingListNatureReclamation,
1546
+ value: formData.nature || "",
1547
+ disabled: !formData.service,
1548
+ onChange: (e, value) => setFormData(prev => _objectSpread(_objectSpread({}, prev), {}, {
1549
+ nature: value
1550
+ })),
1551
+ getOptionLabel: option => (option === null || option === void 0 ? void 0 : option.libelle) || "",
1552
+ renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
1553
+ label: "Nature de la demande",
1554
+ placeholder: formData.service ? "Commencez à taper..." : "Sélectionnez d'abord un service",
1555
+ variant: "outlined",
1556
+ fullWidth: true
1557
+ })),
1558
+ renderOption: (props, option) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
1559
+ className: "service-option",
1560
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1561
+ display: "flex",
1562
+ alignItems: "center",
1563
+ gap: 1,
1564
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1565
+ className: "service-bullet"
1566
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1567
+ children: option === null || option === void 0 ? void 0 : option.libelle
1568
+ })]
1569
+ })
1570
+ })),
1571
+ PopperComponent: CustomPopper,
1572
+ noOptionsText: "Aucune nature trouv\xE9e",
1573
+ className: "service-autocomplete"
1574
+ })]
1562
1575
  })]
1563
1576
  })
1564
1577
  });
@@ -1623,6 +1636,9 @@ const ReclamationFormModal = _ref4 => {
1623
1636
  }
1624
1637
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1625
1638
  className: "file-upload-section",
1639
+ sx: {
1640
+ mb: 3
1641
+ },
1626
1642
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
1627
1643
  type: "file",
1628
1644
  id: "file-upload",
@@ -1780,6 +1796,7 @@ const ReclamationFormModal = _ref4 => {
1780
1796
  }, label))
1781
1797
  })]
1782
1798
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContent, {
1799
+ ref: dialogContentRef,
1783
1800
  className: "modal-content",
1784
1801
  style: {
1785
1802
  overflow: activeStep === 1 ? "visible" : "auto"
@@ -2407,6 +2424,29 @@ const ReclamationsList = _ref5 => {
2407
2424
  },
2408
2425
  children: selectedReclamation === null || selectedReclamation === void 0 ? void 0 : selectedReclamation.service
2409
2426
  })]
2427
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
2428
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
2429
+ component: "div",
2430
+ sx: {
2431
+ fontSize: "11px",
2432
+ color: "#999",
2433
+ fontWeight: "500",
2434
+ marginBottom: "6px",
2435
+ textTransform: "uppercase",
2436
+ letterSpacing: "0.5px",
2437
+ fontFamily: WIDGET_FONT
2438
+ },
2439
+ children: "Nature de la demande"
2440
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
2441
+ component: "div",
2442
+ sx: {
2443
+ fontSize: "14px",
2444
+ color: "#333",
2445
+ fontWeight: "500",
2446
+ fontFamily: WIDGET_FONT
2447
+ },
2448
+ children: selectedReclamation === null || selectedReclamation === void 0 ? void 0 : selectedReclamation.nature
2449
+ })]
2410
2450
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
2411
2451
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
2412
2452
  component: "div",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@portnet/ui",
3
- "version": "5.0.29",
3
+ "version": "5.0.30",
4
4
  "description": "Portnet UI",
5
5
  "keywords": [
6
6
  "react",