@emeraldemperaur/vector-sigma 1.4.3 → 1.4.4

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 (4) hide show
  1. package/lib/index.cjs +23 -23
  2. package/lib/index.esm.js +23 -23
  3. package/lib/types/components/slider/slider.d.ts +1 -1
  4. package/package.json +1 -1
package/lib/index.cjs CHANGED
@@ -12167,7 +12167,7 @@ const getStyles$1 = (inputtype, shape, hasError) => {
12167
12167
  return Object.assign(Object.assign(Object.assign({}, base), { borderRadius }), designStyles);
12168
12168
  };
12169
12169
  const AvatarInput = (_a) => {
12170
- var { inputtype = 'avatar-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "shape", "size", "style", "accept"]);
12170
+ var { inputtype = 'avatar-outline', alias, readonly, width, inputlabel, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "shape", "size", "style", "accept"]);
12171
12171
  const [field, meta, helpers] = formik.useField(alias);
12172
12172
  const { setTouched } = formik.useFormikContext();
12173
12173
  const inputRef = React.useRef(null);
@@ -12314,7 +12314,7 @@ const formatBytes = (bytes, decimals = 2) => {
12314
12314
  };
12315
12315
 
12316
12316
  const ButtonInput = (_a) => {
12317
- var { inputtype = 'button-outline', type = 'button', inputlabel = undefined, alias, readOnly, style, width, children } = _a, props = __rest$1(_a, ["inputtype", "type", "inputlabel", "alias", "readOnly", "style", "width", "children"]);
12317
+ var { inputtype = 'button-outline', type = 'button', inputlabel, alias, readOnly, style, width, children } = _a, props = __rest$1(_a, ["inputtype", "type", "inputlabel", "alias", "readOnly", "style", "width", "children"]);
12318
12318
  const buttonRef = React.useRef(null);
12319
12319
  const [neumorphicVars, setNeumorphicVars] = React.useState({});
12320
12320
  const [bgColor, setBgColor] = React.useState('#ffffff');
@@ -12410,7 +12410,7 @@ const ButtonInput = (_a) => {
12410
12410
  };
12411
12411
 
12412
12412
  const CheckboxGroupInput = (_a) => {
12413
- var { inputtype = 'checkbox-outline', alias, readonly, width, placeholder = '', inputlabel = undefined, style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "placeholder", "inputlabel", "style", "value", "inputoptions", "direction", "columns", "className"]);
12413
+ var { inputtype = 'checkbox-outline', alias, readonly, width, placeholder = '', inputlabel, style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "placeholder", "inputlabel", "style", "value", "inputoptions", "direction", "columns", "className"]);
12414
12414
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
12415
12415
  const [field, meta] = formik.useField(alias);
12416
12416
  const currentValues = (Array.isArray(field.value) ? field.value : []);
@@ -12516,7 +12516,7 @@ const getDesignStyles = (inputtype, isOpen) => {
12516
12516
  return Object.assign(Object.assign({}, base), { backgroundColor: 'transparent', border: '1px solid var(--gray-6)', borderLeft: isOpen ? '4px solid var(--accent-9)' : '1px solid var(--gray-6)' });
12517
12517
  };
12518
12518
  const ConditionalTrigger = (_a) => {
12519
- var { alias, readOnly, width, placeholder = '', value, inputlabel = undefined, inputtype = 'conditionaltoggle-outline', triggerValue = true, inputoptions = [], toggledinputtype = "conditionaltoggle-outline", children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputlabel", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
12519
+ var { alias, readOnly, width, placeholder = '', value, inputlabel, inputtype = 'conditionaltoggle-outline', triggerValue = true, inputoptions = [], toggledinputtype = "conditionaltoggle-outline", children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputlabel", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
12520
12520
  const [field, meta, helpers] = formik.useField(alias);
12521
12521
  const { setTouched } = formik.useFormikContext();
12522
12522
  const inputId = `${alias}FormInput` || crypto.randomUUID();
@@ -20845,7 +20845,7 @@ const ensureDate = (date) => {
20845
20845
  };
20846
20846
 
20847
20847
  const DatePicker = (_a) => {
20848
- var { inputtype = 'datepicker-outline', alias, readonly, width, inputlabel = undefined, placeholder = 'Pick a date', minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "className", "style"]);
20848
+ var { inputtype = 'datepicker-outline', alias, readonly, width, inputlabel, placeholder = 'Pick a date', minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "className", "style"]);
20849
20849
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
20850
20850
  const [field, meta] = formik.useField(alias);
20851
20851
  const hasError = Boolean(meta.touched && meta.error);
@@ -20963,7 +20963,7 @@ const DatePicker = (_a) => {
20963
20963
 
20964
20964
  const DateRangePicker = (_a) => {
20965
20965
  var _b, _c;
20966
- var { inputtype = 'daterangepicker-outline', alias, readOnly, width, inputlabel = undefined, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
20966
+ var { inputtype = 'daterangepicker-outline', alias, readOnly, width, inputlabel, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
20967
20967
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
20968
20968
  const [field, meta] = formik.useField(alias);
20969
20969
  const hasError = Boolean(meta.touched && meta.error);
@@ -21069,7 +21069,7 @@ const DateRangePicker = (_a) => {
21069
21069
  };
21070
21070
 
21071
21071
  const DateTimePicker = (_a) => {
21072
- var { inputtype = 'datetimepicker-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
21072
+ var { inputtype = 'datetimepicker-outline', alias, readonly, width, inputlabel, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
21073
21073
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
21074
21074
  const [field, meta] = formik.useField(alias);
21075
21075
  const hasError = Boolean(meta.touched && meta.error);
@@ -21201,7 +21201,7 @@ const DateTimePicker = (_a) => {
21201
21201
  };
21202
21202
 
21203
21203
  const Dropdown = (_a) => {
21204
- var { inputtype = 'dropdown-outline', alias, readonly, width, inputlabel = undefined, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "inputoptions", "style"]);
21204
+ var { inputtype = 'dropdown-outline', alias, readonly, width, inputlabel, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "inputoptions", "style"]);
21205
21205
  const triggerRef = React.useRef(null);
21206
21206
  const [neuVars, setNeuVars] = React.useState({});
21207
21207
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
@@ -21331,7 +21331,7 @@ const getFileIcon$1 = (type, name) => {
21331
21331
  };
21332
21332
  const File$1 = (_a) => {
21333
21333
  var _b;
21334
- var { inputtype = 'fileinput-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21334
+ var { inputtype = 'fileinput-outline', alias, readonly, width, inputlabel, placeholder = '', preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21335
21335
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
21336
21336
  const [field, meta] = formik.useField(alias);
21337
21337
  const selectedFile = field.value;
@@ -21494,7 +21494,7 @@ const styles = {
21494
21494
  }
21495
21495
  };
21496
21496
  const FileMultiple = (_a) => {
21497
- var { inputtype = 'filemultiple-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', preview = true, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21497
+ var { inputtype = 'filemultiple-outline', alias, readonly, width, inputlabel, placeholder = '', preview = true, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21498
21498
  const [field, meta] = formik.useField(alias);
21499
21499
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
21500
21500
  const inputRef = React.useRef(null);
@@ -28932,7 +28932,7 @@ const ImageOutput = ({ id, src, alt = "Image", design = 'outline', layout = 'nor
28932
28932
  };
28933
28933
 
28934
28934
  const Input$1 = (_a) => {
28935
- var { alias, inputtype = "text", width, inputlabel = undefined, readonly = false, placeholder = '', className, size = "2", style, inputVariant = 'input-outline' } = _a, props = __rest$1(_a, ["alias", "inputtype", "width", "inputlabel", "readonly", "placeholder", "className", "size", "style", "inputVariant"]);
28935
+ var { alias, inputtype = "text", width, inputlabel, readonly = false, placeholder = '', className, size = "2", style, inputVariant = 'input-outline' } = _a, props = __rest$1(_a, ["alias", "inputtype", "width", "inputlabel", "readonly", "placeholder", "className", "size", "style", "inputVariant"]);
28936
28936
  const [inputField, meta] = formik.useField(alias);
28937
28937
  const hasError = Boolean(meta.touched && meta.error);
28938
28938
  const variantClass = inputVariant !== 'input-outline' ? `input-${inputVariant}` : '';
@@ -28949,7 +28949,7 @@ const Input$1 = (_a) => {
28949
28949
  };
28950
28950
 
28951
28951
  const PasswordInput = (_a) => {
28952
- var { alias, inputlabel = undefined, width, readonly = false, placeholder = '', inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "readonly", "placeholder", "inputVariant", "size", "className"]);
28952
+ var { alias, inputlabel, width, readonly = false, placeholder = '', inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "readonly", "placeholder", "inputVariant", "size", "className"]);
28953
28953
  const [showPassword, setShowPassword] = React.useState(false);
28954
28954
  const toggleVisibility = () => setShowPassword(!showPassword);
28955
28955
  const [field, meta] = formik.useField(alias);
@@ -36511,7 +36511,7 @@ var en = {
36511
36511
  };
36512
36512
 
36513
36513
  const PhoneInput = (_a) => {
36514
- var { alias, inputlabel = undefined, width, placeholder = "Phone Number", readonly, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "size", "className"]);
36514
+ var { alias, inputlabel, width, placeholder = "Phone Number", readonly, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "size", "className"]);
36515
36515
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
36516
36516
  const [field, meta] = formik.useField(alias);
36517
36517
  const hasError = Boolean(meta.touched && meta.error);
@@ -40353,7 +40353,7 @@ const parseUuidFormat = (input) => {
40353
40353
  };
40354
40354
 
40355
40355
  const UUIDInput = (_a) => {
40356
- var { alias, type, inputLabel = undefined, width, delimiter = "-", format = [4, 4, 4, 4], placeholder = '', readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "readOnly", "inputVariant", "size", "className"]);
40356
+ var { alias, type, inputLabel, width, delimiter = "-", format = [4, 4, 4, 4], placeholder = '', readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "readOnly", "inputVariant", "size", "className"]);
40357
40357
  let activeFormat = format;
40358
40358
  if (type && type.toLowerCase().startsWith("uuid") && type.length > 4) {
40359
40359
  activeFormat = parseUuidFormat(type) || format;
@@ -41827,7 +41827,7 @@ var cardValidator = /*@__PURE__*/getDefaultExportFromCjs(distExports);
41827
41827
 
41828
41828
  const CreditCardInput = (_a) => {
41829
41829
  var _b;
41830
- var { alias, inputlabel = undefined, width, placeholder, readonly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "className"]);
41830
+ var { alias, inputlabel, width, placeholder, readonly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "className"]);
41831
41831
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
41832
41832
  const [field, meta] = formik.useField(alias);
41833
41833
  const hasError = Boolean(meta.touched && meta.error);
@@ -41948,7 +41948,7 @@ const CURRENCIES = {
41948
41948
  };
41949
41949
 
41950
41950
  const CurrencyInput = (_a) => {
41951
- var { alias, inputtype = "currency", inputLabel = undefined, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputtype", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
41951
+ var { alias, inputtype = "currency", inputLabel, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputtype", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
41952
41952
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
41953
41953
  const [amountField, amountMeta] = formik.useField(alias);
41954
41954
  const currencyFieldName = inputtype === "currency" ? "USD" : inputtype;
@@ -42032,7 +42032,7 @@ function requireFaChartLine () {
42032
42032
  var FaChartLineExports = /*@__PURE__*/ requireFaChartLine();
42033
42033
 
42034
42034
  const StockInput = (_a) => {
42035
- var { alias, inputLabel = undefined, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
42035
+ var { alias, inputLabel, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
42036
42036
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
42037
42037
  const [priceField, meta] = formik.useField(alias);
42038
42038
  const hasError = Boolean(meta.touched && meta.error);
@@ -42089,7 +42089,7 @@ const StockInput = (_a) => {
42089
42089
  };
42090
42090
 
42091
42091
  const RadioGroupInput = (_a) => {
42092
- var { inputtype = 'radio-outline', alias, readOnly, width, inputLabel = undefined, placeholder = '', style, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "direction", "columns", "className"]);
42092
+ var { inputtype = 'radio-outline', alias, readOnly, width, inputLabel, placeholder = '', style, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "direction", "columns", "className"]);
42093
42093
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
42094
42094
  const [field, meta] = formik.useField(alias);
42095
42095
  const hasError = Boolean(meta.touched && meta.error);
@@ -42170,7 +42170,7 @@ const RadioGroupInput = (_a) => {
42170
42170
  };
42171
42171
 
42172
42172
  const OptionSelect = (_a) => {
42173
- var { inputtype = 'select-outline', alias, readOnly, width, inputLabel = undefined, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42173
+ var { inputtype = 'select-outline', alias, readOnly, width, inputLabel, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42174
42174
  const triggerRef = React.useRef(null);
42175
42175
  const [neuVars, setNeuVars] = React.useState({});
42176
42176
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
@@ -42256,7 +42256,7 @@ const OptionSelect = (_a) => {
42256
42256
 
42257
42257
  const MultipleSelect = (_a) => {
42258
42258
  var _b;
42259
- var { inputtype = 'multiselect-outline', alias, readOnly, width, inputLabel = undefined, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42259
+ var { inputtype = 'multiselect-outline', alias, readOnly, width, inputLabel, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42260
42260
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
42261
42261
  const [field, meta] = formik.useField(alias);
42262
42262
  const selectedValues = (Array.isArray(field.value) ? field.value : []);
@@ -42353,7 +42353,7 @@ const MultipleSelect = (_a) => {
42353
42353
  };
42354
42354
 
42355
42355
  const SliderInput = (_a) => {
42356
- var { inputtype = 'slider-outline', alias, readOnly, width, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
42356
+ var { inputtype = 'slider-outline', alias, readOnly, width, inputLabel, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
42357
42357
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
42358
42358
  const [field, meta] = formik.useField(alias);
42359
42359
  const fieldValue = Array.isArray(field.value) ? field.value : [field.value || minvalue];
@@ -42440,7 +42440,7 @@ const SliderInput = (_a) => {
42440
42440
  setFieldTouched(alias, true);
42441
42441
  }, className: inputtype === 'slider-neumorphic' ? 'neu-slider' : inputtype === 'slider-outline' ? 'outline-slider' : '', style: neuVars }),
42442
42442
  React.createElement("div", null,
42443
- React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, props.inputLabel),
42443
+ React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
42444
42444
  hasError ?
42445
42445
  React.createElement(React.Fragment, null,
42446
42446
  React.createElement("p", { id: errorId, className: 'core-input-label-error' }, props.errorText || `Required field`)) : null,
@@ -42452,7 +42452,7 @@ const SliderInput = (_a) => {
42452
42452
  };
42453
42453
 
42454
42454
  const RangeSlider = (_a) => {
42455
- var { inputtype = 'range-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
42455
+ var { inputtype = 'range-outline', alias, readonly, width, inputlabel, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
42456
42456
  const { setFieldValue, setFieldTouched } = formik.useFormikContext();
42457
42457
  const [field, meta] = formik.useField(alias);
42458
42458
  // Range Formik Logic
package/lib/index.esm.js CHANGED
@@ -12147,7 +12147,7 @@ const getStyles$1 = (inputtype, shape, hasError) => {
12147
12147
  return Object.assign(Object.assign(Object.assign({}, base), { borderRadius }), designStyles);
12148
12148
  };
12149
12149
  const AvatarInput = (_a) => {
12150
- var { inputtype = 'avatar-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "shape", "size", "style", "accept"]);
12150
+ var { inputtype = 'avatar-outline', alias, readonly, width, inputlabel, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "shape", "size", "style", "accept"]);
12151
12151
  const [field, meta, helpers] = useField(alias);
12152
12152
  const { setTouched } = useFormikContext();
12153
12153
  const inputRef = useRef(null);
@@ -12294,7 +12294,7 @@ const formatBytes = (bytes, decimals = 2) => {
12294
12294
  };
12295
12295
 
12296
12296
  const ButtonInput = (_a) => {
12297
- var { inputtype = 'button-outline', type = 'button', inputlabel = undefined, alias, readOnly, style, width, children } = _a, props = __rest$1(_a, ["inputtype", "type", "inputlabel", "alias", "readOnly", "style", "width", "children"]);
12297
+ var { inputtype = 'button-outline', type = 'button', inputlabel, alias, readOnly, style, width, children } = _a, props = __rest$1(_a, ["inputtype", "type", "inputlabel", "alias", "readOnly", "style", "width", "children"]);
12298
12298
  const buttonRef = useRef(null);
12299
12299
  const [neumorphicVars, setNeumorphicVars] = useState({});
12300
12300
  const [bgColor, setBgColor] = useState('#ffffff');
@@ -12390,7 +12390,7 @@ const ButtonInput = (_a) => {
12390
12390
  };
12391
12391
 
12392
12392
  const CheckboxGroupInput = (_a) => {
12393
- var { inputtype = 'checkbox-outline', alias, readonly, width, placeholder = '', inputlabel = undefined, style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "placeholder", "inputlabel", "style", "value", "inputoptions", "direction", "columns", "className"]);
12393
+ var { inputtype = 'checkbox-outline', alias, readonly, width, placeholder = '', inputlabel, style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "placeholder", "inputlabel", "style", "value", "inputoptions", "direction", "columns", "className"]);
12394
12394
  const { setFieldValue, setFieldTouched } = useFormikContext();
12395
12395
  const [field, meta] = useField(alias);
12396
12396
  const currentValues = (Array.isArray(field.value) ? field.value : []);
@@ -12496,7 +12496,7 @@ const getDesignStyles = (inputtype, isOpen) => {
12496
12496
  return Object.assign(Object.assign({}, base), { backgroundColor: 'transparent', border: '1px solid var(--gray-6)', borderLeft: isOpen ? '4px solid var(--accent-9)' : '1px solid var(--gray-6)' });
12497
12497
  };
12498
12498
  const ConditionalTrigger = (_a) => {
12499
- var { alias, readOnly, width, placeholder = '', value, inputlabel = undefined, inputtype = 'conditionaltoggle-outline', triggerValue = true, inputoptions = [], toggledinputtype = "conditionaltoggle-outline", children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputlabel", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
12499
+ var { alias, readOnly, width, placeholder = '', value, inputlabel, inputtype = 'conditionaltoggle-outline', triggerValue = true, inputoptions = [], toggledinputtype = "conditionaltoggle-outline", children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputlabel", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
12500
12500
  const [field, meta, helpers] = useField(alias);
12501
12501
  const { setTouched } = useFormikContext();
12502
12502
  const inputId = `${alias}FormInput` || crypto.randomUUID();
@@ -20825,7 +20825,7 @@ const ensureDate = (date) => {
20825
20825
  };
20826
20826
 
20827
20827
  const DatePicker = (_a) => {
20828
- var { inputtype = 'datepicker-outline', alias, readonly, width, inputlabel = undefined, placeholder = 'Pick a date', minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "className", "style"]);
20828
+ var { inputtype = 'datepicker-outline', alias, readonly, width, inputlabel, placeholder = 'Pick a date', minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "className", "style"]);
20829
20829
  const { setFieldValue, setFieldTouched } = useFormikContext();
20830
20830
  const [field, meta] = useField(alias);
20831
20831
  const hasError = Boolean(meta.touched && meta.error);
@@ -20943,7 +20943,7 @@ const DatePicker = (_a) => {
20943
20943
 
20944
20944
  const DateRangePicker = (_a) => {
20945
20945
  var _b, _c;
20946
- var { inputtype = 'daterangepicker-outline', alias, readOnly, width, inputlabel = undefined, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
20946
+ var { inputtype = 'daterangepicker-outline', alias, readOnly, width, inputlabel, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
20947
20947
  const { setFieldValue, setFieldTouched } = useFormikContext();
20948
20948
  const [field, meta] = useField(alias);
20949
20949
  const hasError = Boolean(meta.touched && meta.error);
@@ -21049,7 +21049,7 @@ const DateRangePicker = (_a) => {
21049
21049
  };
21050
21050
 
21051
21051
  const DateTimePicker = (_a) => {
21052
- var { inputtype = 'datetimepicker-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
21052
+ var { inputtype = 'datetimepicker-outline', alias, readonly, width, inputlabel, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
21053
21053
  const { setFieldValue, setFieldTouched } = useFormikContext();
21054
21054
  const [field, meta] = useField(alias);
21055
21055
  const hasError = Boolean(meta.touched && meta.error);
@@ -21181,7 +21181,7 @@ const DateTimePicker = (_a) => {
21181
21181
  };
21182
21182
 
21183
21183
  const Dropdown = (_a) => {
21184
- var { inputtype = 'dropdown-outline', alias, readonly, width, inputlabel = undefined, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "inputoptions", "style"]);
21184
+ var { inputtype = 'dropdown-outline', alias, readonly, width, inputlabel, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "value", "inputoptions", "style"]);
21185
21185
  const triggerRef = useRef(null);
21186
21186
  const [neuVars, setNeuVars] = useState({});
21187
21187
  const { setFieldValue, setFieldTouched } = useFormikContext();
@@ -21311,7 +21311,7 @@ const getFileIcon$1 = (type, name) => {
21311
21311
  };
21312
21312
  const File$1 = (_a) => {
21313
21313
  var _b;
21314
- var { inputtype = 'fileinput-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21314
+ var { inputtype = 'fileinput-outline', alias, readonly, width, inputlabel, placeholder = '', preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21315
21315
  const { setFieldValue, setFieldTouched } = useFormikContext();
21316
21316
  const [field, meta] = useField(alias);
21317
21317
  const selectedFile = field.value;
@@ -21474,7 +21474,7 @@ const styles = {
21474
21474
  }
21475
21475
  };
21476
21476
  const FileMultiple = (_a) => {
21477
- var { inputtype = 'filemultiple-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', preview = true, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21477
+ var { inputtype = 'filemultiple-outline', alias, readonly, width, inputlabel, placeholder = '', preview = true, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "preview", "className", "style"]);
21478
21478
  const [field, meta] = useField(alias);
21479
21479
  const { setFieldValue, setFieldTouched } = useFormikContext();
21480
21480
  const inputRef = useRef(null);
@@ -28912,7 +28912,7 @@ const ImageOutput = ({ id, src, alt = "Image", design = 'outline', layout = 'nor
28912
28912
  };
28913
28913
 
28914
28914
  const Input$1 = (_a) => {
28915
- var { alias, inputtype = "text", width, inputlabel = undefined, readonly = false, placeholder = '', className, size = "2", style, inputVariant = 'input-outline' } = _a, props = __rest$1(_a, ["alias", "inputtype", "width", "inputlabel", "readonly", "placeholder", "className", "size", "style", "inputVariant"]);
28915
+ var { alias, inputtype = "text", width, inputlabel, readonly = false, placeholder = '', className, size = "2", style, inputVariant = 'input-outline' } = _a, props = __rest$1(_a, ["alias", "inputtype", "width", "inputlabel", "readonly", "placeholder", "className", "size", "style", "inputVariant"]);
28916
28916
  const [inputField, meta] = useField(alias);
28917
28917
  const hasError = Boolean(meta.touched && meta.error);
28918
28918
  const variantClass = inputVariant !== 'input-outline' ? `input-${inputVariant}` : '';
@@ -28929,7 +28929,7 @@ const Input$1 = (_a) => {
28929
28929
  };
28930
28930
 
28931
28931
  const PasswordInput = (_a) => {
28932
- var { alias, inputlabel = undefined, width, readonly = false, placeholder = '', inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "readonly", "placeholder", "inputVariant", "size", "className"]);
28932
+ var { alias, inputlabel, width, readonly = false, placeholder = '', inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "readonly", "placeholder", "inputVariant", "size", "className"]);
28933
28933
  const [showPassword, setShowPassword] = useState(false);
28934
28934
  const toggleVisibility = () => setShowPassword(!showPassword);
28935
28935
  const [field, meta] = useField(alias);
@@ -36491,7 +36491,7 @@ var en = {
36491
36491
  };
36492
36492
 
36493
36493
  const PhoneInput = (_a) => {
36494
- var { alias, inputlabel = undefined, width, placeholder = "Phone Number", readonly, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "size", "className"]);
36494
+ var { alias, inputlabel, width, placeholder = "Phone Number", readonly, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "size", "className"]);
36495
36495
  const { setFieldValue, setFieldTouched } = useFormikContext();
36496
36496
  const [field, meta] = useField(alias);
36497
36497
  const hasError = Boolean(meta.touched && meta.error);
@@ -40333,7 +40333,7 @@ const parseUuidFormat = (input) => {
40333
40333
  };
40334
40334
 
40335
40335
  const UUIDInput = (_a) => {
40336
- var { alias, type, inputLabel = undefined, width, delimiter = "-", format = [4, 4, 4, 4], placeholder = '', readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "readOnly", "inputVariant", "size", "className"]);
40336
+ var { alias, type, inputLabel, width, delimiter = "-", format = [4, 4, 4, 4], placeholder = '', readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "readOnly", "inputVariant", "size", "className"]);
40337
40337
  let activeFormat = format;
40338
40338
  if (type && type.toLowerCase().startsWith("uuid") && type.length > 4) {
40339
40339
  activeFormat = parseUuidFormat(type) || format;
@@ -41807,7 +41807,7 @@ var cardValidator = /*@__PURE__*/getDefaultExportFromCjs(distExports);
41807
41807
 
41808
41808
  const CreditCardInput = (_a) => {
41809
41809
  var _b;
41810
- var { alias, inputlabel = undefined, width, placeholder, readonly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "className"]);
41810
+ var { alias, inputlabel, width, placeholder, readonly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputlabel", "width", "placeholder", "readonly", "inputVariant", "className"]);
41811
41811
  const { setFieldValue, setFieldTouched } = useFormikContext();
41812
41812
  const [field, meta] = useField(alias);
41813
41813
  const hasError = Boolean(meta.touched && meta.error);
@@ -41928,7 +41928,7 @@ const CURRENCIES = {
41928
41928
  };
41929
41929
 
41930
41930
  const CurrencyInput = (_a) => {
41931
- var { alias, inputtype = "currency", inputLabel = undefined, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputtype", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
41931
+ var { alias, inputtype = "currency", inputLabel, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputtype", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
41932
41932
  const { setFieldValue, setFieldTouched } = useFormikContext();
41933
41933
  const [amountField, amountMeta] = useField(alias);
41934
41934
  const currencyFieldName = inputtype === "currency" ? "USD" : inputtype;
@@ -42012,7 +42012,7 @@ function requireFaChartLine () {
42012
42012
  var FaChartLineExports = /*@__PURE__*/ requireFaChartLine();
42013
42013
 
42014
42014
  const StockInput = (_a) => {
42015
- var { alias, inputLabel = undefined, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
42015
+ var { alias, inputLabel, width, defaultValue, placeholder, readOnly = false, inputVariant = 'input-outline', className } = _a, props = __rest$1(_a, ["alias", "inputLabel", "width", "defaultValue", "placeholder", "readOnly", "inputVariant", "className"]);
42016
42016
  const { setFieldValue, setFieldTouched } = useFormikContext();
42017
42017
  const [priceField, meta] = useField(alias);
42018
42018
  const hasError = Boolean(meta.touched && meta.error);
@@ -42069,7 +42069,7 @@ const StockInput = (_a) => {
42069
42069
  };
42070
42070
 
42071
42071
  const RadioGroupInput = (_a) => {
42072
- var { inputtype = 'radio-outline', alias, readOnly, width, inputLabel = undefined, placeholder = '', style, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "direction", "columns", "className"]);
42072
+ var { inputtype = 'radio-outline', alias, readOnly, width, inputLabel, placeholder = '', style, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "direction", "columns", "className"]);
42073
42073
  const { setFieldValue, setFieldTouched } = useFormikContext();
42074
42074
  const [field, meta] = useField(alias);
42075
42075
  const hasError = Boolean(meta.touched && meta.error);
@@ -42150,7 +42150,7 @@ const RadioGroupInput = (_a) => {
42150
42150
  };
42151
42151
 
42152
42152
  const OptionSelect = (_a) => {
42153
- var { inputtype = 'select-outline', alias, readOnly, width, inputLabel = undefined, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42153
+ var { inputtype = 'select-outline', alias, readOnly, width, inputLabel, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42154
42154
  const triggerRef = useRef(null);
42155
42155
  const [neuVars, setNeuVars] = useState({});
42156
42156
  const { setFieldValue, setFieldTouched } = useFormikContext();
@@ -42236,7 +42236,7 @@ const OptionSelect = (_a) => {
42236
42236
 
42237
42237
  const MultipleSelect = (_a) => {
42238
42238
  var _b;
42239
- var { inputtype = 'multiselect-outline', alias, readOnly, width, inputLabel = undefined, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42239
+ var { inputtype = 'multiselect-outline', alias, readOnly, width, inputLabel, placeholder = '', style, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "style", "inputoptions", "className"]);
42240
42240
  const { setFieldValue, setFieldTouched } = useFormikContext();
42241
42241
  const [field, meta] = useField(alias);
42242
42242
  const selectedValues = (Array.isArray(field.value) ? field.value : []);
@@ -42333,7 +42333,7 @@ const MultipleSelect = (_a) => {
42333
42333
  };
42334
42334
 
42335
42335
  const SliderInput = (_a) => {
42336
- var { inputtype = 'slider-outline', alias, readOnly, width, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
42336
+ var { inputtype = 'slider-outline', alias, readOnly, width, inputLabel, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "inputLabel", "placeholder", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
42337
42337
  const { setFieldValue, setFieldTouched } = useFormikContext();
42338
42338
  const [field, meta] = useField(alias);
42339
42339
  const fieldValue = Array.isArray(field.value) ? field.value : [field.value || minvalue];
@@ -42420,7 +42420,7 @@ const SliderInput = (_a) => {
42420
42420
  setFieldTouched(alias, true);
42421
42421
  }, className: inputtype === 'slider-neumorphic' ? 'neu-slider' : inputtype === 'slider-outline' ? 'outline-slider' : '', style: neuVars }),
42422
42422
  React__default.createElement("div", null,
42423
- React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, props.inputLabel),
42423
+ React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
42424
42424
  hasError ?
42425
42425
  React__default.createElement(React__default.Fragment, null,
42426
42426
  React__default.createElement("p", { id: errorId, className: 'core-input-label-error' }, props.errorText || `Required field`)) : null,
@@ -42432,7 +42432,7 @@ const SliderInput = (_a) => {
42432
42432
  };
42433
42433
 
42434
42434
  const RangeSlider = (_a) => {
42435
- var { inputtype = 'range-outline', alias, readonly, width, inputlabel = undefined, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
42435
+ var { inputtype = 'range-outline', alias, readonly, width, inputlabel, placeholder = '', minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readonly", "width", "inputlabel", "placeholder", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
42436
42436
  const { setFieldValue, setFieldTouched } = useFormikContext();
42437
42437
  const [field, meta] = useField(alias);
42438
42438
  // Range Formik Logic
package/lib/types/components/slider/slider.d.ts CHANGED
@@ -22,5 +22,5 @@ interface SliderProps {
22
22
  className?: string;
23
23
  style?: React.CSSProperties;
24
24
  }
25
- export declare const SliderInput: ({ inputtype, alias, readOnly, width, placeholder, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
25
+ export declare const SliderInput: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
26
26
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emeraldemperaur/vector-sigma",
3
- "version": "1.4.3",
3
+ "version": "1.4.4",
4
4
  "description": "Dynamic Form Orchestrator: NPM Package",
5
5
  "repository": {
6
6
  "type": "git",