@natoora-libs/core 0.2.25 → 0.2.27-dev-doug-1

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.
@@ -0,0 +1,67 @@
1
+ // src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts
2
+ var getNextCircularIndex = ({
3
+ isArrowUp,
4
+ currentIndex,
5
+ numOptions,
6
+ iteration
7
+ }) => {
8
+ const step = isArrowUp ? -iteration : iteration;
9
+ return (currentIndex + step + numOptions) % numOptions;
10
+ };
11
+ var getSelectOptionFromKeyPress = ({
12
+ key,
13
+ options,
14
+ currentValue
15
+ }) => {
16
+ const numOptions = options.length;
17
+ const isArrowUp = key === "ArrowUp";
18
+ const isArrowDown = key === "ArrowDown";
19
+ const isArrow = isArrowUp || isArrowDown;
20
+ const searchKey = key.toLowerCase();
21
+ if (!isArrow && searchKey.length !== 1) {
22
+ return void 0;
23
+ }
24
+ if (!numOptions) {
25
+ return void 0;
26
+ }
27
+ const currentIndex = options.findIndex((o) => o.value === currentValue);
28
+ const indicesToCheck = Array.from({ length: numOptions }).map(
29
+ (_, i) => getNextCircularIndex({
30
+ isArrowUp,
31
+ currentIndex,
32
+ numOptions,
33
+ iteration: i + 1
34
+ })
35
+ );
36
+ const nextMatchIndex = indicesToCheck.find((indexToCheck) => {
37
+ const option = options[indexToCheck];
38
+ return !option.disabled && (isArrow || option.label?.toLowerCase().startsWith(searchKey));
39
+ });
40
+ if (nextMatchIndex !== void 0 && nextMatchIndex !== currentIndex) {
41
+ return options[nextMatchIndex];
42
+ }
43
+ return void 0;
44
+ };
45
+
46
+ // src/utils/flattenTableFilters/flattenTableFilters.ts
47
+ var getFlattenedFiltersLabels = (filters, fieldName) => {
48
+ return filters.map((value) => {
49
+ if (typeof value === "object") {
50
+ return value[fieldName] ?? "";
51
+ }
52
+ return value;
53
+ });
54
+ };
55
+ var getFlattenedFiltersIds = (filters) => Object.fromEntries(
56
+ Object.entries(filters).map(([id, values]) => [
57
+ id,
58
+ values.map((value) => typeof value === "object" ? value.id : value)
59
+ ])
60
+ );
61
+
62
+ export {
63
+ getSelectOptionFromKeyPress,
64
+ getFlattenedFiltersLabels,
65
+ getFlattenedFiltersIds
66
+ };
67
+ //# sourceMappingURL=chunk-3UDYWCV6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts","../src/utils/flattenTableFilters/flattenTableFilters.ts"],"sourcesContent":["export interface NavigableOption {\n value?: string | number | null;\n label?: string;\n disabled?: boolean;\n}\n\nexport interface GetSelectOptionFromKeyPressParams<T extends NavigableOption> {\n key: string;\n options: T[];\n currentValue?: string | number | null;\n}\n\nconst getNextCircularIndex = ({\n isArrowUp,\n currentIndex,\n numOptions,\n iteration,\n}: {\n isArrowUp: boolean;\n currentIndex: number;\n numOptions: number;\n iteration: number;\n}) => {\n const step = isArrowUp ? -iteration : iteration;\n return (currentIndex + step + numOptions) % numOptions;\n};\n\nexport const getSelectOptionFromKeyPress = <T extends NavigableOption>({\n key,\n options,\n currentValue,\n}: GetSelectOptionFromKeyPressParams<T>): T | undefined => {\n const numOptions = options.length;\n const isArrowUp = key === 'ArrowUp';\n const isArrowDown = key === 'ArrowDown';\n const isArrow = isArrowUp || isArrowDown;\n const searchKey = key.toLowerCase();\n\n // Ignores any input that is not ArrowUp, ArrowDown or a single character.\n if (!isArrow && searchKey.length !== 1) {\n return undefined;\n }\n\n if (!numOptions) {\n return undefined;\n }\n\n const currentIndex = options.findIndex((o) => o.value === currentValue);\n\n // Generates a circular sequence of indices starting from the next item.\n // This ensures that pressing the same key repeatedly cycles through all matching options.\n const indicesToCheck = Array.from({ length: numOptions }).map((_, i) =>\n getNextCircularIndex({\n isArrowUp,\n currentIndex,\n numOptions,\n iteration: i + 1,\n }),\n );\n\n const nextMatchIndex = indicesToCheck.find((indexToCheck) => {\n const option = options[indexToCheck];\n return (\n !option.disabled &&\n (isArrow || option.label?.toLowerCase().startsWith(searchKey))\n );\n });\n\n if (nextMatchIndex !== undefined && nextMatchIndex !== currentIndex) {\n return options[nextMatchIndex];\n }\n\n return undefined;\n};\n","import {\n HeaderFilterObject,\n HeaderFilters,\n} from '@/components/TableDesktop/TableDesktop';\n\nexport type FlattenedFilterIds = {\n [key: string]: (string | number)[];\n};\n\nexport const getFlattenedFiltersLabels = (\n filters: string[] | HeaderFilterObject[],\n fieldName: string,\n): (string | number)[] => {\n return filters.map((value: string | HeaderFilterObject) => {\n if (typeof value === 'object') {\n return value[fieldName] ?? '';\n }\n return value;\n });\n};\n\nexport const getFlattenedFiltersIds = (\n filters: HeaderFilters,\n): FlattenedFilterIds =>\n Object.fromEntries(\n Object.entries(filters).map(([id, values]) => [\n id,\n values.map((value) => (typeof value === 'object' ? value.id : value)),\n ]),\n );\n"],"mappings":";AAYA,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,OAAO,YAAY,CAAC,YAAY;AACtC,UAAQ,eAAe,OAAO,cAAc;AAC9C;AAEO,IAAM,8BAA8B,CAA4B;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AACF,MAA2D;AACzD,QAAM,aAAa,QAAQ;AAC3B,QAAM,YAAY,QAAQ;AAC1B,QAAM,cAAc,QAAQ;AAC5B,QAAM,UAAU,aAAa;AAC7B,QAAM,YAAY,IAAI,YAAY;AAGlC,MAAI,CAAC,WAAW,UAAU,WAAW,GAAG;AACtC,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,QAAQ,UAAU,CAAC,MAAM,EAAE,UAAU,YAAY;AAItE,QAAM,iBAAiB,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,EAAE;AAAA,IAAI,CAAC,GAAG,MAChE,qBAAqB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH;AAEA,QAAM,iBAAiB,eAAe,KAAK,CAAC,iBAAiB;AAC3D,UAAM,SAAS,QAAQ,YAAY;AACnC,WACE,CAAC,OAAO,aACP,WAAW,OAAO,OAAO,YAAY,EAAE,WAAW,SAAS;AAAA,EAEhE,CAAC;AAED,MAAI,mBAAmB,UAAa,mBAAmB,cAAc;AACnE,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,SAAO;AACT;;;AChEO,IAAM,4BAA4B,CACvC,SACA,cACwB;AACxB,SAAO,QAAQ,IAAI,CAAC,UAAuC;AACzD,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,MAAM,SAAS,KAAK;AAAA,IAC7B;AACA,WAAO;AAAA,EACT,CAAC;AACH;AAEO,IAAM,yBAAyB,CACpC,YAEA,OAAO;AAAA,EACL,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,MAAM;AAAA,IAC5C;AAAA,IACA,OAAO,IAAI,CAAC,UAAW,OAAO,UAAU,WAAW,MAAM,KAAK,KAAM;AAAA,EACtE,CAAC;AACH;","names":[]}
@@ -29,9 +29,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
29
29
  ));
