reactaform 1.8.92 → 1.9.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 (77) hide show
  1. package/dist/components/fields/Button.d.ts +14 -0
  2. package/dist/components/fields/CheckboxInput.d.ts +2 -2
  3. package/dist/components/fields/ColorInput.d.ts +2 -10
  4. package/dist/components/fields/DateInput.d.ts +2 -7
  5. package/dist/components/fields/DropdownInput.d.ts +2 -10
  6. package/dist/components/fields/EmailInput.d.ts +2 -1
  7. package/dist/components/fields/FileInput.d.ts +2 -2
  8. package/dist/components/fields/FloatArrayInput.d.ts +2 -5
  9. package/dist/components/fields/FloatInput.d.ts +2 -2
  10. package/dist/components/fields/ImageDisplay.d.ts +2 -15
  11. package/dist/components/fields/IntegerArrayInput.d.ts +2 -5
  12. package/dist/components/fields/MultiSelection.d.ts +2 -2
  13. package/dist/components/fields/MultilineTextInput.d.ts +2 -2
  14. package/dist/components/fields/NumericStepperInput.d.ts +2 -2
  15. package/dist/components/fields/PasswordInput.d.ts +2 -2
  16. package/dist/components/fields/PhoneInput.d.ts +2 -1
  17. package/dist/components/fields/RadioInput.d.ts +2 -2
  18. package/dist/components/fields/RatingInput.d.ts +2 -2
  19. package/dist/components/fields/Separator.d.ts +2 -2
  20. package/dist/components/fields/SliderInput.d.ts +2 -2
  21. package/dist/components/fields/SpinInput.d.ts +2 -2
  22. package/dist/components/fields/SwitchInput.d.ts +2 -5
  23. package/dist/components/fields/TimeInput.d.ts +2 -2
  24. package/dist/components/fields/UrlInput.d.ts +2 -2
  25. package/dist/components/{ReactaForm.d.ts → form/ReactaForm.d.ts} +1 -1
  26. package/dist/components/{ReactaFormProvider.d.ts → form/ReactaFormProvider.d.ts} +2 -2
  27. package/dist/components/{ReactaFormRenderer.d.ts → form/ReactaFormRenderer.d.ts} +1 -1
  28. package/dist/components/layout/FieldGroup.d.ts +16 -0
  29. package/dist/components/layout/FieldRenderer.d.ts +14 -0
  30. package/dist/components/{LayoutComponents.d.ts → layout/LayoutComponents.d.ts} +1 -1
  31. package/dist/core/fieldVisibility.d.ts +0 -12
  32. package/dist/core/reactaFormTypes.d.ts +5 -37
  33. package/dist/core/registries/buttonHandlerRegistry.d.ts +44 -0
  34. package/dist/core/{pluginRegistry.d.ts → registries/pluginRegistry.d.ts} +1 -1
  35. package/dist/core/{submissionHandlerRegistry.d.ts → registries/submissionHandlerRegistry.d.ts} +1 -1
  36. package/dist/{validation → core/registries}/validationHandlerRegistry.d.ts +1 -1
  37. package/dist/core/submitForm.d.ts +1 -1
  38. package/dist/hooks/useDropdownPosition.d.ts +1 -1
  39. package/dist/index.d.ts +13 -12
  40. package/dist/reactaform.cjs.js +68 -30
  41. package/dist/reactaform.css +1 -1
  42. package/dist/reactaform.es.js +1984 -1836
  43. package/dist/utils/{translationCache.d.ts → translationUtils.d.ts} +2 -1
  44. package/dist/validation/{validateColorField.d.ts → validators/validateColorField.d.ts} +2 -2
  45. package/dist/validation/{validateDateField.d.ts → validators/validateDateField.d.ts} +2 -2
  46. package/dist/validation/{validateEmailField.d.ts → validators/validateEmailField.d.ts} +2 -2
  47. package/dist/validation/{validateFieldPattern.d.ts → validators/validateFieldPattern.d.ts} +2 -2
  48. package/dist/validation/{validateFileField.d.ts → validators/validateFileField.d.ts} +2 -2
  49. package/dist/validation/{validateFloatField.d.ts → validators/validateFloatField.d.ts} +3 -3
  50. package/dist/validation/{validateIntegerField.d.ts → validators/validateIntegerField.d.ts} +3 -3
  51. package/dist/validation/{validatePhoneField.d.ts → validators/validatePhoneField.d.ts} +2 -2
  52. package/dist/validation/{validateRatingField.d.ts → validators/validateRatingField.d.ts} +2 -2
  53. package/dist/validation/{validateSelectionFields.d.ts → validators/validateSelectionFields.d.ts} +3 -3
  54. package/dist/validation/validators/validateSliderField.d.ts +2 -0
  55. package/dist/validation/{validateTextField.d.ts → validators/validateTextField.d.ts} +2 -2
  56. package/dist/validation/{validateTimeField.d.ts → validators/validateTimeField.d.ts} +2 -2
  57. package/dist/validation/{validateUnitValueField.d.ts → validators/validateUnitValueField.d.ts} +2 -2
  58. package/dist/validation/{validateUrlField.d.ts → validators/validateUrlField.d.ts} +2 -2
  59. package/package.json +1 -4
  60. package/dist/common-B4FQDljX.mjs +0 -112
  61. package/dist/common-BeQ3x_ll.js +0 -1
  62. package/dist/common-C9xi6Anp.js +0 -1
  63. package/dist/common-CCGIMXY_.mjs +0 -111
  64. package/dist/common-CiL5z7rS.js +0 -1
  65. package/dist/common-Dd94fy-Y.mjs +0 -114
  66. package/dist/common-Ws7ob6hh.mjs +0 -112
  67. package/dist/common-pqSYL5rx.js +0 -1
  68. package/dist/components/renderFields.d.ts +0 -3
  69. package/dist/core/index.d.ts +0 -1
  70. /package/dist/components/{SubmissionButton.d.ts → form/SubmissionButton.d.ts} +0 -0
  71. /package/dist/components/{SubmissionMessage.d.ts → form/SubmissionMessage.d.ts} +0 -0
  72. /package/dist/components/{PopupOptionMenu.d.ts → ui/PopupOptionMenu.d.ts} +0 -0
  73. /package/dist/components/{Tooltip.d.ts → ui/Tooltip.d.ts} +0 -0
  74. /package/dist/core/{baseRegistry.d.ts → registries/baseRegistry.d.ts} +0 -0
  75. /package/dist/core/{componentRegistry.d.ts → registries/componentRegistry.d.ts} +0 -0
  76. /package/dist/{utils → styles}/cssClasses.d.ts +0 -0
  77. /package/dist/{utils → styles}/themeUtils.d.ts +0 -0
