@wavelengthusaf/components 4.11.0 → 4.13.0

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/cjs/index.cjs +208 -85
  2. package/dist/cjs/index.d.cts +39 -1
  3. package/dist/esm/index.d.ts +39 -1
  4. package/dist/esm/index.js +507 -384
  5. package/package.json +2 -2
package/dist/cjs/index.cjs CHANGED
@@ -29,24 +29,24 @@ var require_react_is_production_min = __commonJS({
29
29
  "../../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
30
30
  "use strict";
31
31
  var b = "function" === typeof Symbol && Symbol.for;
32
- var c = b ? Symbol.for("react.element") : 60103;
33
- var d = b ? Symbol.for("react.portal") : 60106;
34
- var e = b ? Symbol.for("react.fragment") : 60107;
35
- var f = b ? Symbol.for("react.strict_mode") : 60108;
36
- var g = b ? Symbol.for("react.profiler") : 60114;
37
- var h = b ? Symbol.for("react.provider") : 60109;
38
- var k = b ? Symbol.for("react.context") : 60110;
39
- var l = b ? Symbol.for("react.async_mode") : 60111;
40
- var m = b ? Symbol.for("react.concurrent_mode") : 60111;
41
- var n = b ? Symbol.for("react.forward_ref") : 60112;
42
- var p = b ? Symbol.for("react.suspense") : 60113;
43
- var q = b ? Symbol.for("react.suspense_list") : 60120;
44
- var r = b ? Symbol.for("react.memo") : 60115;
45
- var t = b ? Symbol.for("react.lazy") : 60116;
46
- var v = b ? Symbol.for("react.block") : 60121;
47
- var w = b ? Symbol.for("react.fundamental") : 60117;
48
- var x = b ? Symbol.for("react.responder") : 60118;
49
- var y = b ? Symbol.for("react.scope") : 60119;
32
+ var c = b ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
33
+ var d = b ? /* @__PURE__ */ Symbol.for("react.portal") : 60106;
34
+ var e = b ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107;
35
+ var f = b ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108;
36
+ var g = b ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114;
37
+ var h = b ? /* @__PURE__ */ Symbol.for("react.provider") : 60109;
38
+ var k = b ? /* @__PURE__ */ Symbol.for("react.context") : 60110;
39
+ var l = b ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111;
40
+ var m = b ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111;
41
+ var n = b ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
42
+ var p = b ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113;
43
+ var q = b ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120;
44
+ var r = b ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
45
+ var t = b ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116;
46
+ var v = b ? /* @__PURE__ */ Symbol.for("react.block") : 60121;
47
+ var w = b ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117;
48
+ var x = b ? /* @__PURE__ */ Symbol.for("react.responder") : 60118;
49
+ var y = b ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
50
50
  function z(a) {
51
51
  if ("object" === typeof a && null !== a) {
52
52
  var u = a.$$typeof;
@@ -145,24 +145,24 @@ var require_react_is_development = __commonJS({
145
145
  (function() {
146
146
  "use strict";
147
147
  var hasSymbol = typeof Symbol === "function" && Symbol.for;
148
- var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
149
- var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
150
- var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
151
- var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
152
- var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
153
- var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
154
- var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
155
- var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
156
- var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
157
- var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
158
- var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
159
- var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
160
- var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
161
- var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
162
- var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
163
- var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
164
- var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
165
- var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
148
+ var REACT_ELEMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
149
+ var REACT_PORTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.portal") : 60106;
150
+ var REACT_FRAGMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107;
151
+ var REACT_STRICT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108;
152
+ var REACT_PROFILER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114;
153
+ var REACT_PROVIDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.provider") : 60109;
154
+ var REACT_CONTEXT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.context") : 60110;
155
+ var REACT_ASYNC_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111;
156
+ var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111;
157
+ var REACT_FORWARD_REF_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
158
+ var REACT_SUSPENSE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113;
159
+ var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120;
160
+ var REACT_MEMO_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
161
+ var REACT_LAZY_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116;
162
+ var REACT_BLOCK_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.block") : 60121;
163
+ var REACT_FUNDAMENTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117;
164
+ var REACT_RESPONDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.responder") : 60118;
165
+ var REACT_SCOPE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
166
166
  function isValidElementType(type) {
167
167
  return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
168
168
  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
@@ -976,21 +976,20 @@ var require_prop_types = __commonJS({
976
976
  var require_react_is_production = __commonJS({
977
977
  "../../../node_modules/react-is/cjs/react-is.production.js"(exports) {
978
978
  "use strict";
979
- var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element");
980
- var REACT_PORTAL_TYPE = Symbol.for("react.portal");
981
- var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
982
- var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
983
- var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
984
- Symbol.for("react.provider");
985
- var REACT_CONSUMER_TYPE = Symbol.for("react.consumer");
986
- var REACT_CONTEXT_TYPE = Symbol.for("react.context");
987
- var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
988
- var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
989
- var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
990
- var REACT_MEMO_TYPE = Symbol.for("react.memo");
991
- var REACT_LAZY_TYPE = Symbol.for("react.lazy");
992
- var REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition");
993
- var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
979
+ var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element");
980
+ var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
981
+ var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
982
+ var REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode");
983
+ var REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler");
984
+ var REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer");
985
+ var REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context");
986
+ var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
987
+ var REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense");
988
+ var REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list");
989
+ var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
990
+ var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
991
+ var REACT_VIEW_TRANSITION_TYPE = /* @__PURE__ */ Symbol.for("react.view_transition");
992
+ var REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference");
994
993
  function typeOf(object) {
995
994
  if ("object" === typeof object && null !== object) {
996
995
  var $$typeof = object.$$typeof;
@@ -1113,9 +1112,7 @@ var require_react_is_development2 = __commonJS({
1113
1112
  }
1114
1113
  }
1115
1114
  }
1116
- var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
1117
- Symbol.for("react.provider");
1118
- var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
1115
+ var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = /* @__PURE__ */ Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference");
1119
1116
  exports.ContextConsumer = REACT_CONSUMER_TYPE;
1120
1117
  exports.ContextProvider = REACT_CONTEXT_TYPE;
1121
1118
  exports.Element = REACT_ELEMENT_TYPE;
@@ -5142,6 +5139,89 @@ var WavelengthToolTip = ({ color: color2, font, direction, children, textColor,
5142
5139
  };
5143
5140
  WavelengthToolTip.displayName = "WavelengthToolTip";
5144
5141
 
5142
+ // src/components/PageComponents/WavelengthBadge.tsx
5143
+
5144
+
5145
+ var WavelengthBadge = ({
5146
+ variant,
5147
+ badgeBorderRadius,
5148
+ fontSize,
5149
+ href,
5150
+ badgeColor,
5151
+ badgeTextColor,
5152
+ badgeHoverColor,
5153
+ badgeContent,
5154
+ badgeFont,
5155
+ badgeSize,
5156
+ textBoxWidth,
5157
+ textBoxHeight,
5158
+ textBoxBackgroundColor,
5159
+ textBoxTextColor,
5160
+ textBoxBorderColor,
5161
+ textBoxBorderRadius,
5162
+ textBoxHoverBorderColor,
5163
+ item,
5164
+ children,
5165
+ customStyle: customStyle2,
5166
+ ...rest
5167
+ }) => {
5168
+ const ref = _react.useRef.call(void 0, null);
5169
+ _react.useEffect.call(void 0, () => {
5170
+ const el = ref.current;
5171
+ if (!el) return;
5172
+ el.customStyles = customStyle2;
5173
+ const updateAttribute = (attr, value) => {
5174
+ if (value !== void 0 && value !== null && value !== "") {
5175
+ el.setAttribute(attr, value.toString());
5176
+ } else {
5177
+ el.removeAttribute(attr);
5178
+ }
5179
+ };
5180
+ updateAttribute("variant", variant);
5181
+ updateAttribute("badge-border-radius", badgeBorderRadius);
5182
+ updateAttribute("font-size", fontSize);
5183
+ updateAttribute("href", href);
5184
+ updateAttribute("badge-color", badgeColor);
5185
+ updateAttribute("badge-text-color", badgeTextColor);
5186
+ updateAttribute("badge-hover-color", badgeHoverColor);
5187
+ updateAttribute("text-box-width", textBoxWidth);
5188
+ updateAttribute("text-box-height", textBoxHeight);
5189
+ updateAttribute("text-box-background-color", textBoxBackgroundColor);
5190
+ updateAttribute("text-box-text-color", textBoxTextColor);
5191
+ updateAttribute("text-box-border-color", textBoxBorderColor);
5192
+ updateAttribute("text-box-border-radius", textBoxBorderRadius);
5193
+ updateAttribute("text-box-hover-border-color", textBoxHoverBorderColor);
5194
+ updateAttribute("badge-font", badgeFont);
5195
+ updateAttribute("badge-content", _optionalChain([badgeContent, 'optionalAccess', _12 => _12.toString, 'call', _13 => _13()]));
5196
+ updateAttribute("badge-size", badgeSize);
5197
+ }, [
5198
+ variant,
5199
+ badgeBorderRadius,
5200
+ fontSize,
5201
+ href,
5202
+ badgeColor,
5203
+ badgeTextColor,
5204
+ badgeHoverColor,
5205
+ badgeContent,
5206
+ badgeFont,
5207
+ badgeSize,
5208
+ textBoxWidth,
5209
+ textBoxHeight,
5210
+ textBoxBackgroundColor,
5211
+ textBoxTextColor,
5212
+ textBoxBorderColor,
5213
+ textBoxBorderRadius,
5214
+ textBoxHoverBorderColor,
5215
+ item,
5216
+ customStyle2
5217
+ ]);
5218
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "wavelength-badge", { ref, ...rest, children: [
5219
+ badgeContent !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { slot: "badge", children: badgeContent }),
5220
+ item || children
5221
+ ] });
5222
+ };
5223
+ WavelengthBadge.displayName = "WavelengthBadge";
5224
+
5145
5225
  // src/components/footers/WavelengthFooter/WavelengthFooter.tsx
5146
5226
 
5147
5227
  var _Box = require('@mui/material/Box'); var _Box2 = _interopRequireDefault(_Box);
@@ -5203,7 +5283,7 @@ function useStableCallback(fn) {
5203
5283
  _react.useEffect.call(void 0, () => {
5204
5284
  fnRef.current = fn;
5205
5285
  }, [fn]);
5206
- return (...args) => _optionalChain([fnRef, 'access', _12 => _12.current, 'optionalCall', _13 => _13(...args)]);
5286
+ return (...args) => _optionalChain([fnRef, 'access', _14 => _14.current, 'optionalCall', _15 => _15(...args)]);
5207
5287
  }
5208
5288
  function WavelengthFormInner(props, ref) {
5209
5289
  const {
@@ -5243,7 +5323,7 @@ function WavelengthFormInner(props, ref) {
5243
5323
  if (!el) return;
5244
5324
  let finalSchema = schema;
5245
5325
  if (placeholders) {
5246
- const shape2 = _optionalChain([schema, 'optionalAccess', _14 => _14.shape]);
5326
+ const shape2 = _optionalChain([schema, 'optionalAccess', _16 => _16.shape]);
5247
5327
  if (shape2) {
5248
5328
  const overrides = {};
5249
5329
  for (const [key, ph] of Object.entries(placeholders)) {
@@ -5276,15 +5356,15 @@ function WavelengthFormInner(props, ref) {
5276
5356
  if (!el) return;
5277
5357
  const handleChange = (e) => {
5278
5358
  const detail = e.detail;
5279
- _optionalChain([onChangeStable, 'optionalCall', _15 => _15(_nullishCoalesce(_optionalChain([detail, 'optionalAccess', _16 => _16.value]), () => ( {})), _nullishCoalesce(_optionalChain([detail, 'optionalAccess', _17 => _17.issues]), () => ( [])))]);
5359
+ _optionalChain([onChangeStable, 'optionalCall', _17 => _17(_nullishCoalesce(_optionalChain([detail, 'optionalAccess', _18 => _18.value]), () => ( {})), _nullishCoalesce(_optionalChain([detail, 'optionalAccess', _19 => _19.issues]), () => ( [])))]);
5280
5360
  };
5281
5361
  const handleValid = (e) => {
5282
5362
  const detail = e.detail;
5283
- _optionalChain([onValidStable, 'optionalCall', _18 => _18(_optionalChain([detail, 'optionalAccess', _19 => _19.value]), _nullishCoalesce(_optionalChain([detail, 'optionalAccess', _20 => _20.issues]), () => ( [])))]);
5363
+ _optionalChain([onValidStable, 'optionalCall', _20 => _20(_optionalChain([detail, 'optionalAccess', _21 => _21.value]), _nullishCoalesce(_optionalChain([detail, 'optionalAccess', _22 => _22.issues]), () => ( [])))]);
5284
5364
  };
5285
5365
  const handleInvalid = (e) => {
5286
5366
  const detail = e.detail;
5287
- _optionalChain([onInvalidStable, 'optionalCall', _21 => _21(_nullishCoalesce(_optionalChain([detail, 'optionalAccess', _22 => _22.value]), () => ( {})), _nullishCoalesce(_optionalChain([detail, 'optionalAccess', _23 => _23.issues]), () => ( [])))]);
5367
+ _optionalChain([onInvalidStable, 'optionalCall', _23 => _23(_nullishCoalesce(_optionalChain([detail, 'optionalAccess', _24 => _24.value]), () => ( {})), _nullishCoalesce(_optionalChain([detail, 'optionalAccess', _25 => _25.issues]), () => ( [])))]);
5288
5368
  };
5289
5369
  el.addEventListener("form-change", handleChange);
5290
5370
  el.addEventListener("form-valid", handleValid);
@@ -5306,8 +5386,8 @@ function WavelengthFormInner(props, ref) {
5306
5386
  _react.useImperativeHandle.call(void 0,
5307
5387
  ref,
5308
5388
  () => ({
5309
- validate: () => _nullishCoalesce(_optionalChain([hostRef, 'access', _24 => _24.current, 'optionalAccess', _25 => _25.validate, 'optionalCall', _26 => _26()]), () => ( false)),
5310
- getValue: () => _optionalChain([hostRef, 'access', _27 => _27.current, 'optionalAccess', _28 => _28.value]),
5389
+ validate: () => _nullishCoalesce(_optionalChain([hostRef, 'access', _26 => _26.current, 'optionalAccess', _27 => _27.validate, 'optionalCall', _28 => _28()]), () => ( false)),
5390
+ getValue: () => _optionalChain([hostRef, 'access', _29 => _29.current, 'optionalAccess', _30 => _30.value]),
5311
5391
  setValue: (v) => {
5312
5392
  if (hostRef.current) hostRef.current.value = v;
5313
5393
  }
@@ -5500,8 +5580,8 @@ function WavelengthConfirmationModal(props) {
5500
5580
  overflow: "scroll"
5501
5581
  },
5502
5582
  children: [
5503
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0px", fontSize: "28px", fontWeight: 500, padding: "0px", marginBottom: "16px", fontFamily: props.fontFamily }, children: _optionalChain([props, 'access', _29 => _29.textObj, 'optionalAccess', _30 => _30.title]) }),
5504
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0px", fontSize: "16px", lineHeight: "19.2px", fontFamily: props.fontFamily, fontWeight: 400, height: "60px" }, children: _optionalChain([props, 'access', _31 => _31.textObj, 'optionalAccess', _32 => _32.dialog]) }),
5583
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0px", fontSize: "28px", fontWeight: 500, padding: "0px", marginBottom: "16px", fontFamily: props.fontFamily }, children: _optionalChain([props, 'access', _31 => _31.textObj, 'optionalAccess', _32 => _32.title]) }),
5584
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0px", fontSize: "16px", lineHeight: "19.2px", fontFamily: props.fontFamily, fontWeight: 400, height: "60px" }, children: _optionalChain([props, 'access', _33 => _33.textObj, 'optionalAccess', _34 => _34.dialog]) }),
5505
5585
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { display: "flex", flexDirection: "row", justifyContent: "flex-end", marginTop: "40px", gap: "8px" }, children: [
5506
5586
  props.cancelButton,
5507
5587
  props.submitButton
@@ -5523,11 +5603,11 @@ function WavelengthContentModal(props) {
5523
5603
  };
5524
5604
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Dialog, { "data-testid": "testId-WavelengthContentModal", open: show, onClose: handleClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", id: props.id, children: [
5525
5605
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogTitle, { alignContent: `center`, id: "alert-dialog-title", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { display: "flex", alignItems: "center", children: [
5526
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { flexGrow: 1, children: _optionalChain([props, 'access', _33 => _33.textObj, 'optionalAccess', _34 => _34.title]) }),
5606
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { flexGrow: 1, children: _optionalChain([props, 'access', _35 => _35.textObj, 'optionalAccess', _36 => _36.title]) }),
5527
5607
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, {}) }) })
5528
5608
  ] }) }),
5529
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { align: "center", children: _optionalChain([props, 'access', _35 => _35.textObj, 'optionalAccess', _36 => _36.dialog]) }) }),
5530
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogActions, { style: { justifyContent: `center` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Button, { "data-testid": "testId-WavelengthContentModalConfirmButton", onClick: handleContentModalOnConfirmProp, color: "primary", variant: "contained", autoFocus: true, children: _optionalChain([props, 'access', _37 => _37.textObj, 'optionalAccess', _38 => _38.purpose]) }) })
5609
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { align: "center", children: _optionalChain([props, 'access', _37 => _37.textObj, 'optionalAccess', _38 => _38.dialog]) }) }),
5610
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogActions, { style: { justifyContent: `center` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Button, { "data-testid": "testId-WavelengthContentModalConfirmButton", onClick: handleContentModalOnConfirmProp, color: "primary", variant: "contained", autoFocus: true, children: _optionalChain([props, 'access', _39 => _39.textObj, 'optionalAccess', _40 => _40.purpose]) }) })
5531
5611
  ] });
5532
5612
  }
5533
5613
  WavelengthContentModal.displayName = "WavelengthContentModal";
@@ -5803,6 +5883,44 @@ var WavelengthMenu = ({
5803
5883
  };
5804
5884
  WavelengthMenu.displayName = "WavelengthMenu";
5805
5885
 
5886
+ // src/components/modals/WavelengthSwitch.tsx
5887
+
5888
+
5889
+ var WavelengthSwitch = ({ label, labelPlacement, size, disabled, color: color2, labelFont, checked, value, onWavelengthSwitchChange, customStyle: customStyle2, ...rest }) => {
5890
+ const ref = _react.useRef.call(void 0, null);
5891
+ _react.useEffect.call(void 0, () => {
5892
+ const el = ref.current;
5893
+ if (!el) return;
5894
+ const syncAttribute = (attr, val, isBool = false) => {
5895
+ if (val === void 0 || val === null || isBool && !val) {
5896
+ el.removeAttribute(attr);
5897
+ } else {
5898
+ el.setAttribute(attr, isBool ? "" : val.toString());
5899
+ }
5900
+ };
5901
+ el.customStyles = customStyle2;
5902
+ syncAttribute("checked", checked, true);
5903
+ syncAttribute("disabled", disabled, true);
5904
+ syncAttribute("label", label);
5905
+ syncAttribute("label-placement", labelPlacement);
5906
+ syncAttribute("size", size);
5907
+ syncAttribute("color", color2);
5908
+ syncAttribute("label-font", labelFont);
5909
+ syncAttribute("value", value);
5910
+ }, [checked, label, labelPlacement, size, disabled, color2, labelFont, value, customStyle2]);
5911
+ _react.useEffect.call(void 0, () => {
5912
+ const el = ref.current;
5913
+ if (!el || !onWavelengthSwitchChange) return;
5914
+ const handleEvent = (e) => {
5915
+ onWavelengthSwitchChange(e);
5916
+ };
5917
+ el.addEventListener("wavelength-switch-change", handleEvent);
5918
+ return () => el.removeEventListener("wavelength-switch-change", handleEvent);
5919
+ }, [onWavelengthSwitchChange]);
5920
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-switch", { ref, ...rest });
5921
+ };
5922
+ WavelengthSwitch.displayName = "WavelengthSwitch";
5923
+
5806
5924
  // src/components/modals/WavelengthPagination.tsx
5807
5925
 
5808
5926
 
@@ -5849,8 +5967,8 @@ var WavelengthPagination = ({
5849
5967
  syncAttribute("active-text-color", activeTextColor || "");
5850
5968
  syncAttribute("background-color", backgroundColor2 || "");
5851
5969
  syncAttribute("disabled-color", disabledColor || "");
5852
- syncAttribute("total-pages", _optionalChain([totalPages, 'optionalAccess', _39 => _39.toString, 'call', _40 => _40()]) || "");
5853
- syncAttribute("current-page", _optionalChain([currentPage, 'optionalAccess', _41 => _41.toString, 'call', _42 => _42()]) || "");
5970
+ syncAttribute("total-pages", _optionalChain([totalPages, 'optionalAccess', _41 => _41.toString, 'call', _42 => _42()]) || "");
5971
+ syncAttribute("current-page", _optionalChain([currentPage, 'optionalAccess', _43 => _43.toString, 'call', _44 => _44()]) || "");
5854
5972
  const handlePageChange = (e) => {
5855
5973
  if (onPageChange) {
5856
5974
  onPageChange(e.detail.page);
@@ -6545,6 +6663,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6545
6663
  required,
6546
6664
  forceError,
6547
6665
  disabled,
6666
+ multiLine,
6548
6667
  width: width2,
6549
6668
  height: height2,
6550
6669
  padding: padding2,
@@ -6565,7 +6684,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6565
6684
  const internalRef = _react.useRef.call(void 0, null);
6566
6685
  _react.useImperativeHandle.call(void 0, ref, () => ({
6567
6686
  ...internalRef.current,
6568
- validate: () => _optionalChain([internalRef, 'access', _43 => _43.current, 'optionalAccess', _44 => _44.validate, 'optionalCall', _45 => _45(true)])
6687
+ validate: () => _optionalChain([internalRef, 'access', _45 => _45.current, 'optionalAccess', _46 => _46.validate, 'optionalCall', _47 => _47(true)])
6569
6688
  }));
6570
6689
  _react.useEffect.call(void 0, () => {
6571
6690
  const el = internalRef.current;
@@ -6607,6 +6726,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6607
6726
  set("helper-color", helperColor);
6608
6727
  set("label", label);
6609
6728
  set("disabled", disabled ? "" : void 0);
6729
+ set("multi-line", multiLine ? "" : void 0);
6610
6730
  }, [
6611
6731
  id,
6612
6732
  name,
@@ -6636,13 +6756,14 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6636
6756
  focusColor,
6637
6757
  helperColor,
6638
6758
  label,
6639
- disabled
6759
+ disabled,
6760
+ multiLine
6640
6761
  ]);
6641
6762
  _react.useEffect.call(void 0, () => {
6642
6763
  const el = internalRef.current;
6643
6764
  if (!el || !onBlurCallback) return;
6644
6765
  const handler = (e) => {
6645
- const input = _optionalChain([el, 'access', _46 => _46.shadowRoot, 'optionalAccess', _47 => _47.querySelector, 'call', _48 => _48("input")]);
6766
+ const input = _optionalChain([el, 'access', _48 => _48.shadowRoot, 'optionalAccess', _49 => _49.querySelector, 'call', _50 => _50("input, textarea")]);
6646
6767
  if (input) {
6647
6768
  onBlurCallback();
6648
6769
  }
@@ -6654,7 +6775,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6654
6775
  const el = internalRef.current;
6655
6776
  if (!el || !onChange) return;
6656
6777
  const handler = (e) => {
6657
- const input = _optionalChain([el, 'access', _49 => _49.shadowRoot, 'optionalAccess', _50 => _50.querySelector, 'call', _51 => _51("input")]);
6778
+ const input = _optionalChain([el, 'access', _51 => _51.shadowRoot, 'optionalAccess', _52 => _52.querySelector, 'call', _53 => _53("input, textarea")]);
6658
6779
  if (input) {
6659
6780
  const synthetic = {
6660
6781
  ...e,
@@ -6857,7 +6978,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages, id }) => {
6857
6978
  const [noRowsOpen, setNoRowsOpen] = _react.useState.call(void 0, false);
6858
6979
  const [isModalOpen, setIsModalOpen] = _react.useState.call(void 0, false);
6859
6980
  const [searchItem, setSearchItem] = _react.useState.call(void 0, "");
6860
- const [selectedValue, setSelectedValue] = _react.useState.call(void 0, _optionalChain([columns, 'access', _52 => _52[0], 'optionalAccess', _53 => _53.key]) || "");
6981
+ const [selectedValue, setSelectedValue] = _react.useState.call(void 0, _optionalChain([columns, 'access', _54 => _54[0], 'optionalAccess', _55 => _55.key]) || "");
6861
6982
  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
6862
6983
  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
6863
6984
  const [editingMenuKey, setEditingMenuKey] = _react.useState.call(void 0, null);
@@ -7011,7 +7132,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages, id }) => {
7011
7132
  ] }, index)
7012
7133
  ] }, `headCell-${index}`);
7013
7134
  });
7014
- const rows = !_optionalChain([currentPageData, 'optionalAccess', _54 => _54.length]) || noRowsOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([currentPageData, 'optionalAccess', _55 => _55.map, 'call', _56 => _56((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column, index2) => {
7135
+ const rows = !_optionalChain([currentPageData, 'optionalAccess', _56 => _56.length]) || noRowsOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([currentPageData, 'optionalAccess', _57 => _57.map, 'call', _58 => _58((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column, index2) => {
7015
7136
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTd, { children: editingId === item.id && editedColumnKey === column.key ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7016
7137
  StyledInput,
7017
7138
  {
@@ -7257,7 +7378,7 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7257
7378
  }
7258
7379
  if (sortSubOrder) {
7259
7380
  result.map(
7260
- (item) => _optionalChain([item, 'access', _57 => _57.Details, 'optionalAccess', _58 => _58.fileObjects, 'access', _59 => _59.sort, 'call', _60 => _60((c, d) => {
7381
+ (item) => _optionalChain([item, 'access', _59 => _59.Details, 'optionalAccess', _60 => _60.fileObjects, 'access', _61 => _61.sort, 'call', _62 => _62((c, d) => {
7261
7382
  const valueC = c[sortSubKey];
7262
7383
  const valueD = d[sortSubKey];
7263
7384
  if (typeof valueC === "string" && typeof valueD === "string") {
@@ -7318,24 +7439,24 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7318
7439
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: renderSortSubButton(column, sortSubOrder, sortSubKey) }, `SubHeadCell-${index}`);
7319
7440
  });
7320
7441
  const subDataRows = (itemId) => {
7321
- return processedRowData.filter((item) => _optionalChain([item, 'access', _61 => _61.Details, 'optionalAccess', _62 => _62.relationId]) === itemId).map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _optionalChain([item, 'access', _63 => _63.Details, 'optionalAccess', _64 => _64.fileObjects, 'access', _65 => _65.map, 'call', _66 => _66((fileItem, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SubDataTableBodyRowContainer, { children: [
7442
+ return processedRowData.filter((item) => _optionalChain([item, 'access', _63 => _63.Details, 'optionalAccess', _64 => _64.relationId]) === itemId).map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _optionalChain([item, 'access', _65 => _65.Details, 'optionalAccess', _66 => _66.fileObjects, 'access', _67 => _67.map, 'call', _68 => _68((fileItem, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SubDataTableBodyRowContainer, { children: [
7322
7443
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadArrow, { onClick: downloadArrowOnClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7323
7444
  "path",
7324
7445
  {
7325
7446
  d: "M8.5 12L3.5 7L4.9 5.55L7.5 8.15V0H9.5V8.15L12.1 5.55L13.5 7L8.5 12ZM2.5 16C1.95 16 1.47917 15.8042 1.0875 15.4125C0.695833 15.0208 0.5 14.55 0.5 14V11H2.5V14H14.5V11H16.5V14C16.5 14.55 16.3042 15.0208 15.9125 15.4125C15.5208 15.8042 15.05 16 14.5 16H2.5Z",
7326
7447
  fill: "#1C1B1F"
7327
7448
  }
7328
- ) }) }) }, `td-${_optionalChain([item, 'access', _67 => _67.Details, 'optionalAccess', _68 => _68.relationId])}-${fileItem.id}`),
7449
+ ) }) }) }, `td-${_optionalChain([item, 'access', _69 => _69.Details, 'optionalAccess', _70 => _70.relationId])}-${fileItem.id}`),
7329
7450
  SubDataColumns.map((column) => {
7330
7451
  const columnKey = trimBeforePeriod2(column.key);
7331
7452
  const value = fileItem[columnKey];
7332
7453
  if (value !== void 0) {
7333
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }, `span-${_optionalChain([item, 'access', _69 => _69.Details, 'optionalAccess', _70 => _70.relationId])}-${fileItem.id}-${index}-${column.title}`) }, `fileitem-${item}-${_optionalChain([item, 'access', _71 => _71.Details, 'optionalAccess', _72 => _72.relationId])}-${fileItem.id}-${index}-${column.title}`);
7454
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }, `span-${_optionalChain([item, 'access', _71 => _71.Details, 'optionalAccess', _72 => _72.relationId])}-${fileItem.id}-${index}-${column.title}`) }, `fileitem-${item}-${_optionalChain([item, 'access', _73 => _73.Details, 'optionalAccess', _74 => _74.relationId])}-${fileItem.id}-${index}-${column.title}`);
7334
7455
  }
7335
7456
  })
7336
- ] }, `${item}-${_optionalChain([item, 'access', _73 => _73.Details, 'optionalAccess', _74 => _74.relationId])}-${fileItem.id}-${index}`))]) }, `SDR-${item.id}-${_optionalChain([item, 'access', _75 => _75.Details, 'optionalAccess', _76 => _76.relationId])}`));
7457
+ ] }, `${item}-${_optionalChain([item, 'access', _75 => _75.Details, 'optionalAccess', _76 => _76.relationId])}-${fileItem.id}-${index}`))]) }, `SDR-${item.id}-${_optionalChain([item, 'access', _77 => _77.Details, 'optionalAccess', _78 => _78.relationId])}`));
7337
7458
  };
