@emeraldemperaur/vector-sigma 1.4.16 → 1.4.17

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/lib/index.cjs +10 -10
  2. package/lib/index.esm.js +10 -10
  3. package/lib/types/components/daterangepicker/daterangepicker.d.ts +2 -2
  4. package/lib/types/components/datetimepicker/datetimepicker.d.ts +2 -2
  5. 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',
@@ -47331,7 +47331,7 @@ const CurrencyInput = (_a) => {
47331
47331
  backgroundColor: isOutline ? 'var(--color-surface)' : undefined,
47332
47332
  cursor: 'text'
47333
47333
  } },
47334
- React.createElement(C$1, { value: activeCurrency.code, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47334
+ React.createElement(C$1, { value: activeCurrency.code, name: currencyAlias, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47335
47335
  React.createElement(u$1, { id: `${alias}CurrencySelect`, variant: "ghost", style: {
47336
47336
  height: '100%',
47337
47337
  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',
@@ -47311,7 +47311,7 @@ const CurrencyInput = (_a) => {
47311
47311
  backgroundColor: isOutline ? 'var(--color-surface)' : undefined,
47312
47312
  cursor: 'text'
47313
47313
  } },
47314
- React__default.createElement(C$1, { value: activeCurrency.code, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47314
+ React__default.createElement(C$1, { value: activeCurrency.code, name: currencyAlias, onValueChange: (val) => setFieldValue(currencyAlias, val), disabled: readOnly || inputtype !== "currency" },
47315
47315
  React__default.createElement(u$1, { id: `${alias}CurrencySelect`, variant: "ghost", style: {
47316
47316
  height: '100%',
47317
47317
  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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emeraldemperaur/vector-sigma",
3
- "version": "1.4.16",
3
+ "version": "1.4.17",
4
4
  "description": "Dynamic Form Orchestrator: NPM Package",
5
5
  "repository": {
6
6
  "type": "git",