impact-ui 4.0.1-alpha.2 → 4.0.1-alpha.21

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 (192) hide show
  1. package/dist/_virtual/North.js +4 -0
  2. package/dist/_virtual/_commonjsHelpers.js +1 -1
  3. package/dist/_virtual/index13.js +2 -2
  4. package/dist/_virtual/index14.js +2 -2
  5. package/dist/_virtual/index15.js +2 -2
  6. package/dist/_virtual/index16.js +2 -2
  7. package/dist/components/AccordionModern/index.js +5 -10
  8. package/dist/components/BottomSheet/index.d.ts.map +1 -1
  9. package/dist/components/BottomSheet/index.js +5 -4
  10. package/dist/components/Chart/index.d.ts.map +1 -1
  11. package/dist/components/Chart/index.js +5 -7
  12. package/dist/components/Chatbot/constant.d.ts.map +1 -1
  13. package/dist/components/Chatbot/constant.js +8 -2
  14. package/dist/components/Chatbot/index.d.ts.map +1 -1
  15. package/dist/components/Chatbot/index.js +24 -15
  16. package/dist/components/Chatbot/newChatComponent.js +1 -1
  17. package/dist/components/Checkbox/Default.js +1 -1
  18. package/dist/components/CommentsPanel/CommentsContext.js +5 -9
  19. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
  20. package/dist/components/CommentsPanel/CommentsPanel.impl.js +8 -12
  21. package/dist/components/DatePicker/index.d.ts.map +1 -1
  22. package/dist/components/DatePicker/index.js +1 -1
  23. package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts +1 -5
  24. package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts.map +1 -1
  25. package/dist/components/DateRangePicker/dateRangePickerCustom.js +1 -4
  26. package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts +1 -44
  27. package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map +1 -1
  28. package/dist/components/DateRangePicker/dateRangePickerDropdown.js +204 -166
  29. package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts +1 -11
  30. package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts.map +1 -1
  31. package/dist/components/DateRangePicker/dateRangePickerFooter.js +1 -1
  32. package/dist/components/DateRangePicker/dateRangePickerInput.d.ts +1 -30
  33. package/dist/components/DateRangePicker/dateRangePickerInput.d.ts.map +1 -1
  34. package/dist/components/DateRangePicker/dateRangePickerInput.js +225 -180
  35. package/dist/components/DateRangePicker/index.d.ts +2 -6
  36. package/dist/components/DateRangePicker/index.d.ts.map +1 -1
  37. package/dist/components/DateRangePicker/index.js +158 -164
  38. package/dist/components/DateRangePicker/showMonthYearSelect.d.ts +1 -12
  39. package/dist/components/DateRangePicker/showMonthYearSelect.d.ts.map +1 -1
  40. package/dist/components/DateRangePicker/showMonthYearSelect.js +37 -51
  41. package/dist/components/DateRangePicker/utils.d.ts +13 -39
  42. package/dist/components/DateRangePicker/utils.d.ts.map +1 -1
  43. package/dist/components/DateRangePicker/utils.js +25 -30
  44. package/dist/components/FileUpload/index.d.ts.map +1 -1
  45. package/dist/components/FileUpload/index.js +4 -2
  46. package/dist/components/FiltersStrip/AppliedFilters.d.ts.map +1 -1
  47. package/dist/components/FiltersStrip/AppliedFilters.js +6 -6
  48. package/dist/components/Header/index.js +1 -1
  49. package/dist/components/KeyboardShortCuts/Keycombo.d.ts +3 -1
  50. package/dist/components/KeyboardShortCuts/Keycombo.d.ts.map +1 -1
  51. package/dist/components/KeyboardShortCuts/Keycombo.js +11 -1
  52. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map +1 -1
  53. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +38 -12
  54. package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts.map +1 -1
  55. package/dist/components/KeyboardShortCuts/ShortcutModal.js +100 -43
  56. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  57. package/dist/components/KeyboardShortCuts/index.js +1 -1
  58. package/dist/components/KeyboardShortCuts/tutorial.d.ts.map +1 -1
  59. package/dist/components/KeyboardShortCuts/tutorial.js +9 -6
  60. package/dist/components/Loader/index.js +1 -1
  61. package/dist/components/Menu/MenuHeaderInfo.d.ts.map +1 -1
  62. package/dist/components/Menu/MenuHeaderInfo.js +4 -7
  63. package/dist/components/Modal/Modal.types.d.ts +12 -1
  64. package/dist/components/Modal/Modal.types.d.ts.map +1 -1
  65. package/dist/components/Modal/index.js +2 -2
  66. package/dist/components/Notification/Notification.types.d.ts +4 -0
  67. package/dist/components/Notification/Notification.types.d.ts.map +1 -1
  68. package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map +1 -1
  69. package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.js +2 -1
  70. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts.map +1 -1
  71. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +9 -4
  72. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
  73. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js +169 -47
  74. package/dist/components/Notification/index.js +1 -1
  75. package/dist/components/Notification/mockData.d.ts.map +1 -1
  76. package/dist/components/Select/Select.types.d.ts +4 -6
  77. package/dist/components/Select/Select.types.d.ts.map +1 -1
  78. package/dist/components/Select/customGroupHeading.d.ts.map +1 -1
  79. package/dist/components/Select/customGroupHeading.js +9 -3
  80. package/dist/components/Select/dropdown.d.ts.map +1 -1
  81. package/dist/components/Select/dropdown.js +1 -1
  82. package/dist/components/Select/hooks/useMenuPosition.d.ts +1 -1
  83. package/dist/components/Select/hooks/useMenuPosition.d.ts.map +1 -1
  84. package/dist/components/Select/hooks/useMenuPosition.js +25 -39
  85. package/dist/components/Select/hooks/useScrollIntoView.d.ts +2 -1
  86. package/dist/components/Select/hooks/useScrollIntoView.d.ts.map +1 -1
  87. package/dist/components/Select/hooks/useScrollIntoView.js +4 -2
  88. package/dist/components/Select/index.d.ts.map +1 -1
  89. package/dist/components/Select/index.js +6 -13
  90. package/dist/components/Select/menuList.d.ts.map +1 -1
  91. package/dist/components/Select/menuList.js +19 -19
  92. package/dist/components/Slider/index.d.ts +1 -1
  93. package/dist/components/Slider/index.d.ts.map +1 -1
  94. package/dist/components/Slider/index.js +2 -8
  95. package/dist/components/Table/AdvanceSortModal.d.ts.map +1 -1
  96. package/dist/components/Table/AdvanceSortModal.js +3 -5
  97. package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
  98. package/dist/components/Table/AgGridHeader.js +27 -10
  99. package/dist/components/Table/CommentsPortal.d.ts.map +1 -1
  100. package/dist/components/Table/CommentsPortal.js +6 -10
  101. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -1
  102. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.js +5 -1
  103. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -1
  104. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +6 -1
  105. package/dist/components/Table/NoComments.d.ts.map +1 -1
  106. package/dist/components/Table/NoComments.js +2 -3
  107. package/dist/components/Table/index.d.ts +1 -2
  108. package/dist/components/Table/index.d.ts.map +1 -1
  109. package/dist/components/Table/index.js +156 -112
  110. package/dist/components/Table/tableFunctions.d.ts.map +1 -1
  111. package/dist/components/Table/tableFunctions.js +176 -104
  112. package/dist/components/Table/tableHeader.d.ts +2 -1
  113. package/dist/components/Table/tableHeader.d.ts.map +1 -1
  114. package/dist/components/Table/tableHeader.js +2 -0
  115. package/dist/components/Table/tableMoreOptions.d.ts +2 -1
  116. package/dist/components/Table/tableMoreOptions.d.ts.map +1 -1
  117. package/dist/components/Table/tableMoreOptions.js +2 -1
  118. package/dist/components/Table/tableSettings.d.ts +2 -1
  119. package/dist/components/Table/tableSettings.d.ts.map +1 -1
  120. package/dist/components/Table/tableSettings.js +2 -0
  121. package/dist/components/Table/withCommentIcon.d.ts.map +1 -1
  122. package/dist/components/Table/withCommentIcon.js +2 -3
  123. package/dist/components/TableChat/EmptyContainer.js +1 -1
  124. package/dist/components/TableChat/TableChatSidePanel.d.ts.map +1 -1
  125. package/dist/components/TableChat/TableChatSidePanel.js +18 -22
  126. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts +1 -2
  127. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts.map +1 -1
  128. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js +15 -18
  129. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts +1 -3
  130. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map +1 -1
  131. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.js +26 -22
  132. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts.map +1 -1
  133. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.js +4 -52
  134. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts +1 -3
  135. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts.map +1 -1
  136. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +2 -7
  137. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js +1 -1
  138. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts +1 -2
  139. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts.map +1 -1
  140. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +17 -17
  141. package/dist/components/TableChat/components/TableChatRightSection/{ChatEditedMessageType/ChatEditedMessageType.d.ts → ChatEditedMessageType /ChatEditedMessageType.d.ts } +0 -1
  142. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.d.ts.map +1 -0
  143. package/dist/components/TableChat/components/TableChatRightSection/{ChatEditedMessageType/ChatEditedMessageType.js → ChatEditedMessageType /ChatEditedMessageType.js } +2 -4
  144. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts +1 -2
  145. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map +1 -1
  146. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +7 -8
  147. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map +1 -1
  148. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.js +4 -8
  149. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts +1 -1
  150. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts.map +1 -1
  151. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.js +18 -9
  152. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts.map +1 -1
  153. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +7 -9
  154. package/dist/components/TableChat/components/TableChatRightSection/ChatMessageAvatar/ChatMessageAvatar.js +1 -1
  155. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts +1 -2
  156. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts.map +1 -1
  157. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +5 -9
  158. package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.js +1 -1
  159. package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.d.ts.map +1 -1
  160. package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js +6 -18
  161. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts +1 -3
  162. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
  163. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +4 -13
  164. package/dist/components/TableChat/components/TextEditor/Mention.js +1 -1
  165. package/dist/components/TableChat/components/TextEditor/MentionList.js +1 -1
  166. package/dist/components/TableChat/utils/formatChatTimestamp.js +14 -0
  167. package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
  168. package/dist/components/TableOld/AgGridHeader.js +10 -4
  169. package/dist/components/TableOld/index.d.ts.map +1 -1
  170. package/dist/components/TableOld/index.js +3 -1
  171. package/dist/components/TableOld/tableFunctions.d.ts.map +1 -1
  172. package/dist/components/TableOld/tableFunctions.js +176 -104
  173. package/dist/components/TableOld/tableHeader.d.ts +2 -1
  174. package/dist/components/TableOld/tableHeader.d.ts.map +1 -1
  175. package/dist/components/TableOld/tableHeader.js +2 -0
  176. package/dist/components/TextArea/index.js +1 -1
  177. package/dist/mcp-component-registry.json +1 -1
  178. package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +5195 -0
  179. package/dist/node_modules/@mui/icons-material/North.js +17 -0
  180. package/dist/node_modules/call-bind/index.js +1 -1
  181. package/dist/node_modules/global-cache/index.js +4 -5
  182. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
  183. package/dist/node_modules/is-callable/index.js +1 -1
  184. package/dist/node_modules/is-symbol/index.js +1 -1
  185. package/dist/node_modules/lodash/lodash.js +1 -1
  186. package/dist/node_modules/object-inspect/index.js +1 -2
  187. package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
  188. package/dist/utils/helper.d.ts +4 -2
  189. package/dist/utils/helper.d.ts.map +1 -1
  190. package/dist/utils/helper.js +13 -8
  191. package/package.json +5 -4
  192. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableFunctions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoC7F,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqItC,CAAC;AA0BF,eAAO,MAAM,OAAO,+DA8zClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