7338
- const dataRows = _optionalChain([processedRowData, 'optionalAccess', _77 => _77.map, 'call', _78 => _78((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BodyRowContainer, { children: [
7459
+ const dataRows = _optionalChain([processedRowData, 'optionalAccess', _79 => _79.map, 'call', _80 => _80((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BodyRowContainer, { children: [
7339
7460
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableRow, { $amountofColumns: HeadColumns.length, children: HeadColumns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableBodyCell, { $primaryBoldState: column.PrimaryBoldText, children: item[column.key] }, `TableBodycell-${item.id}-${column.key}`)) }),
7340
7461
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonStylingRow, { children: [
7341
7462
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadMissionButton, { onClick: downloadMissionOnClick, children: "Download Mission" }),
@@ -7389,7 +7510,7 @@ var ChildDataTable2 = ({ columns, data, dropdownArrowLocation, sortIcon, dropdow
7389
7510
  root = _client.createRoot.call(void 0, container);
7390
7511
  reactDropdownRoots.current.set(container, root);
7391
7512
  }
7392
- const item = _optionalChain([data, 'optionalAccess', _79 => _79.find, 'call', _80 => _80((item2) => String(item2.id) === String(itemId))]);
7513
+ const item = _optionalChain([data, 'optionalAccess', _81 => _81.find, 'call', _82 => _82((item2) => String(item2.id) === String(itemId))]);
7393
7514
  if (item && item.dropdown && root) {
7394
7515
  root.render(item.dropdown);
7395
7516
  }
@@ -7516,9 +7637,9 @@ var NestedDataTable = ({ data, columns, id }) => {
7516
7637
  const SubDataHeaders = SubDataColumns.map((column, index) => {
7517
7638
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, `SubHeadCell-${index}`);
7518
7639
  });
7519
- const subDataRows = !_optionalChain([data, 'optionalAccess', _81 => _81.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoSubDataRows", colSpan: columns.length, children: "No data" }) }) : data.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTr, { children: SubDataColumns.map((column, colIndex) => {
7640
+ const subDataRows = !_optionalChain([data, 'optionalAccess', _83 => _83.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoSubDataRows", colSpan: columns.length, children: "No data" }) }) : data.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTr, { children: SubDataColumns.map((column, colIndex) => {
7520
7641
  const columnKey = trimBeforePeriod(column.key);
7521
- const value = _optionalChain([item, 'access', _82 => _82.Details, 'optionalAccess', _83 => _83[columnKey]]);
7642
+ const value = _optionalChain([item, 'access', _84 => _84.Details, 'optionalAccess', _85 => _85[columnKey]]);
7522
7643
  console.log("value: ", value);
7523
7644
  if (value !== void 0) {
7524
7645
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }) }, `Span-${item.id}-${colIndex}`);
@@ -7528,7 +7649,7 @@ var NestedDataTable = ({ data, columns, id }) => {
7528
7649
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: SubDataHeaders }) }),
7529
7650
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: subDataRows })
7530
7651
  ] });
7531
- const rows = !_optionalChain([data, 'optionalAccess', _84 => _84.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([data, 'optionalAccess', _85 => _85.map, 'call', _86 => _86((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
7652
+ const rows = !_optionalChain([data, 'optionalAccess', _86 => _86.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([data, 'optionalAccess', _87 => _87.map, 'call', _88 => _88((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
7532
7653
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PrimaryTrRows, { $index: index, children: [
7533
7654
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownButton, { onClick: () => toggleDropdown(index), children: isAscending && isOpen && primaryRowIndex === index ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "\u2227" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "\u2228" }) }),
7534
7655
  HeadColumns.map((column, index2) => {
@@ -8195,7 +8316,9 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
8195
8316
 
8196
8317
 
8197
8318
 
8198
- exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8319
+
8320
+
8321
+ exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBadge = WavelengthBadge; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthSwitch = WavelengthSwitch; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8199
8322
  /*! Bundled license information:
8200
8323
 
8201
8324
  react-is/cjs/react-is.production.min.js:
package/dist/cjs/index.d.cts CHANGED
@@ -465,6 +465,29 @@ interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLEleme
465
465
  }
466
466
  declare const WavelengthToolTip: React__default.FC<WavelengthToolTipProps>;
467
467
 
468
+ interface WavelengthBadgeProps extends React__default.HTMLAttributes<HTMLElement> {
469
+ customStyle: StyleProp;
470
+ variant?: "Basic" | "withInstance";
471
+ badgeBorderRadius?: string;
472
+ fontSize?: string;
473
+ href?: string;
474
+ badgeColor?: string;
475
+ badgeTextColor?: string;
476
+ badgeHoverColor?: string;
477
+ badgeContent?: string | number;
478
+ badgeFont?: string;
479
+ badgeSize?: string;
480
+ textBoxWidth?: string;
481
+ textBoxHeight?: string;
482
+ textBoxBackgroundColor?: string;
483
+ textBoxTextColor?: string;
484
+ textBoxBorderColor?: string;
485
+ textBoxBorderRadius?: string;
486
+ textBoxHoverBorderColor?: string;
487
+ item?: React__default.ReactNode;
488
+ }
489
+ declare const WavelengthBadge: React__default.FC<WavelengthBadgeProps>;
490
+
468
491
  interface WavelengthFooterProps {
469
492
  text?: string;
470
493
  textColor?: string;
@@ -713,6 +736,20 @@ interface WavelengthMenuProps extends React__default.HTMLAttributes<HTMLElement>
713
736
  }
714
737
  declare const WavelengthMenu: React__default.FC<WavelengthMenuProps>;
715
738
 
739
+ interface WavelengthSwitchProps extends React__default.HTMLAttributes<HTMLElement> {
740
+ customStyle: StyleProp;
741
+ checked?: boolean;
742
+ label?: string;
743
+ labelPlacement?: "left" | "right" | "top" | "bottom";
744
+ size?: "small" | "medium" | "large";
745
+ disabled?: boolean;
746
+ color?: string;
747
+ labelFont?: string;
748
+ value?: string;
749
+ onWavelengthSwitchChange?: (event: CustomEvent) => void;
750
+ }
751
+ declare const WavelengthSwitch: React__default.FC<WavelengthSwitchProps>;
752
+
716
753
  interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLElement> {
717
754
  testProp?: string;
718
755
  customStyle: StyleProp;
@@ -878,6 +915,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
878
915
  required?: boolean;
879
916
  forceError?: boolean;
880
917
  disabled?: boolean;
918
+ multiLine?: boolean;
881
919
  width?: string;
882
920
  height?: string;
883
921
  padding?: string;
@@ -1066,4 +1104,4 @@ interface MultiSelectAutocompleteProps {
1066
1104
  }
1067
1105
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
1068
1106
 
1069
- export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, type menuItemProps, useOutsideClick, useThemeContext };
1107
+ export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, type menuItemProps, useOutsideClick, useThemeContext };