@emeraldemperaur/vector-sigma 1.4.16 → 1.4.18

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 (6) hide show
  1. package/lib/index.cjs +20 -27
  2. package/lib/index.esm.js +20 -27
  3. package/lib/types/components/daterangepicker/daterangepicker.d.ts +2 -2
  4. package/lib/types/components/datetimepicker/datetimepicker.d.ts +2 -2
  5. package/lib/types/components/input/uuidInput.d.ts +1 -1
  6. package/package.json +1 -1
package/lib/index.cjs CHANGED
@@ -26287,7 +26287,7 @@ const DatePicker = ({ alias, inputLabel, inputtype = 'datepicker-outline', width
26287
26287
  hasError && React.createElement(p$d, { size: "1", color: "red", style: { display: 'block' } }, errorText || meta.error)))));
26288
26288
  };
26289
26289
 
26290
- const DateRangePicker = ({ alias, inputlabel, inputtype = 'daterangepicker-outline', width = 12, newRow, placeholder = "Select date range", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26290
+ const DateRangePicker = ({ alias, inputLabel, inputtype = 'daterangepicker-outline', width = 12, newRow, placeholder = "Select date range", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26291
26291
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
26292
26292
  const [field, meta] = formik.useField(alias);
26293
26293
  const hasError = Boolean(meta.touched && meta.error);
@@ -26407,14 +26407,14 @@ const DateRangePicker = ({ alias, inputlabel, inputtype = 'daterangepicker-outli
26407
26407
  React.createElement(c, null,
26408
26408
  React.createElement(Icon, { name: "calendar", height: "16", width: "16", style: { color: 'var(--gray-10)' } }))) }),
26409
26409
  React.createElement("div", null,
26410
- inputlabel && React.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputlabel),
26410
+ inputLabel && React.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputLabel),
26411
26411
  isHinted && (React.createElement(e, { content: hintText || "No hint", align: "start" },
26412
26412
  React.createElement("a", { href: hintUrl || "#", target: "_blank", rel: "noopener noreferrer", style: { marginLeft: 6 } },
26413
26413
  React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
26414
26414
  hasError && (React.createElement(p$d, { size: "1", color: "red", style: { display: 'block' } }, errorText || (typeof meta.error === 'string' ? meta.error : "Required field")))))));
26415
26415
  };
26416
26416
 