1
+ {"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableFunctions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAkD7F,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqItC,CAAC;AA0BF,eAAO,MAAM,OAAO,+DA85ClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
@@ -3,21 +3,22 @@ import { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from "r
3
3
  import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter } from "@dnd-kit/core";
4
4
  import { SortableContext, arrayMove, useSortable } from "@dnd-kit/sortable";
5
5
  import { CSS } from "@dnd-kit/utilities";
6
+ import { PersonUser as PersonUser_default, Globe as Globe_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
6
7
  import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowDown.js";
7
8
  import default_1$3 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
8
9
  import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
9
10
  import default_1$2 from "../../node_modules/@mui/icons-material/Search.js";
10
11
  import { getAssetUrl } from "../../utils/assetBase.js";
12
+ import { debounce } from "../../utils/debounce.js";
13
+ import { isViewNameUnique } from "../../utils/helper.js";
14
+ import { Badge } from "../Badge/index.js";
15
+ import { Button } from "../Button/index.js";
11
16
  import { Checkbox } from "../Checkbox/index.js";
12
17
  import { Input } from "../Input/index.js";
13
- import { Button } from "../Button/index.js";
14
18
  import { Modal } from "../Modal/index.js";
15
19
  import { Prompt } from "../Prompt/index.js";
16
20
  import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
17
21
  import { Select } from "../Select/index.js";
18
- import { Badge } from "../Badge/index.js";
19
- import { isViewNameUnique } from "../../utils/helper.js";
20
- import { debounce } from "../../utils/debounce.js";
21
22
  import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
22
23
  import DragIndicator from "../../node_modules/@mui/icons-material/esm/DragIndicator.js";
23
24
  const saveViewIcon = getAssetUrl("icons/saveViewIcon.svg");
@@ -25,6 +26,15 @@ const saveViewEditIcon = getAssetUrl("icons/saveViewEditIcon.svg");
25
26
  const saveViewDeleteIcon = getAssetUrl("icons/saveViewDeleteIcon.svg");
26
27
  const defaultViewIcon = getAssetUrl("icons/defaultViewIcon.svg");
27
28
  const defaultViewActiveIcon = getAssetUrl("icons/defaultViewIconActive.svg");
29
+ const DEFAULT_VIEW_TYPE_ICONS = {
30
+ global: /* @__PURE__ */ jsx(Globe_default, { height: 16, width: 16 }),
31
+ personal: /* @__PURE__ */ jsx(PersonUser_default, { height: 16, width: 16 })
32
+ };
33
+ const getViewTypeIcon = (viewType, viewTypeOptions) => {
34
+ var _a;
35
+ const customIcon = (_a = viewTypeOptions == null ? void 0 : viewTypeOptions.find((option) => option.value === viewType)) == null ? void 0 : _a.icon;
36
+ return customIcon || DEFAULT_VIEW_TYPE_ICONS[viewType] || null;
37
+ };
28
38
  const onColMenuFreezeClick = (params) => {
29
39
  const { pinned } = params.column;
30
40
  if (pinned) {
@@ -226,12 +236,6 @@ const Columns = forwardRef((props, ref) => {
226
236
  const isColumnPinnedRef = useRef(false);
227
237
  useEffect(() => {
228
238
  const views = props.savedViewsOptions ?? [];
229
- const options = views.map((view) => ({
230
- label: view.viewName,
231
- value: view.viewName,
232
- disabled: view == null ? void 0 : view.isDisabled
233
- }));
234
- setCurrentSaveViewOptions(options);
235
239
  setSavedViewsOptions(views);
236
240
  setFilteredSavedViewsOptions(views);
237
241
  setSelectedView(views.filter((view) => view.isActive));
@@ -239,7 +243,40 @@ const Columns = forwardRef((props, ref) => {
239
243
  setOpenSaveViewMenu(false);
240
244
  setSaveViewSearchText("");
241
245
  }
242
- }, [props.savedViewsOptions]);
246
+ const matchingViews = views.filter(
247
+ (view) => !selectedViewType || view.viewType === selectedViewType
248
+ );
249
+ setCurrentSaveViewOptions(
250
+ views.map((view) => {
251
+ var _a2;
252
+ return {
253
+ label: /* @__PURE__ */ jsxs("div", { className: "save-view-select-option-label", children: [
254
+ getViewTypeIcon(view.viewType, (_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.options),
255
+ /* @__PURE__ */ jsx("span", { children: view.viewName })
256
+ ] }),
257
+ value: view.viewName,
258
+ disabled: view == null ? void 0 : view.isDisabled,
259
+ viewType: view.viewType,
260
+ isDefaultView: view.isDefaultView
261
+ };
262
+ })
263
+ );
264
+ setSelectedSavedView(
265
+ (prev) => (prev == null ? void 0 : prev.value) && matchingViews.some((view) => view.viewName === prev.value) ? prev : null
266
+ );
267
+ }, [props.savedViewsOptions, selectedViewType]);
268
+ useEffect(() => {
269
+ if (selectedSavedView == null ? void 0 : selectedSavedView.value) {
270
+ setInputValue(selectedSavedView.value);
271
+ setSelectedViewType(selectedSavedView.viewType);
272
+ setIsDefaultView(!!selectedSavedView.isDefaultView);
273
+ } else {
274
+ setInputValue("");
275
+ setIsDefaultView(false);
276
+ }
277
+ }, [selectedSavedView]);
278
+ const isReplaceViewSelected = !!(selectedSavedView == null ? void 0 : selectedSavedView.value);
279
+ const isInputValueEmpty = !inputValue.trim();
243
280
  const getColumnDefs = useCallback((columns) => {
244
281
  return columns.map((column) => {
245
282
  if (column.children) {
@@ -810,21 +847,20 @@ const Columns = forwardRef((props, ref) => {
810
847
  }
811
848
  return;
812
849
  }
850
+ const replaceViewName = selectedSavedView == null ? void 0 : selectedSavedView.value;
851
+ const isReplacing = isInputValueEmpty && !!replaceViewName;
813
852
  const newView = {
814
- viewName: inputValue,
853
+ viewName: isReplacing ? replaceViewName : inputValue,
815
854
  viewType: selectedViewType,
816
855
  isDefaultView,
817
856
  isActive: true
818
857
  };
819
- setSavedViewsOptions((prev) => [
820
- ...prev.map((view) => ({ ...view, isActive: false })),
821
- newView
822
- ]);
823
- setFilteredSavedViewsOptions((prev) => [
824
- ...prev.map((view) => ({ ...view, isActive: false })),
825
- newView
826
- ]);
827
- (_b2 = props.handleSaveAndApply) == null ? void 0 : _b2.call(props, newView, selectedSavedView == null ? void 0 : selectedSavedView.value);
858
+ const applyToViews = (prev) => isReplacing ? prev.map(
859
+ (view) => view.viewName === replaceViewName && view.viewType === selectedViewType ? { ...view, ...newView } : { ...view, isActive: false }
860
+ ) : [...prev.map((view) => ({ ...view, isActive: false })), newView];
861
+ setSavedViewsOptions(applyToViews);
862
+ setFilteredSavedViewsOptions(applyToViews);
863
+ (_b2 = props.handleSaveAndApply) == null ? void 0 : _b2.call(props, newView, replaceViewName);
828
864
  };
829
865
  useEffect(() => {
830
866
  var _a2;
@@ -902,6 +938,18 @@ const Columns = forwardRef((props, ref) => {
902
938
  );
903
939
  setSelectedView(view);
904
940
  };
941
+ const nameConflictExcludeView = isEditView ? editedView : (selectedSavedView == null ? void 0 : selectedSavedView.value) ? {
942
+ viewName: selectedSavedView.value,
943
+ viewType: selectedSavedView.viewType
944
+ } : null;
945
+ const nameConflict = !props.isSavingViewLoading && !isInputValueEmpty && !isViewNameUnique(
946
+ inputValue,
947
+ selectedViewType,
948
+ isDefaultView,
949
+ savedViewsOptions,
950
+ nameConflictExcludeView,
951
+ props.isViewNameUniqueAcrossTypes
952
+ );
905
953
  return /* @__PURE__ */ jsxs("div", { className: "table-setting-columns-settings", children: [
906
954
  props.isSaveViewEnabled && /* @__PURE__ */ jsxs("div", { className: "table-setting-save-view-container", children: [
907
955
  savedViewsOptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "save-view-icon-title", children: [
@@ -966,7 +1014,9 @@ const Columns = forwardRef((props, ref) => {
966
1014
  (_d = (_c = props.saveViewCustomFilter) == null ? void 0 : _c.options) == null ? void 0 : _d.map((option) => /* @__PURE__ */ jsx(
967
1015
  Badge,
968
1016
  {
1017
+ isIcon: true,
969
1018
  color: selectedBadge === option.value ? "info" : "default",
1019
+ icon: getViewTypeIcon(option.value),
970
1020
  label: option.label,
971
1021
  size: "small",
972
1022
  variant: "stroke",
@@ -989,94 +1039,108 @@ const Columns = forwardRef((props, ref) => {
989
1039
  onChange: handleSaveViewSearchChange
990
1040
  }
991
1041
  ) }),
992
- /* @__PURE__ */ jsx("div", { className: "save-view-menu-view-list-container", children: props.customRenderSaveViewContent ? props.customRenderSaveViewContent : filteredSavedViewsOptions.length > 0 && filteredSavedViewsOptions.map((view, idx) => /* @__PURE__ */ jsxs(
993
- "div",
994
- {
995
- "aria-label": `Saved view ${view.viewName}`,
996
- className: `save-view-menu-view-list-item ${view.isActive ? "active" : ""}`,
997
- role: "button",
998
- tabIndex: idx === 0 ? 0 : -1,
999
- onClick: () => {
1000
- handleSaveViewClick(view);
1001
- },
1002
- onKeyDown: (e) => {
1003
- const current = e.currentTarget;
1004
- switch (e.key) {
1005
- case "Enter":
1006
- case " ":
1007
- e.preventDefault();
1008
- handleSaveViewClick(view);
1009
- break;
1010
- case "ArrowDown": {
1011
- e.preventDefault();
1012
- const next = current.nextElementSibling;
1013
- if (next) {
1014
- next.focus();
1042
+ /* @__PURE__ */ jsx("div", { className: "save-view-menu-view-list-container", children: props.customRenderSaveViewContent ? props.customRenderSaveViewContent : filteredSavedViewsOptions.length > 0 && filteredSavedViewsOptions.map((view, idx) => {
1043
+ var _a2;
1044
+ return /* @__PURE__ */ jsxs(
1045
+ "div",
1046
+ {
1047
+ "aria-label": `Saved view ${view.viewName}`,
1048
+ className: `save-view-menu-view-list-item ${view.isActive ? "active" : ""}`,
1049
+ role: "button",
1050
+ tabIndex: idx === 0 ? 0 : -1,
1051
+ onClick: () => {
1052
+ handleSaveViewClick(view);
1053
+ },
1054
+ onKeyDown: (e) => {
1055
+ const current = e.currentTarget;
1056
+ switch (e.key) {
1057
+ case "Enter":
1058
+ case " ":
1059
+ e.preventDefault();
1060
+ handleSaveViewClick(view);
1061
+ break;
1062
+ case "ArrowDown": {
1063
+ e.preventDefault();
1064
+ const next = current.nextElementSibling;
1065
+ if (next) {
1066
+ next.focus();
1067
+ }
1068
+ break;
1015
1069
  }
1016
- break;
1017
- }
1018
- case "ArrowUp": {
1019
- e.preventDefault();
1020
- const prev = current.previousElementSibling;
1021
- if (prev) {
1022
- prev.focus();
1070
+ case "ArrowUp": {
1071
+ e.preventDefault();
1072
+ const prev = current.previousElementSibling;
1073
+ if (prev) {
1074
+ prev.focus();
1075
+ }
1076
+ break;
1023
1077
  }
1024
- break;
1025
1078
  }
1026
- }
1027
- },
1028
- children: [
1029
- /* @__PURE__ */ jsx("span", { className: "save-view-menu-view-list-item-name", children: view.viewName }),
1030
- /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-list-item-actions", children: [
1031
- (view == null ? void 0 : view.isEditable) && /* @__PURE__ */ jsx(
1032
- "img",
1033
- {
1034
- alt: "save-view-edit-icon",
1035
- src: saveViewEditIcon,
1036
- onClick: (e) => {
1037
- handleEditView(view, e);
1079
+ },
1080
+ children: [
1081
+ /* @__PURE__ */ jsxs("span", { className: "save-view-menu-view-list-item-name", children: [
1082
+ /* @__PURE__ */ jsx(
1083
+ "span",
1084
+ {
1085
+ "aria-hidden": "true",
1086
+ className: "save-view-menu-view-list-item-type-icon",
1087
+ title: view.viewType,
1088
+ children: getViewTypeIcon(view.viewType, (_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.options)
1038
1089
  }
1039
- }
1040
- ),
1041
- (view == null ? void 0 : view.isDeletable) && /* @__PURE__ */ jsx(
1042
- "img",
1043
- {
1044
- alt: "save-view-delete-icon",
1045
- src: saveViewDeleteIcon,
1046
- onClick: (e) => {
1047
- handleDeleteView(view, e);
1090
+ ),
1091
+ /* @__PURE__ */ jsx("span", { className: "save-view-menu-view-list-item-name-text", children: view.viewName })
1092
+ ] }),
1093
+ /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-list-item-actions", children: [
1094
+ (view == null ? void 0 : view.isEditable) && /* @__PURE__ */ jsx(
1095
+ "img",
1096
+ {
1097
+ alt: "save-view-edit-icon",
1098
+ src: saveViewEditIcon,
1099
+ onClick: (e) => {
1100
+ handleEditView(view, e);
1101
+ }
1048
1102
  }
1049
- }
1050
- ),
1051
- !(view == null ? void 0 : view.notReqDefaultView) && ((view == null ? void 0 : view.isDefaultView) ? /* @__PURE__ */ jsx(
1052
- "img",
1053
- {
1054
- alt: "default-view-icon",
1055
- className: "default-view-active-icon",
1056
- src: defaultViewActiveIcon,
1057
- onClick: (e) => {
1058
- e.stopPropagation();
1059
- e.preventDefault();
1060
- props.handleSetDefaultView(view);
1103
+ ),
1104
+ (view == null ? void 0 : view.isDeletable) && /* @__PURE__ */ jsx(
1105
+ "img",
1106
+ {
1107
+ alt: "save-view-delete-icon",
1108
+ src: saveViewDeleteIcon,
1109
+ onClick: (e) => {
1110
+ handleDeleteView(view, e);
1111
+ }
1061
1112
  }
1062
- }
1063
- ) : /* @__PURE__ */ jsx(
1064
- "img",
1065
- {
1066
- alt: "default-view-icon",
1067
- src: defaultViewIcon,
1068
- onClick: (e) => {
1069
- e.stopPropagation();
1070
- e.preventDefault();
1071
- props.handleSetDefaultView(view);
1113
+ ),
1114
+ !(view == null ? void 0 : view.notReqDefaultView) && ((view == null ? void 0 : view.isDefaultView) ? /* @__PURE__ */ jsx(
1115
+ "img",
1116
+ {
1117
+ alt: "default-view-icon",
1118
+ className: "default-view-active-icon",
1119
+ src: defaultViewActiveIcon,
1120
+ onClick: (e) => {
1121
+ e.stopPropagation();
1122
+ e.preventDefault();
1123
+ props.handleSetDefaultView(view);
1124
+ }
1072
1125
  }
1073
- }
1074
- ))
1075
- ] })
1076
- ]
1077
- },
1078
- view.viewName + idx
1079
- )) }),
1126
+ ) : /* @__PURE__ */ jsx(
1127
+ "img",
1128
+ {
1129
+ alt: "default-view-icon",
1130
+ src: defaultViewIcon,
1131
+ onClick: (e) => {
1132
+ e.stopPropagation();
1133
+ e.preventDefault();
1134
+ props.handleSetDefaultView(view);
1135
+ }
1136
+ }
1137
+ ))
1138
+ ] })
1139
+ ]
1140
+ },
1141
+ view.viewName + idx
1142
+ );
1143
+ }) }),
1080
1144
  /* @__PURE__ */ jsx("hr", { className: "save-view-menu-view-list-item-divider" }),
1081
1145
  /* @__PURE__ */ jsxs("div", { className: "save-view-menu-footer", children: [
1082
1146
  /* @__PURE__ */ jsx(
@@ -1116,7 +1180,7 @@ const Columns = forwardRef((props, ref) => {
1116
1180
  open: openSaveViewModal,
1117
1181
  primaryButtonLabel: props.isSavingViewLoading ? "Saving..." : "Save",
1118
1182
  primaryButtonProps: {
1119
- disabled: (inputValue === "" || props.maxSavedViews != null && savedViewsOptions.length >= props.maxSavedViews) && selectedSavedView === null || !isViewNameUnique(inputValue, selectedViewType, isDefaultView, savedViewsOptions) || props.isSavingViewLoading,
1183
+ disabled: (isInputValueEmpty || props.maxSavedViews != null && savedViewsOptions.length >= props.maxSavedViews) && !isReplaceViewSelected || nameConflict || props.isSavingViewLoading,
1120
1184
  loading: props.isSavingViewLoading,
1121
1185
  iconPlacement: "right"
1122
1186
  },
@@ -1136,8 +1200,13 @@ const Columns = forwardRef((props, ref) => {
1136
1200
  /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-input", children: /* @__PURE__ */ jsx(
1137
1201
  Input,
1138
1202
  {
1203
+ helperText: nameConflict ? "A view with this name already exists" : "",
1204
+ isDisabled: isReplaceViewSelected,
1205
+ isError: nameConflict,
1206
+ isHelperText: nameConflict,
1139
1207
  label: "New view name",
1140
1208
  placeholder: "Enter here",
1209
+ readOnly: isReplaceViewSelected,
1141
1210
  value: inputValue,
1142
1211
  onChange: (e) => {
1143
1212
  setInputValue(e.target.value);
@@ -1150,6 +1219,7 @@ const Columns = forwardRef((props, ref) => {
1150
1219
  /* @__PURE__ */ jsx(
1151
1220
  RadioButtonGroup,
1152
1221
  {
1222
+ isDisabled: isReplaceViewSelected,
1153
1223
  options: (_f = (_e = props.saveViewCustomFilter) == null ? void 0 : _e.options) == null ? void 0 : _f.filter(
1154
1224
  (option) => !(option == null ? void 0 : option.notReqInSaveView)
1155
1225
  ),
@@ -1165,6 +1235,7 @@ const Columns = forwardRef((props, ref) => {
1165
1235
  Checkbox,
1166
1236
  {
1167
1237
  checked: isDefaultView,
1238
+ disabled: isReplaceViewSelected,
1168
1239
  label: "Make it default view",
1169
1240
  onChange: () => {
1170
1241
  setIsDefaultView(!isDefaultView);
@@ -1175,10 +1246,11 @@ const Columns = forwardRef((props, ref) => {
1175
1246
  /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-replace-view-select", children: /* @__PURE__ */ jsx(
1176
1247
  Select,
1177
1248
  {
1249
+ isClearable: true,
1178
1250
  withPortal: true,
1179
1251
  currentOptions: currentSaveViewOptions,
1180
1252
  initialOptions: currentSaveViewOptions,
1181
- isDisabled: savedViewsOptions.length === 0 || inputValue !== "" || isEditView,
1253
+ isDisabled: savedViewsOptions.length === 0 || !isInputValueEmpty && !isReplaceViewSelected || isEditView,
1182
1254
  isOpen,
1183
1255
  label: "Replace with",
1184
1256
  minWidth: "100%",
@@ -1,4 +1,4 @@
1
- export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize, setTableFontSize, rowHeight, setRowHeight, tableHeader, topRightOptions, topLeftOptions, onGlobalSearchClick, cardContainer, onNumberFormatChange, hideRowHeightOptionMenu, showDownloadButton, onDownloadButtonClick, closeButton, handleCloseButtonClick, additionalButtons, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, topCenterOptions, tableActions, onTableActionsTabClick, hideTableFormat, hideTableActions, hideTableSetting, explicitlyCloseTableSetting, customSystemButton, onContentDensityChange, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, closeTableSettingOnOutsideClick, onTableSettingClick, deleteViewPromptText, saveViewCustomFilter, customRenderSaveViewContent, numericFormatDefault, viewPoint, }: {
1
+ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize, setTableFontSize, rowHeight, setRowHeight, tableHeader, topRightOptions, topLeftOptions, onGlobalSearchClick, cardContainer, onNumberFormatChange, hideRowHeightOptionMenu, showDownloadButton, onDownloadButtonClick, closeButton, handleCloseButtonClick, additionalButtons, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, topCenterOptions, tableActions, onTableActionsTabClick, hideTableFormat, hideTableActions, hideTableSetting, explicitlyCloseTableSetting, customSystemButton, onContentDensityChange, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, closeTableSettingOnOutsideClick, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, saveViewCustomFilter, customRenderSaveViewContent, numericFormatDefault, viewPoint, }: {
2
2
  actualRef: any;
3
3
  colDefs: any;
4
4
  Columns: any;
@@ -43,6 +43,7 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
43
43
  closeTableSettingOnOutsideClick: any;
44
44
  onTableSettingClick: any;
45
45
  deleteViewPromptText: any;
46
+ isViewNameUniqueAcrossTypes: any;
46
47
  saveViewCustomFilter: any;
47
48
  customRenderSaveViewContent: any;
48
49
  numericFormatDefault: any;
@@ -1 +1 @@
1
- {"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableHeader.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,+BAA+B,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,EACpB,SAAS,GACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAqMA"}
1
+ {"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableHeader.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,+BAA+B,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,EACpB,SAAS,GACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAsMA"}
@@ -48,6 +48,7 @@ function TableHeader({
48
48
  closeTableSettingOnOutsideClick,
49
49
  onTableSettingClick,
50
50
  deleteViewPromptText,
51
+ isViewNameUniqueAcrossTypes,
51
52
  saveViewCustomFilter,
52
53
  customRenderSaveViewContent,
53
54
  numericFormatDefault,
@@ -192,6 +193,7 @@ function TableHeader({
192
193
  isGroupRows,
193
194
  isSaveViewEnabled,
194
195
  isSavingViewLoading,
196
+ isViewNameUniqueAcrossTypes,
195
197
  maxSavedViews,
196
198
  numericFormatDefault,
197
199
  rowHeight,
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_textarea textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error .left_secondary_label_container,.impact_textarea_error .right_numeric_container{color:#ab3939}.impact_textarea_error textarea,.impact_textarea_error textarea:focus,.impact_textarea_error textarea:hover{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(../../assets/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(../../assets/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea,.impact_textarea_success textarea:focus,.impact_textarea_success textarea:hover{border:1px solid #108431}.impact_textarea_success .left_secondary_label_container,.impact_textarea_success .right_numeric_container{color:#26734b}.impact_textarea_warning textarea{background:url(../../assets/success-icon.svg) no-repeat}.impact_textarea_warning textarea,.impact_textarea_warning textarea:focus,.impact_textarea_warning textarea:hover{border:1px solid #ffe174}.impact_textarea_warning textarea{background:url(../../assets/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_warning .left_secondary_label_container,.impact_textarea_warning .right_numeric_container{color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_textarea textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error .left_secondary_label_container,.impact_textarea_error .right_numeric_container{color:#ab3939}.impact_textarea_error textarea,.impact_textarea_error textarea:focus,.impact_textarea_error textarea:hover{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea,.impact_textarea_success textarea:focus,.impact_textarea_success textarea:hover{border:1px solid #108431}.impact_textarea_success .left_secondary_label_container,.impact_textarea_success .right_numeric_container{color:#26734b}.impact_textarea_warning textarea{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;border:1px solid #ffe174;padding-right:34px}.impact_textarea_warning textarea:focus,.impact_textarea_warning textarea:hover{border:1px solid #ffe174}.impact_textarea_warning .left_secondary_label_container,.impact_textarea_warning .right_numeric_container{color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useState } from "react";
4
4
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 1,
3
- "generatedAt": "2026-07-10T09:28:55.489Z",
3
+ "generatedAt": "2026-07-31T06:00:28.689Z",
4
4
  "components": {
5
5
  "Menu": {
6
6
  "title": "Components/Menu",