30
30
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
31
 
32
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObject.js
32
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isObject.js
33
33
  var require_isObject = __commonJS({
34
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObject.js"(exports2, module2) {
34
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isObject.js"(exports2, module2) {
35
35
  function isObject(value) {
36
36
  var type = typeof value;
37
37
  return value != null && (type == "object" || type == "function");
@@ -40,17 +40,17 @@ var require_isObject = __commonJS({
40
40
  }
41
41
  });
42
42
 
43
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_freeGlobal.js
43
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_freeGlobal.js
44
44
  var require_freeGlobal = __commonJS({
45
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_freeGlobal.js"(exports2, module2) {
45
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_freeGlobal.js"(exports2, module2) {
46
46
  var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
47
47
  module2.exports = freeGlobal;
48
48
  }
49
49
  });
50
50
 
51
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_root.js
51
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_root.js
52
52
  var require_root = __commonJS({
53
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_root.js"(exports2, module2) {
53
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_root.js"(exports2, module2) {
54
54
  var freeGlobal = require_freeGlobal();
55
55
  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
56
56
  var root = freeGlobal || freeSelf || Function("return this")();
@@ -58,9 +58,9 @@ var require_root = __commonJS({
58
58
  }
59
59
  });
60
60
 
61
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/now.js
61
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/now.js
62
62
  var require_now = __commonJS({
63
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/now.js"(exports2, module2) {
63
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/now.js"(exports2, module2) {
64
64
  var root = require_root();
65
65
  var now = function() {
66
66
  return root.Date.now();
@@ -69,9 +69,9 @@ var require_now = __commonJS({
69
69
  }
70
70
  });
71
71
 
72
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_trimmedEndIndex.js
72
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_trimmedEndIndex.js
73
73
  var require_trimmedEndIndex = __commonJS({
74
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_trimmedEndIndex.js"(exports2, module2) {
74
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_trimmedEndIndex.js"(exports2, module2) {
75
75
  var reWhitespace = /\s/;
76
76
  function trimmedEndIndex(string) {
77
77
  var index = string.length;
@@ -83,9 +83,9 @@ var require_trimmedEndIndex = __commonJS({
83
83
  }
84
84
  });
85
85
 
86
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseTrim.js
86
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseTrim.js
87
87
  var require_baseTrim = __commonJS({
88
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseTrim.js"(exports2, module2) {
88
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseTrim.js"(exports2, module2) {
89
89
  var trimmedEndIndex = require_trimmedEndIndex();
90
90
  var reTrimStart = /^\s+/;
91
91
  function baseTrim(string) {
@@ -95,18 +95,18 @@ var require_baseTrim = __commonJS({
95
95
  }
96
96
  });
97
97
 
98
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_Symbol.js
98
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_Symbol.js
99
99
  var require_Symbol = __commonJS({
100
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_Symbol.js"(exports2, module2) {
100
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_Symbol.js"(exports2, module2) {
101
101
  var root = require_root();
102
102
  var Symbol2 = root.Symbol;
103
103
  module2.exports = Symbol2;
104
104
  }
105
105
  });
106
106
 
107
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_getRawTag.js
107
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_getRawTag.js
108
108
  var require_getRawTag = __commonJS({
109
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_getRawTag.js"(exports2, module2) {
109
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_getRawTag.js"(exports2, module2) {
110
110
  var Symbol2 = require_Symbol();
111
111
  var objectProto = Object.prototype;
112
112
  var hasOwnProperty = objectProto.hasOwnProperty;
@@ -133,9 +133,9 @@ var require_getRawTag = __commonJS({
133
133
  }
134
134
  });
135
135
 
136
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_objectToString.js
136
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_objectToString.js
137
137
  var require_objectToString = __commonJS({
138
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_objectToString.js"(exports2, module2) {
138
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_objectToString.js"(exports2, module2) {
139
139
  var objectProto = Object.prototype;
140
140
  var nativeObjectToString = objectProto.toString;
141
141
  function objectToString(value) {
@@ -145,9 +145,9 @@ var require_objectToString = __commonJS({
145
145
  }
146
146
  });
147
147
 
148
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseGetTag.js
148
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseGetTag.js
149
149
  var require_baseGetTag = __commonJS({
150
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseGetTag.js"(exports2, module2) {
150
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseGetTag.js"(exports2, module2) {
151
151
  var Symbol2 = require_Symbol();
152
152
  var getRawTag = require_getRawTag();
153
153
  var objectToString = require_objectToString();
@@ -164,9 +164,9 @@ var require_baseGetTag = __commonJS({
164
164
  }
165
165
  });
166
166
 
167
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObjectLike.js
167
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isObjectLike.js
168
168
  var require_isObjectLike = __commonJS({
169
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObjectLike.js"(exports2, module2) {
169
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isObjectLike.js"(exports2, module2) {
170
170
  function isObjectLike(value) {
171
171
  return value != null && typeof value == "object";
172
172
  }
@@ -174,9 +174,9 @@ var require_isObjectLike = __commonJS({
174
174
  }
175
175
  });
176
176
 
177
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isSymbol.js
177
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isSymbol.js
178
178
  var require_isSymbol = __commonJS({
179
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isSymbol.js"(exports2, module2) {
179
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isSymbol.js"(exports2, module2) {
180
180
  var baseGetTag = require_baseGetTag();
181
181
  var isObjectLike = require_isObjectLike();
182
182
  var symbolTag = "[object Symbol]";
@@ -187,9 +187,9 @@ var require_isSymbol = __commonJS({
187
187
  }
188
188
  });
189
189
 
190
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/toNumber.js
190
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/toNumber.js
191
191
  var require_toNumber = __commonJS({
192
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/toNumber.js"(exports2, module2) {
192
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/toNumber.js"(exports2, module2) {
193
193
  var baseTrim = require_baseTrim();
194
194
  var isObject = require_isObject();
195
195
  var isSymbol = require_isSymbol();
@@ -220,9 +220,9 @@ var require_toNumber = __commonJS({
220
220
  }
221
221
  });
222
222
 
223
- // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/debounce.js
223
+ // ../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/debounce.js
224
224
  var require_debounce = __commonJS({
225
- "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/debounce.js"(exports2, module2) {
225
+ "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/debounce.js"(exports2, module2) {
226
226
  var isObject = require_isObject();
227
227
  var now = require_now();
228
228
  var toNumber = require_toNumber();
@@ -972,6 +972,53 @@ var PhoneInput = ({
972
972
  // src/components/SmartSelect/SmartSelect.tsx
973
973
  var import_react3 = require("react");
974
974
  var import_material5 = require("@mui/material");
975
+
976
+ // src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts
977
+ var getNextCircularIndex = ({
978
+ isArrowUp,
979
+ currentIndex,
980
+ numOptions,
981
+ iteration
982
+ }) => {
983
+ const step = isArrowUp ? -iteration : iteration;
984
+ return (currentIndex + step + numOptions) % numOptions;
985
+ };
986
+ var getSelectOptionFromKeyPress = ({
987
+ key,
988
+ options,
989
+ currentValue
990
+ }) => {
991
+ const numOptions = options.length;
992
+ const isArrowUp = key === "ArrowUp";
993
+ const isArrowDown = key === "ArrowDown";
994
+ const isArrow = isArrowUp || isArrowDown;
995
+ const searchKey = key.toLowerCase();
996
+ if (!isArrow && searchKey.length !== 1) {
997
+ return void 0;
998
+ }
999
+ if (!numOptions) {
1000
+ return void 0;
1001
+ }
1002
+ const currentIndex = options.findIndex((o) => o.value === currentValue);
1003
+ const indicesToCheck = Array.from({ length: numOptions }).map(
1004
+ (_, i) => getNextCircularIndex({
1005
+ isArrowUp,
1006
+ currentIndex,
1007
+ numOptions,
1008
+ iteration: i + 1
1009
+ })
1010
+ );
1011
+ const nextMatchIndex = indicesToCheck.find((indexToCheck) => {
1012
+ const option = options[indexToCheck];
1013
+ return !option.disabled && (isArrow || option.label?.toLowerCase().startsWith(searchKey));
1014
+ });
1015
+ if (nextMatchIndex !== void 0 && nextMatchIndex !== currentIndex) {
1016
+ return options[nextMatchIndex];
1017
+ }
1018
+ return void 0;
1019
+ };
1020
+
1021
+ // src/components/SmartSelect/SmartSelect.tsx
975
1022
  var import_jsx_runtime5 = require("react/jsx-runtime");
976
1023
  var SmartSelect = (0, import_react3.forwardRef)(
977
1024
  ({
@@ -1017,6 +1064,20 @@ var SmartSelect = (0, import_react3.forwardRef)(
1017
1064
  onChange(selectedOption);
1018
1065
  }
1019
1066
  };
1067
+ const handleKeyDown = (event) => {
1068
+ if (event.ctrlKey || event.altKey || event.metaKey) {
1069
+ return;
1070
+ }
1071
+ const nextOption = getSelectOptionFromKeyPress({
1072
+ key: event.key,
1073
+ options: visibleOptions,
1074
+ currentValue: value
1075
+ });
1076
+ if (nextOption) {
1077
+ event.preventDefault();
1078
+ onChange(nextOption);
1079
+ }
1080
+ };
1020
1081
  const renderMenuContent = () => {
1021
1082
  if (isFetching) {
1022
1083
  return [
@@ -1089,6 +1150,7 @@ var SmartSelect = (0, import_react3.forwardRef)(
1089
1150
  value: value ?? "",
1090
1151
  onChange: handleChange,
1091
1152
  onOpen: handleOpen,
1153
+ onKeyDown: handleKeyDown,
1092
1154
  label: inputLabel,
1093
1155
  MenuProps: menuProps,
1094
1156
  children: renderMenuContent()
@@ -1701,7 +1763,7 @@ var AppliedTableFiltersDisplay = ({
1701
1763
  var import_Check2 = __toESM(require("@mui/icons-material/Check"), 1);
1702
1764
  var import_material15 = require("@mui/material");
1703
1765
 
1704
- // src/utils/resolveObjectType.ts
1766
+ // src/utils/resolveObjectType/resolveObjectType.ts
1705
1767
  var resolveObjectType = (object, fieldName) => {
1706
1768
  if (!object || typeof object !== "object") {
1707
1769
  return object;
@@ -2181,12 +2243,15 @@ var AutocompleteFilterMenuContent = ({
2181
2243
 
2182
2244
  // src/components/BackHeader/BackHeader.tsx
2183
2245
  var import_react_router = require("react-router");
2184
- var import_icons_material3 = require("@mui/icons-material");
2246
+ var import_KeyboardBackspace = __toESM(require("@mui/icons-material/KeyboardBackspace"), 1);
2185
2247
  var import_material16 = require("@mui/material");
2186
2248
  var import_mui5 = require("tss-react/mui");
2187
2249
  var import_jsx_runtime18 = require("react/jsx-runtime");
2188
2250
  var useStyles5 = (0, import_mui5.makeStyles)()((theme) => ({
2189
2251
  header: {
2252
+ display: "flex",
2253
+ alignItems: "center",
2254
+ justifyContent: "space-between",
2190
2255
  padding: theme.spacing(2, 3),
2191
2256
  borderBottom: `1px solid ${colors.neutral400}`,
2192
2257
  backgroundColor: colors.neutral100
@@ -2207,7 +2272,11 @@ var useStyles5 = (0, import_mui5.makeStyles)()((theme) => ({
2207
2272
  textTransform: "none"
2208
2273
  }
2209
2274
  }));
2210
- var BackHeader = ({ appName, onGoBackClick }) => {
2275
+ var BackHeader = ({
2276
+ appName,
2277
+ onGoBackClick,
2278
+ sideComponent = null
2279
+ }) => {
2211
2280
  const { classes } = useStyles5();
2212
2281
  const navigate = (0, import_react_router.useNavigate)();
2213
2282
  const handleBackClick = () => {
@@ -2216,10 +2285,13 @@ var BackHeader = ({ appName, onGoBackClick }) => {
2216
2285
  }
2217
2286
  return navigate(-1);
2218
2287
  };
2219
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Box, { component: "header", className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Button, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material16.Box, { component: "span", className: classes.text, children: [
2220
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_material3.KeyboardBackspace, { className: classes.icon }),
2221
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Typography, { variant: "body1", children: appName })
2222
- ] }) }) });
2288
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material16.Box, { component: "header", className: classes.header, children: [
2289
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Button, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material16.Box, { component: "span", className: classes.text, children: [
2290
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_KeyboardBackspace.default, { className: classes.icon }),
2291
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Typography, { variant: "body1", color: "textPrimary", children: appName })
2292
+ ] }) }),
2293
+ sideComponent
2294
+ ] });
2223
2295
  };
2224
2296
  var BackHeader_default = BackHeader;
2225
2297
 
@@ -2604,7 +2676,7 @@ var ImageButton = (props) => {
2604
2676
  var ImageButton_default = (0, import_react14.memo)(ImageButton);
2605
2677
 
2606
2678
  // src/components/Buttons/SquareButton/SquareButton.tsx
2607
- var import_icons_material4 = require("@mui/icons-material");
2679
+ var import_icons_material3 = require("@mui/icons-material");
2608
2680
  var import_material22 = require("@mui/material");
2609
2681
  var import_mui11 = require("tss-react/mui");
2610
2682
  var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -2643,8 +2715,8 @@ var SquareButton = ({
2643
2715
  }) => {
2644
2716
  const { classes, cx } = useStyles10();
2645
2717
  const icon = {
2646
- add: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material4.Add, { className: classes.icon }),
2647
- forward: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material4.ChevronRight, { className: classes.icon })
2718
+ add: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material3.Add, { className: classes.icon }),
2719
+ forward: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material3.ChevronRight, { className: classes.icon })
2648
2720
  };
2649
2721
  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
2650
2722
  import_material22.Button,
@@ -2910,7 +2982,7 @@ var FilterButtonLg = (0, import_mui13.withStyles)(AButton, (theme) => ({
2910
2982
  var OutlinedButtonLg_default = (0, import_react17.memo)(FilterButtonLg);
2911
2983
 
2912
2984
  // src/components/Buttons/RoundButton/RoundButton.tsx
2913
- var import_icons_material5 = require("@mui/icons-material");
2985
+ var import_icons_material4 = require("@mui/icons-material");
2914
2986
  var import_material26 = require("@mui/material");
2915
2987
  var import_mui14 = require("tss-react/mui");
2916
2988
 
@@ -4258,39 +4330,39 @@ var RoundButton = ({
4258
4330
  const { classes, cx } = useStyles12();
4259
4331
  const iconSize = size === "small" ? "small" : "medium";
4260
4332
  const iconComponentMap = {
4261
- add: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Add, { fontSize: iconSize }),
4262
- apps: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Apps, { fontSize: iconSize }),
4263
- arrowBack: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ArrowBack, { fontSize: iconSize }),
4264
- arrowForward: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ArrowForward, { fontSize: iconSize }),
4333
+ add: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Add, { fontSize: iconSize }),
4334
+ apps: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Apps, { fontSize: iconSize }),
4335
+ arrowBack: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ArrowBack, { fontSize: iconSize }),
4336
+ arrowForward: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ArrowForward, { fontSize: iconSize }),
4265
4337
  avocado: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconAvocado_default, {}),
4266
- backspaceOutlined: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.BackspaceOutlined, { fontSize: iconSize }),
4338
+ backspaceOutlined: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.BackspaceOutlined, { fontSize: iconSize }),
4267
4339
  banana: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBanana_default, {}),
4268
- block: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Block, { fontSize: iconSize }),
4340
+ block: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Block, { fontSize: iconSize }),
4269
4341
  bulk: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BulkIcon_default, { fill: colors.contrast }),
4270
- callSplit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.CallSplit, { fontSize: iconSize }),
4271
- chevronRight: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ChevronRight, { fontSize: iconSize }),
4272
- chevronUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.KeyboardArrowUp, { fontSize: iconSize }),
4273
- chevronDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.KeyboardArrowDown, { fontSize: iconSize }),
4274
- close: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Close, { fontSize: iconSize }),
4275
- delete: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Delete, { fontSize: iconSize, fill: colors.neutral800 }),
4276
- done: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Done, { fontSize: iconSize }),
4277
- edit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Edit, { fontSize: iconSize }),
4278
- email: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Email, { fontSize: iconSize }),
4342
+ callSplit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.CallSplit, { fontSize: iconSize }),
4343
+ chevronRight: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ChevronRight, { fontSize: iconSize }),
4344
+ chevronUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.KeyboardArrowUp, { fontSize: iconSize }),
4345
+ chevronDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.KeyboardArrowDown, { fontSize: iconSize }),
4346
+ close: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Close, { fontSize: iconSize }),
4347
+ delete: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Delete, { fontSize: iconSize, fill: colors.neutral800 }),
4348
+ done: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Done, { fontSize: iconSize }),
4349
+ edit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Edit, { fontSize: iconSize }),
4350
+ email: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Email, { fontSize: iconSize }),
4279
4351
  grape: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconGrape_default, {}),
