@wavelengthusaf/components 4.12.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 +169 -85
  2. package/dist/cjs/index.d.cts +25 -1
  3. package/dist/esm/index.d.ts +25 -1
  4. package/dist/esm/index.js +474 -390
  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";
@@ -5887,8 +5967,8 @@ var WavelengthPagination = ({
5887
5967
  syncAttribute("active-text-color", activeTextColor || "");
5888
5968
  syncAttribute("background-color", backgroundColor2 || "");
5889
5969
  syncAttribute("disabled-color", disabledColor || "");
5890
- syncAttribute("total-pages", _optionalChain([totalPages, 'optionalAccess', _39 => _39.toString, 'call', _40 => _40()]) || "");
5891
- 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()]) || "");
5892
5972
  const handlePageChange = (e) => {
5893
5973
  if (onPageChange) {
5894
5974
  onPageChange(e.detail.page);
@@ -6583,6 +6663,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6583
6663
  required,
6584
6664
  forceError,
6585
6665
  disabled,
6666
+ multiLine,
6586
6667
  width: width2,
6587
6668
  height: height2,
6588
6669
  padding: padding2,
@@ -6603,7 +6684,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6603
6684
  const internalRef = _react.useRef.call(void 0, null);
6604
6685
  _react.useImperativeHandle.call(void 0, ref, () => ({
6605
6686
  ...internalRef.current,
6606
- 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)])
6607
6688
  }));
6608
6689
  _react.useEffect.call(void 0, () => {
6609
6690
  const el = internalRef.current;
@@ -6645,6 +6726,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6645
6726
  set("helper-color", helperColor);
6646
6727
  set("label", label);
6647
6728
  set("disabled", disabled ? "" : void 0);
6729
+ set("multi-line", multiLine ? "" : void 0);
6648
6730
  }, [
6649
6731
  id,
6650
6732
  name,
@@ -6674,13 +6756,14 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6674
6756
  focusColor,
6675
6757
  helperColor,
6676
6758
  label,
6677
- disabled
6759
+ disabled,
6760
+ multiLine
6678
6761
  ]);
6679
6762
  _react.useEffect.call(void 0, () => {
6680
6763
  const el = internalRef.current;
6681
6764
  if (!el || !onBlurCallback) return;
6682
6765
  const handler = (e) => {
6683
- 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")]);
6684
6767
  if (input) {
6685
6768
  onBlurCallback();
6686
6769
  }
@@ -6692,7 +6775,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6692
6775
  const el = internalRef.current;
6693
6776
  if (!el || !onChange) return;
6694
6777
  const handler = (e) => {
6695
- 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")]);
6696
6779
  if (input) {
6697
6780
  const synthetic = {
6698
6781
  ...e,
@@ -6895,7 +6978,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages, id }) => {
6895
6978
  const [noRowsOpen, setNoRowsOpen] = _react.useState.call(void 0, false);
6896
6979
  const [isModalOpen, setIsModalOpen] = _react.useState.call(void 0, false);
6897
6980
  const [searchItem, setSearchItem] = _react.useState.call(void 0, "");
6898
- 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]) || "");
6899
6982
  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
6900
6983
  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
6901
6984
  const [editingMenuKey, setEditingMenuKey] = _react.useState.call(void 0, null);
@@ -7049,7 +7132,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages, id }) => {
7049
7132
  ] }, index)
7050
7133
  ] }, `headCell-${index}`);
7051
7134
  });
7052
- 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) => {
7053
7136
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTd, { children: editingId === item.id && editedColumnKey === column.key ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7054
7137
  StyledInput,
7055
7138
  {
@@ -7295,7 +7378,7 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7295
7378
  }
7296
7379
  if (sortSubOrder) {
7297
7380
  result.map(
7298
- (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) => {
7299
7382
  const valueC = c[sortSubKey];
7300
7383
  const valueD = d[sortSubKey];
7301
7384
  if (typeof valueC === "string" && typeof valueD === "string") {
@@ -7356,24 +7439,24 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7356
7439
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: renderSortSubButton(column, sortSubOrder, sortSubKey) }, `SubHeadCell-${index}`);
7357
7440
  });
7358
7441
  const subDataRows = (itemId) => {
7359
- 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: [
7360
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,
7361
7444
  "path",
7362
7445
  {
7363
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",
7364
7447
  fill: "#1C1B1F"
7365
7448
  }
7366
- ) }) }) }, `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}`),
7367
7450
  SubDataColumns.map((column) => {
7368
7451
  const columnKey = trimBeforePeriod2(column.key);
7369
7452
  const value = fileItem[columnKey];
7370
7453
  if (value !== void 0) {
7371
- 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}`);
7372
7455
  }
7373
7456
  })
7374
- ] }, `${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])}`));
7375
7458
  };
7376
- 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: [
7377
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}`)) }),
7378
7461
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonStylingRow, { children: [
7379
7462
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadMissionButton, { onClick: downloadMissionOnClick, children: "Download Mission" }),
@@ -7427,7 +7510,7 @@ var ChildDataTable2 = ({ columns, data, dropdownArrowLocation, sortIcon, dropdow
7427
7510
  root = _client.createRoot.call(void 0, container);
7428
7511
  reactDropdownRoots.current.set(container, root);
7429
7512
  }
7430
- 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))]);
7431
7514
  if (item && item.dropdown && root) {
7432
7515
  root.render(item.dropdown);
7433
7516
  }
@@ -7554,9 +7637,9 @@ var NestedDataTable = ({ data, columns, id }) => {
7554
7637
  const SubDataHeaders = SubDataColumns.map((column, index) => {
7555
7638
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, `SubHeadCell-${index}`);
7556
7639
  });
7557
- 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) => {
7558
7641
  const columnKey = trimBeforePeriod(column.key);
7559
- 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]]);
7560
7643
  console.log("value: ", value);
7561
7644
  if (value !== void 0) {
7562
7645
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }) }, `Span-${item.id}-${colIndex}`);
@@ -7566,7 +7649,7 @@ var NestedDataTable = ({ data, columns, id }) => {
7566
7649
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: SubDataHeaders }) }),
7567
7650
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: subDataRows })
7568
7651
  ] });
7569
- 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: [
7570
7653
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PrimaryTrRows, { $index: index, children: [
7571
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" }) }),
7572
7655
  HeadColumns.map((column, index2) => {
@@ -8234,7 +8317,8 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
8234
8317
 
8235
8318
 
8236
8319
 
8237
- 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.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;
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;
8238
8322
  /*! Bundled license information:
8239
8323
 
8240
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;
@@ -892,6 +915,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
892
915
  required?: boolean;
893
916
  forceError?: boolean;
894
917
  disabled?: boolean;
918
+ multiLine?: boolean;
895
919
  width?: string;
896
920
  height?: string;
897
921
  padding?: string;
@@ -1080,4 +1104,4 @@ interface MultiSelectAutocompleteProps {
1080
1104
  }
1081
1105
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
1082
1106
 
1083
- 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, WavelengthSwitch, 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 };
package/dist/esm/index.d.ts 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;
@@ -892,6 +915,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
892
915
  required?: boolean;
893
916
  forceError?: boolean;
894
917
  disabled?: boolean;
918
+ multiLine?: boolean;
895
919
  width?: string;
896
920
  height?: string;
897
921
  padding?: string;
@@ -1080,4 +1104,4 @@ interface MultiSelectAutocompleteProps {
1080
1104
  }
1081
1105
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
1082
1106
 
1083
- 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, WavelengthSwitch, 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 };