@natoora-libs/core 0.2.39 → 0.2.40

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 (5) hide show
  1. package/dist/components/index.cjs +61 -33
  2. package/dist/components/index.cjs.map +1 -1
  3. package/dist/components/index.js +79 -46
  4. package/dist/components/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/components/index.cjs CHANGED
@@ -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.18.1/node_modules/lodash/isObject.js
32
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObject.js
33
33
  var require_isObject = __commonJS({
34
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isObject.js"(exports2, module2) {
34
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_freeGlobal.js
43
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_freeGlobal.js
44
44
  var require_freeGlobal = __commonJS({
45
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_freeGlobal.js"(exports2, module2) {
45
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_root.js
51
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_root.js
52
52
  var require_root = __commonJS({
53
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_root.js"(exports2, module2) {
53
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/now.js
61
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/now.js
62
62
  var require_now = __commonJS({
63
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/now.js"(exports2, module2) {
63
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_trimmedEndIndex.js
72
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_trimmedEndIndex.js
73
73
  var require_trimmedEndIndex = __commonJS({
74
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_trimmedEndIndex.js"(exports2, module2) {
74
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_baseTrim.js
86
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseTrim.js
87
87
  var require_baseTrim = __commonJS({
88
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseTrim.js"(exports2, module2) {
88
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_Symbol.js
98
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_Symbol.js
99
99
  var require_Symbol = __commonJS({
100
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_Symbol.js"(exports2, module2) {
100
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_getRawTag.js
107
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_getRawTag.js
108
108
  var require_getRawTag = __commonJS({
109
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_getRawTag.js"(exports2, module2) {
109
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_objectToString.js
136
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_objectToString.js
137
137
  var require_objectToString = __commonJS({
138
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_objectToString.js"(exports2, module2) {
138
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/_baseGetTag.js
148
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseGetTag.js
149
149
  var require_baseGetTag = __commonJS({
150
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseGetTag.js"(exports2, module2) {
150
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/isObjectLike.js
167
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObjectLike.js
168
168
  var require_isObjectLike = __commonJS({
169
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isObjectLike.js"(exports2, module2) {
169
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/isSymbol.js
177
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isSymbol.js
178
178
  var require_isSymbol = __commonJS({
179
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isSymbol.js"(exports2, module2) {
179
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/toNumber.js
190
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/toNumber.js
191
191
  var require_toNumber = __commonJS({
192
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/toNumber.js"(exports2, module2) {
192
+ "../node_modules/.pnpm/lodash@4.17.23/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.18.1/node_modules/lodash/debounce.js
223
+ // ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/debounce.js
224
224
  var require_debounce = __commonJS({
225
- "../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/debounce.js"(exports2, module2) {
225
+ "../node_modules/.pnpm/lodash@4.17.23/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();
@@ -6024,6 +6024,7 @@ var FixedFooter_default = React4.memo(FixedFooter);
6024
6024
 
6025
6025
  // src/components/GlobalSearchTrigger/GlobalSearchTrigger.tsx
6026
6026
  var import_react26 = require("react");
6027
+ var import_CloseRounded = __toESM(require("@mui/icons-material/CloseRounded"), 1);
6027
6028
  var import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"), 1);
6028
6029
  var import_material45 = require("@mui/material");
6029
6030
  var import_styles3 = require("@mui/material/styles");
@@ -6043,6 +6044,7 @@ var GlobalSearchTrigger = ({
6043
6044
  ref,
6044
6045
  inputRef
6045
6046
  }) => {
6047
+ const showClearButton = !readOnly && value.length > 0;
6046
6048
  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
6047
6049
  import_material45.Paper,
6048
6050
  {
@@ -6096,7 +6098,23 @@ var GlobalSearchTrigger = ({
6096
6098
  }
6097
6099
  }
6098
6100
  ),
6099
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
6101
+ showClearButton ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
6102
+ import_material45.IconButton,
6103
+ {
6104
+ size: "small",
6105
+ "aria-label": "Clear search",
6106
+ onMouseDown: (event) => event.preventDefault(),
6107
+ onClick: () => onChange?.(""),
6108
+ sx: {
6109
+ color: (0, import_styles3.alpha)(colors.white, 0.72),
6110
+ p: 0.25,
6111
+ "&:hover": {
6112
+ color: colors.white
6113
+ }
6114
+ },
6115
+ children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_CloseRounded.default, { sx: { fontSize: 18 } })
6116
+ }
6117
+ ) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
6100
6118
  import_material45.Box,
6101
6119
  {
6102
6120
  sx: {
@@ -10842,7 +10860,10 @@ var useStyles50 = (0, import_mui56.makeStyles)()((theme) => ({
10842
10860
  topBar: {
10843
10861
  display: "flex",
10844
10862
  gap: theme.spacing(1),
10845
- backgroundColor: colors.topBar
10863
+ backgroundColor: colors.topBar,
10864
+ [theme.breakpoints.down("xl")]: {
10865
+ gap: theme.spacing(0.5)
10866
+ }
10846
10867
  }
10847
10868
  }));
10848
10869
  var TheToolbar = ({
@@ -10867,7 +10888,7 @@ var TheToolbar = ({
10867
10888
  onClick: handleOpen
10868
10889
  }
10869
10890
  ) : null,
10870
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
10891
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { sx: { display: { xs: "none", lg: "block" }, flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
10871
10892
  CompanyLogo_default,
10872
10893
  {
10873
10894
  size: "small",
@@ -10875,8 +10896,15 @@ var TheToolbar = ({
10875
10896
  imageLogoDarkSmall,
10876
10897
  imageLogoLightSmall
10877
10898
  }
10899
+ ) }),
10900
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
10901
+ import_material88.Box,
10902
+ {
10903
+ ml: { xs: 0, lg: 2 },
10904
+ sx: { display: { xs: "none", xl: "block" }, flexShrink: 0 },
10905
+ children: leftSection
10906
+ }
10878
10907
  ),
10879
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { ml: 2, children: leftSection }),
10880
10908
  centerSection ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
10881
10909
  import_material88.Box,
10882
10910
  {
@@ -10889,7 +10917,7 @@ var TheToolbar = ({
10889
10917
  children: centerSection
10890
10918
  }
10891
10919
  ) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { sx: { flexGrow: 1 } }),
10892
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { children: rightSection })
10920
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { sx: { flexShrink: 0 }, children: rightSection })
10893
10921
  ] }) }),
10894
10922
  LeftDrawer
10895
10923
  ] });