4280
- groupAdd: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.GroupAdd, { fontSize: iconSize }),
4281
- history: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.History, { fontSize: iconSize }),
4282
- menu: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Menu, { fontSize: iconSize }),
4283
- threeDots: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.MoreHoriz, { fontSize: iconSize, color: iconColor }),
4284
- notes: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Comment, { fontSize: iconSize }),
4285
- refresh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Refresh, { fontSize: iconSize }),
4286
- remove: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Remove, { fontSize: iconSize }),
4287
- search: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Search, { fontSize: iconSize }),
4288
- send: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Send, { fontSize: iconSize }),
4352
+ groupAdd: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.GroupAdd, { fontSize: iconSize }),
4353
+ history: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.History, { fontSize: iconSize }),
4354
+ menu: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Menu, { fontSize: iconSize }),
4355
+ threeDots: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.MoreHoriz, { fontSize: iconSize, color: iconColor }),
4356
+ notes: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Comment, { fontSize: iconSize }),
4357
+ refresh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Refresh, { fontSize: iconSize }),
4358
+ remove: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Remove, { fontSize: iconSize }),
4359
+ search: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Search, { fontSize: iconSize }),
4360
+ send: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Send, { fontSize: iconSize }),
4289
4361
  strawberry: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconStrawberry_default, {}),