26417
- const DateTimePicker = ({ alias, inputlabel, inputtype = 'datetimepicker-outline', width = 12, newRow, placeholder = "Select date & time", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26417
+ const DateTimePicker = ({ alias, inputLabel, inputtype = 'datetimepicker-outline', width = 12, newRow, placeholder = "Select date & time", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26418
26418
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
26419
26419
  const [field, meta] = formik.useField(alias);
26420
26420
  const inputId = `${alias}FormInput` || crypto.randomUUID();
@@ -26530,7 +26530,7 @@ const DateTimePicker = ({ alias, inputlabel, inputtype = 'datetimepicker-outline
26530
26530
  React.createElement(c, null,
26531
26531
  React.createElement(Icon, { name: "clock", height: "16", width: "16", style: { color: 'var(--gray-10)' } }))) }),
26532
26532
  React.createElement("div", null,
26533
- inputlabel && React.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputlabel),
26533
+ inputLabel && React.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputLabel),
26534
26534
  isHinted && (React.createElement(e, { content: hintText || "No hint", align: "start" },
26535
26535
  React.createElement("a", { href: hintUrl || "#", target: "_blank", rel: "noopener noreferrer", style: { marginLeft: 6 } },
26536
26536
  React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
@@ -41847,9 +41847,9 @@ const PhoneInput = (_a) => {
41847
41847
  const errorId = `${alias}-error`;
41848
41848
  return (React.createElement(Column, { span: width, newLine: newRow },
41849
41849
  React.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
41850
- React.createElement(u, Object.assign({ id: `${alias}FormInput`, size: size, variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
41851
- React.createElement(c, { style: { padding: 0 } },
41852
- React.createElement(C$1, { value: country, onValueChange: (value) => setCountry(value) },
41850
+ React.createElement(u, Object.assign({ id: `${alias}PhoneInput`, size: size, variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
41851
+ React.createElement(c, { id: crypto.randomUUID(), style: { padding: 0 } },
41852
+ React.createElement(C$1, { value: country, onValueChange: (value) => setCountry(value), name: `${alias}Country` },
41853
41853
  React.createElement(u$1, { id: `${alias}PhoneSelect`, variant: "ghost", style: {
41854
41854
  height: '100%',
41855
41855
  padding: '0 8px 0 12px',
@@ -41865,7 +41865,7 @@ const PhoneInput = (_a) => {
41865
41865
  "+",
41866
41866
  getCountryCallingCode(country)),
41867
41867
  React.createElement(Icon, { name: "caret-down", style: { width: "12px", opacity: 0.5 } }))),
41868
- React.createElement(g, { position: "popper", style: { minWidth: '240px', maxHeight: '300px' } }, getCountries().map((c) => (React.createElement(v, { key: c, value: c },
41868
+ React.createElement(g, { position: "popper", style: { minWidth: '240px', maxHeight: '300px' } }, getCountries().map((c) => (React.createElement(v, { id: crypto.randomUUID(), key: c, value: c },
41869
41869
  React.createElement(p$5, { align: "center", gap: "2" },
41870
41870
  React.createElement(FlagIcon, { country: c }),
41871
41871
  React.createElement(p$d, null, en[c]),
@@ -41873,7 +41873,7 @@ const PhoneInput = (_a) => {
41873
41873
  "(+",
41874
41874
  getCountryCallingCode(c),
41875
41875
  ")")))))))),
41876
- React.createElement(Input, { country: country, international: true, withCountryCallingCode: false, value: field.value || '', onChange: (val) => setFieldValue(alias, val || ''), onBlur: () => setFieldTouched(alias, true), readOnly: readOnly, placeholder: placeholder, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, style: {
41876
+ React.createElement(Input, { country: country, name: alias, international: true, withCountryCallingCode: false, value: field.value || '', onChange: (val) => setFieldValue(alias, val || ''), onBlur: () => setFieldTouched(alias, true), readOnly: readOnly, placeholder: placeholder, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, style: {
41877
41877
  flex: 1,
41878
41878
  border: 'none',
41879
41879
  outline: 'none',
@@ -41905,7 +41905,7 @@ const safeParseUuidFormat = (typeString) => {
41905
41905
  }
41906
41906
  };
41907
41907
  const UUIDInput = (_a) => {
41908
- var { alias, type = "uuid", inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
41908
+ var { alias, type = "uuid", inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'uuid-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
41909
41909
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
41910
41910
  const [field, meta] = formik.useField(alias);
41911
41911
  const hasError = Boolean(meta.touched && meta.error);
@@ -41921,23 +41921,16 @@ const UUIDInput = (_a) => {
41921
41921
  if (!value)
41922
41922
  return "";
41923
41923
  const clean = value.replace(/[^0-9a-fA-F]/g, "").toUpperCase().slice(0, maxHexChars);
41924
- let result = "";
41924
+ const parts = [];
41925
41925
  let currentIdx = 0;
41926
- for (let i = 0; i < activeFormat.length; i++) {
41927
- const chunkLen = activeFormat[i];
41928
- if (currentIdx < clean.length) {
41929
- const chunk = clean.substring(currentIdx, chunkLen);
41930
- result += chunk;
41931
- if (chunk.length === chunkLen && i < activeFormat.length - 1 && (currentIdx + chunkLen) < clean.length) {
41932
- result += delimiter;
41933
- }
41934
- currentIdx += chunkLen;
41935
- }
41936
- else {
41926
+ for (const len of activeFormat) {
41927
+ if (currentIdx >= clean.length)
41937
41928
  break;
41938
- }
41929
+ const chunk = clean.slice(currentIdx, currentIdx + len);
41930
+ parts.push(chunk);
41931
+ currentIdx += len;
41939
41932
  }
41940
- return result;
41933
+ return parts.join(delimiter);
41941
41934
  };
41942
41935
  const handleChange = (e) => {
41943
41936
  const val = e.target.value;
@@ -41951,10 +41944,10 @@ const UUIDInput = (_a) => {
41951
41944
  setTimeout(() => setCopied(false), 2000);
41952
41945
  }
41953
41946
  };
41954
- const variantClass = inputVariant !== 'input-outline' ? `input-${inputVariant}` : '';
41947
+ const variantClass = inputVariant !== 'uuid-outline' ? `input-${inputVariant}` : '';
41955
41948
  return (React.createElement(Column, { span: width, newLine: newRow },
41956
41949
  React.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
41957
- React.createElement(u, Object.assign({ size: size, variant: "surface", color: hasError ? 'red' : undefined, className: `${variantClass} ${className || ''}` }, props),
41950
+ React.createElement(u, Object.assign({ size: size, name: `${alias}UUIDFormInput`, variant: "surface", color: hasError ? 'red' : undefined, className: `${variantClass} ${className || ''}` }, props),
41958
41951
  React.createElement("input", { id: `${alias}FormInput`, name: alias, "aria-describedby": `${alias}InputLabel`, value: field.value || '', onChange: handleChange, onBlur: () => setFieldTouched(alias, true), maxLength: maxTotalLength, readOnly: readOnly, placeholder: placeholder, autoComplete: "off", spellCheck: false, style: {
41959
41952
  flex: 1,
41960
41953
  border: 'none',
@@ -47331,7 +47324,7 @@ const CurrencyInput = (_a) => {
47331
47324
  backgroundColor: isOutline ? 'var(--color-surface)' : undefined,
47332
47325
  cursor: 'text'
47333
47326
  } },
47334
- React.createElement(C$1, { value: activeCurrency.code, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47327
+ React.createElement(C$1, { value: activeCurrency.code, name: currencyAlias, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47335
47328
  React.createElement(u$1, { id: `${alias}CurrencySelect`, variant: "ghost", style: {
47336
47329
  height: '100%',
47337
47330
  padding: '0 8px 0 12px',
package/lib/index.esm.js CHANGED
@@ -26267,7 +26267,7 @@ const DatePicker = ({ alias, inputLabel, inputtype = 'datepicker-outline', width
26267
26267
  hasError && React__default.createElement(p$d, { size: "1", color: "red", style: { display: 'block' } }, errorText || meta.error)))));
26268
26268
  };
26269
26269
 
26270
- const DateRangePicker = ({ alias, inputlabel, inputtype = 'daterangepicker-outline', width = 12, newRow, placeholder = "Select date range", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26270
+ const DateRangePicker = ({ alias, inputLabel, inputtype = 'daterangepicker-outline', width = 12, newRow, placeholder = "Select date range", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26271
26271
  const { setFieldValue, setFieldTouched } = useFormikContext();
26272
26272
  const [field, meta] = useField(alias);
26273
26273
  const hasError = Boolean(meta.touched && meta.error);
@@ -26387,14 +26387,14 @@ const DateRangePicker = ({ alias, inputlabel, inputtype = 'daterangepicker-outli
26387
26387
  React__default.createElement(c, null,
26388
26388
  React__default.createElement(Icon, { name: "calendar", height: "16", width: "16", style: { color: 'var(--gray-10)' } }))) }),
26389
26389
  React__default.createElement("div", null,
26390
- inputlabel && React__default.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputlabel),
26390
+ inputLabel && React__default.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputLabel),
26391
26391
  isHinted && (React__default.createElement(e, { content: hintText || "No hint", align: "start" },
26392
26392
  React__default.createElement("a", { href: hintUrl || "#", target: "_blank", rel: "noopener noreferrer", style: { marginLeft: 6 } },
26393
26393
  React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
26394
26394
  hasError && (React__default.createElement(p$d, { size: "1", color: "red", style: { display: 'block' } }, errorText || (typeof meta.error === 'string' ? meta.error : "Required field")))))));
26395
26395
  };
26396
26396
 
26397
- const DateTimePicker = ({ alias, inputlabel, inputtype = 'datetimepicker-outline', width = 12, newRow, placeholder = "Select date & time", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26397
+ const DateTimePicker = ({ alias, inputLabel, inputtype = 'datetimepicker-outline', width = 12, newRow, placeholder = "Select date & time", isHinted, hintText, hintUrl, errorText, readOnly, className }) => {
26398
26398
  const { setFieldValue, setFieldTouched } = useFormikContext();
26399
26399
  const [field, meta] = useField(alias);
26400
26400
  const inputId = `${alias}FormInput` || crypto.randomUUID();
@@ -26510,7 +26510,7 @@ const DateTimePicker = ({ alias, inputlabel, inputtype = 'datetimepicker-outline
26510
26510
  React__default.createElement(c, null,
26511
26511
  React__default.createElement(Icon, { name: "clock", height: "16", width: "16", style: { color: 'var(--gray-10)' } }))) }),
26512
26512
  React__default.createElement("div", null,
26513
- inputlabel && React__default.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputlabel),
26513
+ inputLabel && React__default.createElement(p$d, { size: "2", weight: "bold", as: "label", htmlFor: inputId }, inputLabel),
26514
26514
  isHinted && (React__default.createElement(e, { content: hintText || "No hint", align: "start" },
26515
26515
  React__default.createElement("a", { href: hintUrl || "#", target: "_blank", rel: "noopener noreferrer", style: { marginLeft: 6 } },
26516
26516
  React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
@@ -41827,9 +41827,9 @@ const PhoneInput = (_a) => {
41827
41827
  const errorId = `${alias}-error`;
41828
41828
  return (React__default.createElement(Column, { span: width, newLine: newRow },
41829
41829
  React__default.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
41830
- React__default.createElement(u, Object.assign({ id: `${alias}FormInput`, size: size, variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
41831
- React__default.createElement(c, { style: { padding: 0 } },
41832
- React__default.createElement(C$1, { value: country, onValueChange: (value) => setCountry(value) },
41830
+ React__default.createElement(u, Object.assign({ id: `${alias}PhoneInput`, size: size, variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
41831
+ React__default.createElement(c, { id: crypto.randomUUID(), style: { padding: 0 } },
41832
+ React__default.createElement(C$1, { value: country, onValueChange: (value) => setCountry(value), name: `${alias}Country` },
41833
41833
  React__default.createElement(u$1, { id: `${alias}PhoneSelect`, variant: "ghost", style: {
41834
41834
  height: '100%',
41835
41835
  padding: '0 8px 0 12px',
@@ -41845,7 +41845,7 @@ const PhoneInput = (_a) => {
41845
41845
  "+",
41846
41846
  getCountryCallingCode(country)),
41847
41847
  React__default.createElement(Icon, { name: "caret-down", style: { width: "12px", opacity: 0.5 } }))),
41848
- React__default.createElement(g, { position: "popper", style: { minWidth: '240px', maxHeight: '300px' } }, getCountries().map((c) => (React__default.createElement(v, { key: c, value: c },
41848
+ React__default.createElement(g, { position: "popper", style: { minWidth: '240px', maxHeight: '300px' } }, getCountries().map((c) => (React__default.createElement(v, { id: crypto.randomUUID(), key: c, value: c },
41849
41849
  React__default.createElement(p$5, { align: "center", gap: "2" },
41850
41850
  React__default.createElement(FlagIcon, { country: c }),
41851
41851
  React__default.createElement(p$d, null, en[c]),
@@ -41853,7 +41853,7 @@ const PhoneInput = (_a) => {
41853
41853
  "(+",
41854
41854
  getCountryCallingCode(c),
41855
41855
  ")")))))))),
41856
- React__default.createElement(Input, { country: country, international: true, withCountryCallingCode: false, value: field.value || '', onChange: (val) => setFieldValue(alias, val || ''), onBlur: () => setFieldTouched(alias, true), readOnly: readOnly, placeholder: placeholder, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, style: {
41856
+ React__default.createElement(Input, { country: country, name: alias, international: true, withCountryCallingCode: false, value: field.value || '', onChange: (val) => setFieldValue(alias, val || ''), onBlur: () => setFieldTouched(alias, true), readOnly: readOnly, placeholder: placeholder, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, style: {
41857
41857
  flex: 1,
41858
41858
  border: 'none',
41859
41859
  outline: 'none',
@@ -41885,7 +41885,7 @@ const safeParseUuidFormat = (typeString) => {
41885
41885
  }
41886
41886
  };
41887
41887
  const UUIDInput = (_a) => {
41888
- var { alias, type = "uuid", inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
41888
+ var { alias, type = "uuid", inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'uuid-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
41889
41889
  const { setFieldValue, setFieldTouched } = useFormikContext();
41890
41890
  const [field, meta] = useField(alias);
41891
41891
  const hasError = Boolean(meta.touched && meta.error);
@@ -41901,23 +41901,16 @@ const UUIDInput = (_a) => {
41901
41901
  if (!value)
41902
41902
  return "";
41903
41903
  const clean = value.replace(/[^0-9a-fA-F]/g, "").toUpperCase().slice(0, maxHexChars);
41904
- let result = "";
41904
+ const parts = [];
41905
41905
  let currentIdx = 0;
41906
- for (let i = 0; i < activeFormat.length; i++) {
41907
- const chunkLen = activeFormat[i];
41908
- if (currentIdx < clean.length) {
41909
- const chunk = clean.substring(currentIdx, chunkLen);
41910
- result += chunk;
41911
- if (chunk.length === chunkLen && i < activeFormat.length - 1 && (currentIdx + chunkLen) < clean.length) {
41912
- result += delimiter;
41913
- }
41914
- currentIdx += chunkLen;
41915
- }
41916
- else {
41906
+ for (const len of activeFormat) {
41907
+ if (currentIdx >= clean.length)
41917
41908
  break;
41918
- }
41909
+ const chunk = clean.slice(currentIdx, currentIdx + len);
41910
+ parts.push(chunk);
41911
+ currentIdx += len;
41919
41912
  }
41920
- return result;
41913
+ return parts.join(delimiter);
41921
41914
  };
41922
41915
  const handleChange = (e) => {
41923
41916
  const val = e.target.value;
@@ -41931,10 +41924,10 @@ const UUIDInput = (_a) => {
41931
41924
  setTimeout(() => setCopied(false), 2000);
41932
41925
  }
41933
41926
  };
41934
- const variantClass = inputVariant !== 'input-outline' ? `input-${inputVariant}` : '';
41927
+ const variantClass = inputVariant !== 'uuid-outline' ? `input-${inputVariant}` : '';
41935
41928
  return (React__default.createElement(Column, { span: width, newLine: newRow },
41936
41929
  React__default.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
41937
- React__default.createElement(u, Object.assign({ size: size, variant: "surface", color: hasError ? 'red' : undefined, className: `${variantClass} ${className || ''}` }, props),
41930
+ React__default.createElement(u, Object.assign({ size: size, name: `${alias}UUIDFormInput`, variant: "surface", color: hasError ? 'red' : undefined, className: `${variantClass} ${className || ''}` }, props),
41938
41931
  React__default.createElement("input", { id: `${alias}FormInput`, name: alias, "aria-describedby": `${alias}InputLabel`, value: field.value || '', onChange: handleChange, onBlur: () => setFieldTouched(alias, true), maxLength: maxTotalLength, readOnly: readOnly, placeholder: placeholder, autoComplete: "off", spellCheck: false, style: {
41939
41932
  flex: 1,
41940
41933
  border: 'none',
@@ -47311,7 +47304,7 @@ const CurrencyInput = (_a) => {
47311
47304
  backgroundColor: isOutline ? 'var(--color-surface)' : undefined,
47312
47305
  cursor: 'text'
47313
47306
  } },
47314
- React__default.createElement(C$1, { value: activeCurrency.code, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47307
+ React__default.createElement(C$1, { value: activeCurrency.code, name: currencyAlias, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47315
47308
  React__default.createElement(u$1, { id: `${alias}CurrencySelect`, variant: "ghost", style: {
47316
47309
  height: '100%',
47317
47310
  padding: '0 8px 0 12px',
package/lib/types/components/daterangepicker/daterangepicker.d.ts CHANGED
@@ -4,7 +4,7 @@ import '../../styles/main.scss';
4
4
  export type DateRangePickerDesign = 'daterangepicker' | 'daterangepicker-outline' | 'daterangepicker-material' | 'daterangepicker-neumorphic';
5
5
  interface DateRangePickerProps {
6
6
  alias: string;
7
- inputlabel?: string;
7
+ inputLabel?: string;
8
8
  inputtype?: DateRangePickerDesign;
9
9
  width?: number;
10
10
  newRow?: boolean;
@@ -16,5 +16,5 @@ interface DateRangePickerProps {
16
16
  readOnly?: boolean;
17
17
  className?: string;
18
18
  }
19
- export declare const DateRangePicker: ({ alias, inputlabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DateRangePickerProps) => React.JSX.Element;
19
+ export declare const DateRangePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DateRangePickerProps) => React.JSX.Element;
20
20
  export {};
package/lib/types/components/datetimepicker/datetimepicker.d.ts CHANGED
@@ -4,7 +4,7 @@ import '../../styles/main.scss';
4
4
  export type DateTimePickerDesign = 'datetimepicker' | 'datetimepicker-outline' | 'datetimepicker-material' | 'datetimepicker-neumorphic';
5
5
  interface DateTimePickerProps {
6
6
  alias: string;
7
- inputlabel?: string;
7
+ inputLabel?: string;
8
8
  inputtype?: DateTimePickerDesign;
9
9
  width?: number;
10
10
  newRow?: boolean;
@@ -16,5 +16,5 @@ interface DateTimePickerProps {
16
16
  readOnly?: boolean;
17
17
  className?: string;
18
18
  }
19
- export declare const DateTimePicker: ({ alias, inputlabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DateTimePickerProps) => React.JSX.Element;
19
+ export declare const DateTimePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DateTimePickerProps) => React.JSX.Element;
20
20
  export {};
package/lib/types/components/input/uuidInput.d.ts CHANGED
@@ -15,7 +15,7 @@ interface UUIDInputProps {
15
15
  placeholder?: string;
16
16
  errorText?: ReactNode | string | null;
17
17
  className?: string;
18
- inputVariant?: 'input' | 'input-outline' | 'input-material' | 'input-neumorphic';
18
+ inputVariant?: 'uuid' | 'uuid-outline' | 'uuid' | 'uuid-neumorphic';
19
19
  readOnly?: boolean;
20
20
  size?: "1" | "2" | "3";
21
21
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emeraldemperaur/vector-sigma",
3
- "version": "1.4.16",
3
+ "version": "1.4.18",
4
4
  "description": "Dynamic Form Orchestrator: NPM Package",
5
5
  "repository": {
6
6
  "type": "git",