package/dist/reactaform.css CHANGED
@@ -1 +1 @@
1
- :root{--reactaform-primary-bg: #f9f9f9;--reactaform-secondary-bg: #fff;--reactaform-text-color: #000;--reactaform-text-muted: #666;--reactaform-form-border-color: #000000;--reactaform-border-color: #ccc;--reactaform-border-hover: #999;--reactaform-border-focus: #4CAF50;--reactaform-error-color: #e11d48;--reactaform-success-color: #4CAF50;--reactaform-space: 8px;--reactaform-space-lg: 12px;--reactaform-option-menu-hover-bg: #80FFFF;--reactaform-column-gap: var(--reactaform-space);--reactaform-inline-gap: var(--reactaform-space);--reactaform-label-gap: 0px;--reactaform-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--reactaform-font-size: 14px;--reactaform-font-weight: 500;--reactaform-label-font-size: 14px;--reactaform-label-font-weight: 600;--reactaform-border-radius: 0px;--reactaform-form-border-radius: 0px;--reactaform-form-border-style: solid;--reactaform-form-border-width: 0px;--reactaform-form-shadow: 0 2px 4px rgba(0, 0, 0, .1);--reactaform-button-bg: var(--reactaform-success-color);--reactaform-button-text: #ffffff;--reactaform-button-padding: var(--reactaform-space) 12px;--reactaform-button-border-radius: var(--reactaform-border-radius);--reactaform-button-font-size: 14px;--reactaform-button-font-weight: var(--reactaform-font-weight);--reactaform-button-hover-opacity: .9;--reactaform-button-disabled-opacity: .6;--reactaform-button-disabled-bg: #cccccc;--reactaform-button-disabled-cursor: not-allowed;--reactaform-button-margin-top: .5em;--reactaform-button-shadow: none;--reactaform-input-padding: var(--reactaform-space);--reactaform-container-padding: var(--reactaform-space-lg);--reactaform-field-gap: var(--reactaform-space);--reactaform-input-bg: var(--reactaform-secondary-bg);--reactaform-field-text-color: #0000ff;--reactaform-tooltip-color-bg: rgba(60,60,60,.92);--reactaform-tooltip-color: #ffffff;--reactaform-field-grid-columns: 1fr 2fr}[data-reactaform-theme=dark]{--reactaform-primary-bg: #121212;--reactaform-secondary-bg: #1A1A1A;--reactaform-input-bg: #262626;--reactaform-text-color: #EDEDED;--reactaform-text-muted: #A5A5A5;--reactaform-field-text-color: #C8C8E5;--reactaform-border-color: #3A3A3A;--reactaform-border-hover: #4A4A4A;--reactaform-border-focus: #4DA6FF;--reactaform-form-border-color: #333333;--reactaform-error-color: #FF6B6B;--reactaform-success-color: #4CAF6A;--reactaform-option-menu-hover-bg: rgba(255, 255, 255, .06);--reactaform-form-shadow: 0 2px 8px rgba(0, 0, 0, .45);--reactaform-tooltip-color-bg: rgba(40, 40, 40, .95);--reactaform-tooltip-color: #F5F5F5}.reactaform-container{font-family:var(--reactaform-font-family, sans-serif);font-size:var(--reactaform-font-size, 14px);background-color:var(--reactaform-primary-bg);color:var(--reactaform-text-color);padding:var(--reactaform-container-padding);border-radius:var(--reactaform-form-border-radius);border-color:var(--reactaform-form-border-color);border-style:var(--reactaform-form-border-style);border-width:var(--reactaform-form-border-width);box-shadow:var(--reactaform-form-shadow);gap:var(--reactaform-space-lg);max-width:100%;margin:0 auto}.reactaform-field{display:grid;grid-template-columns:var(--reactaform-field-grid-columns, 1fr 2fr);align-items:start;padding:0;gap:var(--reactaform-column-gap);margin-bottom:var(--reactaform-field-gap)}.reactaform-label{justify-self:start;align-self:center;white-space:normal;line-height:1.4;min-width:100px;color:var(--reactaform-text-color);font-weight:var(--reactaform-label-font-weight, 600);font-size:var(--reactaform-label-font-size, 14px);-webkit-user-select:none;user-select:none}.reactaform-input{width:100%;color:var(--reactaform-text-color);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);padding:var(--reactaform-input-padding);box-sizing:border-box;background-color:var(--reactaform-input-bg);font-size:var(--reactaform-font-size);font-weight:var(--reactaform-font-weight);transition:border-color .2s ease;box-shadow:inset 0 1px #ffffff08}.reactaform-input:hover{border-color:var(--reactaform-border-hover)}.reactaform-input:focus{outline:none;border-color:var(--reactaform-border-focus);box-shadow:0 0 0 3px #22d3ee66,0 0 16px #22d3ee40,inset 0 1px #ffffff0d}.reactaform-input--text{text-align:left}.reactaform-input--number{text-align:right}.reactaform-input--select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='8' viewBox='0 0 24 24' width='8' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right var(--reactaform-space) center;background-size:20px;padding-right:32px}.reactaform-select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='8' viewBox='0 0 24 24' width='8' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right var(--reactaform-space) center;background-size:2.5em;padding-right:32px;background-color:var(--reactaform-input-bg)}.reactaform-textarea{width:100%;background-color:var(--reactaform-input-bg);color:var(--reactaform-text-color);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);padding:var(--reactaform-input-padding);box-sizing:border-box}.reactaform-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:var(--reactaform-input-bg);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);color:var(--reactaform-text-color);font-size:.875rem;gap:8px}.reactaform-button{background-color:var(--reactaform-button-bg);color:var(--reactaform-button-text);padding:var(--reactaform-button-padding);border-radius:var(--reactaform-button-border-radius);font-size:var(--reactaform-button-font-size);font-weight:var(--reactaform-button-font-weight);box-shadow:var(--reactaform-button-shadow);margin-top:var(--reactaform-button-margin-top);border:none;cursor:pointer;transition:opacity .2s ease}.reactaform-button:hover:not(:disabled){opacity:var(--reactaform-button-hover-opacity)}.reactaform-button:disabled{opacity:var(--reactaform-button-disabled-opacity);background-color:var(--reactaform-button-disabled-bg);cursor:var(--reactaform-button-disabled-cursor)}@media(max-width:1024px){.reactaform-container{padding:calc(var(--reactaform-space) * .8)}.reactaform-field{gap:calc(var(--reactaform-column-gap) * .8)}}@media(max-width:768px){.reactaform-field{grid-template-columns:1fr;gap:6px}.reactaform-label{justify-self:start;margin-bottom:4px;font-size:.9rem}.reactaform-container{padding:var(--reactaform-space)}.reactaform-input,.reactaform-textarea,.reactaform-select{font-size:16px;padding:var(--reactaform-input-padding)}.reactaform-checkbox-wrapper,.reactaform-radio-wrapper{padding:8px 0;min-height:44px;align-items:center}.reactaform-group{margin-bottom:calc(var(--reactaform-space) * 1.5)}}@media(max-width:480px){.reactaform-container{padding:calc(var(--reactaform-space) * .7)}.reactaform-field{gap:8px}.reactaform-label{font-size:.85rem;line-height:1.3}.reactaform-input,.reactaform-textarea,.reactaform-select{padding:14px}}
1
+ :root{--reactaform-primary-bg: #f9f9f9;--reactaform-secondary-bg: #fff;--reactaform-text-color: #000;--reactaform-text-muted: #666;--reactaform-label-text-color: #000000;--reactaform-form-border-color: #000000;--reactaform-border-color: #ccc;--reactaform-border-hover: #999;--reactaform-border-focus: #4CAF50;--reactaform-error-color: #e11d48;--reactaform-success-color: #4CAF50;--reactaform-space: 8px;--reactaform-space-lg: 12px;--reactaform-option-menu-hover-bg: #80FFFF;--reactaform-column-gap: var(--reactaform-space);--reactaform-inline-gap: var(--reactaform-space);--reactaform-label-gap: 0px;--reactaform-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--reactaform-font-size: 14px;--reactaform-font-weight: 500;--reactaform-label-font-family: var(--reactaform-font-family);--reactaform-label-font-size: 14px;--reactaform-label-font-weight: 600;--reactaform-border-radius: 0px;--reactaform-border-width: 1px;--reactaform-border-style: solid;--reactaform-form-border-radius: 0px;--reactaform-form-border-style: solid;--reactaform-form-border-width: 0px;--reactaform-group-border-radius: var(--reactaform-border-radius);--reactaform-group-border-style: var(--reactaform-border-style);--reactaform-group-border-width: var(--reactaform-border-width);--reactaform-form-shadow: 0 2px 4px rgba(0, 0, 0, .1);--reactaform-button-bg: var(--reactaform-success-color);--reactaform-button-text: #ffffff;--reactaform-button-padding: var(--reactaform-space) 12px;--reactaform-button-border-radius: var(--reactaform-border-radius);--reactaform-button-font-size: 14px;--reactaform-button-font-weight: var(--reactaform-font-weight);--reactaform-button-hover-opacity: .9;--reactaform-button-disabled-opacity: .6;--reactaform-button-disabled-bg: #cccccc;--reactaform-button-disabled-cursor: not-allowed;--reactaform-button-margin-top: .5em;--reactaform-button-shadow: none;--reactaform-input-padding: var(--reactaform-space);--reactaform-container-padding: var(--reactaform-space-lg);--reactaform-field-gap: var(--reactaform-space);--reactaform-input-bg: var(--reactaform-secondary-bg);--reactaform-field-text-color: #0000ff;--reactaform-tooltip-color-bg: rgba(60,60,60,.92);--reactaform-tooltip-color: #ffffff;--reactaform-field-grid-columns: 1fr 2fr}[data-reactaform-theme=dark]{--reactaform-primary-bg: #121212;--reactaform-secondary-bg: #1A1A1A;--reactaform-input-bg: #262626;--reactaform-text-color: #EDEDED;--reactaform-text-muted: #A5A5A5;--reactaform-field-text-color: #C8C8E5;--reactaform-border-color: #3A3A3A;--reactaform-border-hover: #4A4A4A;--reactaform-border-focus: #4DA6FF;--reactaform-form-border-color: #333333;--reactaform-error-color: #FF6B6B;--reactaform-success-color: #4CAF6A;--reactaform-option-menu-hover-bg: rgba(255, 255, 255, .06);--reactaform-form-shadow: 0 2px 8px rgba(0, 0, 0, .45);--reactaform-tooltip-color-bg: rgba(40, 40, 40, .95);--reactaform-tooltip-color: #F5F5F5}.reactaform-container{font-family:var(--reactaform-font-family, sans-serif);font-size:var(--reactaform-font-size, 14px);background:var(--reactaform-primary-bg, #f9f9f9);color:var(--reactaform-text-color, #000000);padding:var(--reactaform-container-padding, 12px);border-radius:var(--reactaform-form-border-radius, 0px);border-color:var(--reactaform-form-border-color, #000000);border-style:var(--reactaform-form-border-style, solid);border-width:var(--reactaform-form-border-width, 0px);box-shadow:var(--reactaform-form-shadow, none);gap:var(--reactaform-space-lg, 12px);max-width:100%;margin:0 auto}.reactaform-field{display:grid;grid-template-columns:var(--reactaform-field-grid-columns, 1fr 2fr);align-items:start;padding:0;gap:var(--reactaform-column-gap, 8px);margin-bottom:var(--reactaform-field-gap, 8px)}.reactaform-group{border:1px solid var(--reactaform-border-color, #bbb);padding:var(--reactaform-fieldset-padding, .5em);border-radius:var(--reactaform-group-border-radius, var(--reactaform-border-radius, 4px));border-style:var(--reactaform-group-border-style, var(--reactaform-border-style, solid));border-width:var(--reactaform-group-border-width, var(--reactaform-border-width, 1px));margin-bottom:var(--reactaform-space, 8px)}.reactaform-group_legend{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 var(--reactaform-space, 8px);color:var(--reactaform-text-color, inherit);margin-left:.4em}.reactaform-group_legend_arrow{margin-left:.4em}.reactaform-label{justify-self:start;align-self:center;white-space:normal;line-height:1.4;min-width:100px;color:var(--reactaform-label-text-color, var(--reactaform-text-color, #000000));font-family:var(--reactaform-label-font-family, var(--reactaform-font-family, sans-serif));font-weight:var(--reactaform-label-font-weight, var(--reactaform-font-weight, 600));font-size:var(--reactaform-label-font-size, var(--reactaform-font-size, 14px));-webkit-user-select:none;user-select:none}.reactaform-input{width:100%;color:var(--reactaform-text-color, #000000);border:1px solid var(--reactaform-border-color, #ccc);border-radius:var(--reactaform-border-radius, 0px);border-style:var(--reactaform-border-style, solid);border-width:var(--reactaform-border-width, 1px);padding:var(--reactaform-input-padding, 8px);box-sizing:border-box;background-color:var(--reactaform-input-bg, #ffffff);font-size:var(--reactaform-font-size, 14px);font-weight:var(--reactaform-font-weight, 400);transition:border-color .2s ease;box-shadow:inset 0 1px #ffffff08}.reactaform-input:hover{border-color:var(--reactaform-border-hover, #4A4A4A)}.reactaform-input:focus{outline:none;border-color:var(--reactaform-border-focus, #4DA6FF);box-shadow:0 0 0 3px #22d3ee66,0 0 16px #22d3ee40,inset 0 1px #ffffff0d}.reactaform-input--text{text-align:left}.reactaform-input--number{text-align:right}.reactaform-input--select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='8' viewBox='0 0 24 24' width='8' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right var(--reactaform-space) center;background-size:20px;padding-right:32px}.reactaform-select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='8' viewBox='0 0 24 24' width='8' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right var(--reactaform-space) center;background-size:2.5em;padding-right:32px;background-color:var(--reactaform-input-bg)}.reactaform-textarea{width:100%;background-color:var(--reactaform-input-bg);color:var(--reactaform-text-color);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);padding:var(--reactaform-input-padding);box-sizing:border-box}.reactaform-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:var(--reactaform-input-bg);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);color:var(--reactaform-text-color);font-size:.875rem;gap:8px}.reactaform-button{background-color:var(--reactaform-button-bg, var(--reactaform-success-color, #4CAF50));color:var(--reactaform-button-text, var(--reactaform-text-color, #000000));padding:var(--reactaform-button-padding);border-radius:var(--reactaform-button-border-radius);font-size:var(--reactaform-button-font-size);font-weight:var(--reactaform-button-font-weight);box-shadow:var(--reactaform-button-shadow);margin-top:var(--reactaform-button-margin-top);border:none;cursor:pointer;transition:opacity .2s ease}.reactaform-button:hover:not(:disabled){opacity:var(--reactaform-button-hover-opacity)}.reactaform-button:disabled{opacity:var(--reactaform-button-disabled-opacity);background-color:var(--reactaform-button-disabled-bg);cursor:var(--reactaform-button-disabled-cursor)}@media(max-width:1024px){.reactaform-container{padding:calc(var(--reactaform-space) * .8)}.reactaform-field{gap:calc(var(--reactaform-column-gap) * .8)}}@media(max-width:768px){.reactaform-field{grid-template-columns:1fr;gap:6px}.reactaform-label{justify-self:start;margin-bottom:4px;font-size:.9rem}.reactaform-container{padding:var(--reactaform-space)}.reactaform-input,.reactaform-textarea,.reactaform-select{font-size:16px;padding:var(--reactaform-input-padding)}.reactaform-checkbox-wrapper,.reactaform-radio-wrapper{padding:8px 0;min-height:44px;align-items:center}.reactaform-group{margin-bottom:calc(var(--reactaform-space) * 1.5)}}@media(max-width:480px){.reactaform-container{padding:calc(var(--reactaform-space) * .7)}.reactaform-field{gap:8px}.reactaform-label{font-size:.85rem;line-height:1.3}.reactaform-input,.reactaform-textarea,.reactaform-select{padding:14px}}