4290
- thumbDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ThumbDown, { fontSize: iconSize }),
4291
- thumbUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ThumbUp, { fontSize: iconSize }),
4292
- undo: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Undo, { fontSize: iconSize }),
4293
- play: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.PlayArrowRounded, { fontSize: iconSize }),
4362
+ thumbDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ThumbDown, { fontSize: iconSize }),
4363
+ thumbUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ThumbUp, { fontSize: iconSize }),
4364
+ undo: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Undo, { fontSize: iconSize }),
4365
+ play: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.PlayArrowRounded, { fontSize: iconSize }),
4294
4366
  snail: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
4295
4367
  bus: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBus_default, {}),
4296
4368
  spoon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconSpoon_default, {}),
@@ -4300,7 +4372,7 @@ var RoundButton = ({
4300
4372
  bicycle: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBicycle_default, {}),
4301
4373
  heart: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconHeart_default, {}),
4302
4374
  airplane: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconAirplane_default, {}),
4303
- swapHoriz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.SwapHoriz, { fontSize: iconSize })
4375
+ swapHoriz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.SwapHoriz, { fontSize: iconSize })
4304
4376
  };
4305
4377
  const filteredSize = size === "double" ? void 0 : size;
4306
4378
  const handleClick = (e) => {
@@ -4826,7 +4898,7 @@ var ControlledNumberInput_default = ControlledNumberInput;
4826
4898
  // src/components/ControlledNumericField/ControlledNumericField.tsx
4827
4899
  var import_react19 = require("react");
4828
4900
  var import_react_hook_form5 = require("react-hook-form");
4829
- var import_icons_material6 = require("@mui/icons-material");
4901
+ var import_icons_material5 = require("@mui/icons-material");
4830
4902
  var import_material33 = require("@mui/material");
4831
4903
  var import_mui20 = require("tss-react/mui");
4832
4904
  var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -4983,7 +5055,7 @@ var ControlledNumericField = ({
4983
5055
  className: classes.arrowButton,
4984
5056
  onClick: incrementValue(field),
4985
5057
  "data-testid": "arrow-up",
4986
- children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material6.KeyboardArrowUp, { sx: { fontSize: 15 } })
5058
+ children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material5.KeyboardArrowUp, { sx: { fontSize: 15 } })
4987
5059
  }
4988
5060
  ),
4989
5061
  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
@@ -4993,7 +5065,7 @@ var ControlledNumericField = ({
4993
5065
  className: classes.arrowButton,
4994
5066
  onClick: decrementValue(field),
4995
5067
  "data-testid": "arrow-down",
4996
- children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material6.KeyboardArrowDown, { sx: { fontSize: 15 } })
5068
+ children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material5.KeyboardArrowDown, { sx: { fontSize: 15 } })
4997
5069
  }
4998
5070
  )
4999
5071
  ] }) })
@@ -5573,7 +5645,7 @@ var DeliveryInstructionsFormFields = ({
5573
5645
  };
5574
5646
 
5575
5647
  // src/components/FileCard/FileCard.tsx
5576
- var import_icons_material7 = require("@mui/icons-material");
5648
+ var import_icons_material6 = require("@mui/icons-material");
5577
5649
  var import_material40 = require("@mui/material");
5578
5650
  var import_jsx_runtime92 = require("react/jsx-runtime");
5579
5651
  var getFileMetadata = (file) => {
@@ -5608,7 +5680,7 @@ var FileCard = ({ document: document2 }) => {
5608
5680
  justifyContent: "center",
5609
5681
  alignItems: "center"
5610
5682
  },
5611
- children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_icons_material7.Description, { fontSize: "medium", color: "action" })
5683
+ children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_icons_material6.Description, { fontSize: "medium", color: "action" })
5612
5684
  }
5613
5685
  ),
5614
5686
  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -7593,7 +7665,7 @@ var import_mui45 = require("tss-react/mui");
7593
7665
  // src/components/SearchWithFilters/SearchWithFilters.tsx
7594
7666
  var import_react34 = require("react");
7595
7667
  var React6 = __toESM(require("react"), 1);
7596
- var import_icons_material8 = require("@mui/icons-material");
7668
+ var import_icons_material7 = require("@mui/icons-material");
7597
7669
  var import_material60 = require("@mui/material");
7598
7670
  var import_mui44 = require("tss-react/mui");
7599
7671
  var import_jsx_runtime113 = require("react/jsx-runtime");
@@ -7657,7 +7729,7 @@ var SearchWithFilters = ({
7657
7729
  setSearchText(searchValue);
7658
7730
  }, [searchValue]);
7659
7731
  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material60.Paper, { className: classes.searchContainer, children: [
7660
- /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material8.Search, { className: classes.icon, fontSize: "small" }),
7732
+ /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material7.Search, { className: classes.icon, fontSize: "small" }),
7661
7733
  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
7662
7734
  import_material60.InputBase,
7663
7735
  {
@@ -7679,7 +7751,7 @@ var SearchWithFilters = ({
7679
7751
  disabled,
7680
7752
  children: [
7681
7753
  "Filters",
7682
- showFilters ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material8.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material8.ArrowDropDown, {})
7754
+ showFilters ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material7.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material7.ArrowDropDown, {})
7683
7755
  ]
7684
7756
  }
7685
7757
  )
@@ -7754,7 +7826,7 @@ var import_mui47 = require("tss-react/mui");
7754
7826
 
7755
7827
  // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
7756
7828
  var import_react35 = require("react");
7757
- var import_icons_material9 = require("@mui/icons-material");
7829
+ var import_icons_material8 = require("@mui/icons-material");
7758
7830
  var import_material62 = require("@mui/material");
7759
7831
  var import_mui46 = require("tss-react/mui");
7760
7832
  var import_jsx_runtime115 = require("react/jsx-runtime");
@@ -7831,9 +7903,9 @@ var SearchWithFiltersForTable = (props) => {
7831
7903
  enterPressedInSearch();
7832
7904
  }
7833
7905
  };
7834
- const ArrowIcon = isOpen ? import_icons_material9.ArrowDropUp : import_icons_material9.ArrowDropDown;
7906
+ const ArrowIcon = isOpen ? import_icons_material8.ArrowDropUp : import_icons_material8.ArrowDropDown;
7835
7907
  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material62.Paper, { className: classes.c_search, children: [
7836
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material9.Search, { className: classes.icon, fontSize: "small" }) }),
7908
+ /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material8.Search, { className: classes.icon, fontSize: "small" }) }),
7837
7909
  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
7838
7910
  import_material62.InputBase,
7839
7911
  {
@@ -10240,7 +10312,7 @@ var TableDesktopToolbar = ({
10240
10312
 
10241
10313
  // src/components/TableHeader/TableHeader.tsx
10242
10314
  var import_react52 = require("react");
10243
- var import_icons_material10 = require("@mui/icons-material");
10315
+ var import_icons_material9 = require("@mui/icons-material");
10244
10316
  var import_material84 = require("@mui/material");
10245
10317
  var import_mui53 = require("tss-react/mui");
10246
10318
  var import_jsx_runtime142 = require("react/jsx-runtime");
@@ -10293,7 +10365,7 @@ var TableHeader = ({ cells, onSort = null }) => {
10293
10365
  {
10294
10366
  className: classes.sortLabel,
10295
10367
  direction: cell?.direction || "asc",
10296
- IconComponent: import_icons_material10.ImportExport,
10368
+ IconComponent: import_icons_material9.ImportExport,
10297
10369
  onClick: () => handleSortClick(cell),
10298
10370
  children: cell.label
10299
10371
  }