@react-spectrum/label 3.7.0 → 3.7.1-nightly.3390

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 (9) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +133 -8
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +134 -9
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +14 -12
  8. package/src/Field.tsx +24 -1
  9. package/src/ReadOnlyField.tsx +82 -0
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- [dir=ltr] .spectrum-HelpText_f395de{text-align:left}[dir=rtl] .spectrum-HelpText_f395de{text-align:right}.spectrum-HelpText_f395de{font-size:var(--spectrum-global-dimension-font-size-75);display:flex}[dir=ltr] .spectrum-HelpText_f395de .spectrum-HelpText-validationIcon_f395de{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-HelpText_f395de .spectrum-HelpText-validationIcon_f395de{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-HelpText_f395de .spectrum-HelpText-validationIcon_f395de{padding-top:var(--spectrum-global-dimension-size-40);padding-bottom:var(--spectrum-global-dimension-size-40);flex-shrink:0}[dir=ltr] .spectrum-HelpText_f395de .spectrum-HelpText-text_f395de{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-HelpText_f395de .spectrum-HelpText-text_f395de{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-HelpText_f395de .spectrum-HelpText-text_f395de{padding-top:var(--spectrum-global-dimension-static-size-50,4px);padding-bottom:var(--spectrum-global-dimension-size-115);line-height:var(--spectrum-global-font-line-height-small,1.3);text-transform:none;letter-spacing:var(--spectrum-global-font-letter-spacing-none,0);flex:1}.spectrum-HelpText--neutral_f395de .spectrum-HelpText-text_f395de{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}.spectrum-HelpText--neutral_f395de.is-disabled_f395de .spectrum-HelpText-text_f395de{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-HelpText--negative_f395de .spectrum-HelpText-validationIcon_f395de,.spectrum-HelpText--negative_f395de .spectrum-HelpText-text_f395de{color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}[dir=ltr] .spectrum-FieldLabel_d2db1f{text-align:left}[dir=rtl] .spectrum-FieldLabel_d2db1f{text-align:right}.spectrum-FieldLabel_d2db1f{box-sizing:border-box;padding:var(--spectrum-fieldlabel-padding-top,var(--spectrum-global-dimension-size-50))0 var(--spectrum-fieldlabel-padding-bottom,var(--spectrum-global-dimension-size-65));font-size:var(--spectrum-fieldlabel-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-fieldlabel-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-fieldlabel-text-line-height,var(--spectrum-global-font-line-height-small));vertical-align:top;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;cursor:default;flex:none;display:flex}[dir=ltr] .spectrum-FieldLabel--positionSide_d2db1f{padding-right:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-FieldLabel--positionSide_d2db1f{padding-left:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-FieldLabel--positionSide_d2db1f{padding-top:var(--spectrum-fieldlabel-side-padding-top,var(--spectrum-global-dimension-size-100));display:inline-flex}[dir=ltr] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:0}[dir=rtl] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:0}[dir=ltr] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}[dir=rtl] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}.spectrum-FieldLabel-requiredIcon_d2db1f{margin-top:var(--spectrum-fieldlabel-asterisk-margin-y,var(--spectrum-global-dimension-size-50));margin-bottom:0}[dir=ltr] .spectrum-FieldLabel--alignEnd_d2db1f{text-align:right}[dir=rtl] .spectrum-FieldLabel--alignEnd_d2db1f{text-align:left}.spectrum-FieldLabel--alignEnd_d2db1f{justify-content:flex-end}.spectrum-Field_d2db1f{--spectrum-field-default-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400))}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f{width:var(--spectrum-field-default-width);flex-direction:column;display:inline-flex}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f .spectrum-Field-field_d2db1f{width:100%}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f .spectrum-Field-field--multiline_d2db1f{flex:auto}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f{align-items:flex-start;display:inline-flex}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f{min-width:0;width:var(--spectrum-field-default-width);flex:1}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f .spectrum-Field-field_d2db1f{width:100%}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-field_d2db1f{min-width:0;flex:1}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-field--multiline_d2db1f{height:100%}[dir=ltr] .spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{text-align:left}[dir=rtl] .spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{text-align:right}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{border-collapse:separate;border-spacing:0 var(--spectrum-global-dimension-size-300);margin:calc(var(--spectrum-global-dimension-size-250)*-1)0;display:table}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field_d2db1f{width:100%;display:table-row}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-FieldLabel_d2db1f{display:table-cell}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f{width:100%}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field-field_d2db1f{width:auto;min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:table-cell}.spectrum-Form_d2db1f.spectrum-Form--positionTop_d2db1f{min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));flex-direction:column;margin:0;display:flex}.spectrum-Form_d2db1f.spectrum-Form--positionTop_d2db1f>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}.spectrum-FieldLabel_d2db1f,.spectrum-Form-itemLabel_d2db1f{color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color))}.spectrum-FieldLabel_d2db1f.is-disabled_d2db1f,.spectrum-Form-itemLabel_d2db1f.is-disabled_d2db1f{color:var(--spectrum-fieldlabel-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldLabel_d2db1f.is-disabled_d2db1f .spectrum-FieldLabel-requiredIcon_d2db1f,.spectrum-Form-itemLabel_d2db1f.is-disabled_d2db1f .spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color,var(--spectrum-global-color-gray-600))}
1
+ [dir=ltr] .spectrum-HelpText_f395de{text-align:left}[dir=rtl] .spectrum-HelpText_f395de{text-align:right}.spectrum-HelpText_f395de{font-size:var(--spectrum-global-dimension-font-size-75);display:flex}[dir=ltr] .spectrum-HelpText_f395de .spectrum-HelpText-validationIcon_f395de{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-HelpText_f395de .spectrum-HelpText-validationIcon_f395de{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-HelpText_f395de .spectrum-HelpText-validationIcon_f395de{padding-top:var(--spectrum-global-dimension-size-40);padding-bottom:var(--spectrum-global-dimension-size-40);flex-shrink:0}[dir=ltr] .spectrum-HelpText_f395de .spectrum-HelpText-text_f395de{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-HelpText_f395de .spectrum-HelpText-text_f395de{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-HelpText_f395de .spectrum-HelpText-text_f395de{padding-top:var(--spectrum-global-dimension-static-size-50,4px);padding-bottom:var(--spectrum-global-dimension-size-115);line-height:var(--spectrum-global-font-line-height-small,1.3);text-transform:none;letter-spacing:var(--spectrum-global-font-letter-spacing-none,0);flex:1}.spectrum-HelpText--neutral_f395de .spectrum-HelpText-text_f395de{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}.spectrum-HelpText--neutral_f395de.is-disabled_f395de .spectrum-HelpText-text_f395de{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-HelpText--negative_f395de .spectrum-HelpText-validationIcon_f395de,.spectrum-HelpText--negative_f395de .spectrum-HelpText-text_f395de{color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}[dir=ltr] .spectrum-FieldLabel_d2db1f{text-align:left}[dir=rtl] .spectrum-FieldLabel_d2db1f{text-align:right}.spectrum-FieldLabel_d2db1f{box-sizing:border-box;padding:var(--spectrum-fieldlabel-padding-top,var(--spectrum-global-dimension-size-50))0 var(--spectrum-fieldlabel-padding-bottom,var(--spectrum-global-dimension-size-65));font-size:var(--spectrum-fieldlabel-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-fieldlabel-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-fieldlabel-text-line-height,var(--spectrum-global-font-line-height-small));vertical-align:top;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;cursor:default;flex:none;display:flex}[dir=ltr] .spectrum-FieldLabel--positionSide_d2db1f{padding-right:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-FieldLabel--positionSide_d2db1f{padding-left:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-FieldLabel--positionSide_d2db1f{padding-top:var(--spectrum-fieldlabel-side-padding-top,var(--spectrum-global-dimension-size-100));display:inline-flex}[dir=ltr] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:0}[dir=rtl] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:0}[dir=ltr] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}[dir=rtl] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}.spectrum-FieldLabel-requiredIcon_d2db1f{margin-top:var(--spectrum-fieldlabel-asterisk-margin-y,var(--spectrum-global-dimension-size-50));margin-bottom:0}[dir=ltr] .spectrum-FieldLabel--alignEnd_d2db1f{text-align:right}[dir=rtl] .spectrum-FieldLabel--alignEnd_d2db1f{text-align:left}.spectrum-FieldLabel--alignEnd_d2db1f{justify-content:flex-end}.spectrum-Field_d2db1f{--spectrum-field-default-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400))}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f{width:var(--spectrum-field-default-width);flex-direction:column;display:inline-flex}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f .spectrum-Field-field_d2db1f{width:100%}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f .spectrum-Field-field--multiline_d2db1f{flex:auto}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f{align-items:flex-start;display:inline-flex}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f{min-width:0;width:var(--spectrum-field-default-width);flex:1}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f .spectrum-Field-field_d2db1f{width:100%}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-field_d2db1f{min-width:0;flex:1}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-field--multiline_d2db1f{height:100%}[dir=ltr] .spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{text-align:left}[dir=rtl] .spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{text-align:right}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{border-collapse:separate;border-spacing:0 var(--spectrum-global-dimension-size-300);margin:calc(var(--spectrum-global-dimension-size-250)*-1)0;display:table}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field_d2db1f{width:100%;display:table-row}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-FieldLabel_d2db1f{display:table-cell}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f{width:100%}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field-field_d2db1f{width:auto;min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:table-cell}.spectrum-Form_d2db1f.spectrum-Form--positionTop_d2db1f{min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));flex-direction:column;margin:0;display:flex}.spectrum-Form_d2db1f.spectrum-Form--positionTop_d2db1f>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}.spectrum-FieldLabel_d2db1f,.spectrum-Form-itemLabel_d2db1f{color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color))}.spectrum-FieldLabel_d2db1f.is-disabled_d2db1f,.spectrum-Form-itemLabel_d2db1f.is-disabled_d2db1f{color:var(--spectrum-fieldlabel-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldLabel_d2db1f.is-disabled_d2db1f .spectrum-FieldLabel-requiredIcon_d2db1f,.spectrum-Form-itemLabel_d2db1f.is-disabled_d2db1f .spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color,var(--spectrum-global-color-gray-600))}.spectrum-Textfield-input_73bc77{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(zh-Hans),.spectrum-Textfield-input_73bc77:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,ＭＳＰゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield_73bc77{min-width:var(--spectrum-textfield-min-width,var(--spectrum-global-dimension-size-600));width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:inline-flex;position:relative}.spectrum-Textfield_73bc77:not(.spectrum-Textfield--quiet_73bc77,.spectrum-Textfield--readonly_73bc77).spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77:not(:disabled){resize:vertical}.spectrum-Textfield_73bc77.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77,.spectrum-Textfield_73bc77.spectrum-Textfield--readonly_73bc77 .spectrum-Textfield-input_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));overflow-x:hidden}.spectrum-Textfield-input_73bc77{box-sizing:border-box;border:var(--spectrum-textfield-border-size,var(--spectrum-alias-border-size-thin))solid;border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);text-indent:0;width:100%;height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));vertical-align:top;font-size:var(--spectrum-textfield-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-textfield-text-line-height,var(--spectrum-alias-body-text-line-height));text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;outline:0;margin:0;overflow:visible}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));font-synthesis:none;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77::-moz-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77:lang(ja)::placeholder,.spectrum-Textfield-input_73bc77:lang(ja).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(zh)::placeholder,.spectrum-Textfield-input_73bc77:lang(zh).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ko)::placeholder,.spectrum-Textfield-input_73bc77:lang(ko).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ar)::placeholder,.spectrum-Textfield-input_73bc77:lang(ar).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(he)::placeholder,.spectrum-Textfield-input_73bc77:lang(he).is-placeholder_73bc77{font-style:normal}.spectrum-Textfield-input_73bc77:lang(ja)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(zh)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ko)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ar)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(he)::-moz-placeholder{font-style:normal}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77:disabled{resize:none;opacity:1}.spectrum-Textfield-input_73bc77:disabled::placeholder,.spectrum-Textfield-input_73bc77:disabled.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77::-ms-clear{width:0;height:0}.spectrum-Textfield-input_73bc77::-webkit-inner-spin-button,.spectrum-Textfield-input_73bc77::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spectrum-Textfield-input_73bc77:-moz-ui-invalid{box-shadow:none}.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);overflow:auto}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77,[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-right:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{border-width:0 0 var(--spectrum-textfield-quiet-border-size,var(--spectrum-alias-border-size-thin))0;resize:none;border-radius:0;overflow-y:hidden}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield-validationIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield-validationIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield-validationIcon_73bc77{pointer-events:all;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-left:0}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225));top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))/2)}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-checkmark-medium-height)/2)}[dir=ltr] .spectrum-Textfield-icon_73bc77{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield-icon_73bc77{right:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield-icon_73bc77{height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225));width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));top:var(--spectrum-global-dimension-size-85);transition:fill var(--spectrum-global-animation-duration-100,130ms)ease-in-out;display:block;position:absolute}[dir=ltr] .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{left:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{right:0}.spectrum-Textfield-inputIcon_73bc77.spectrum-Textfield--multiline_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))/2);position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-left:0}.spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-background-color,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color,var(--spectrum-alias-placeholder-text-color))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-hovered_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Textfield-input_73bc77:active{background-color:var(--spectrum-textfield-background-color-down,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus));color:var(--spectrum-textfield-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Textfield-input_73bc77:active::placeholder,.spectrum-Textfield-input_73bc77:active.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-down,var(--spectrum-alias-placeholder-text-color-down))}.spectrum-Textfield-input_73bc77:active~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield-input_73bc77[disabled],.spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled));-webkit-text-fill-color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]::placeholder,.spectrum-Textfield-input_73bc77[disabled].is-placeholder_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-disabled_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]~.spectrum-Textfield-icon_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77:active{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:active{border-color:var(--spectrum-textfield-quiet-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 1px 0 var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:disabled,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-Textfield--readonly_73bc77 .spectrum-Textfield-input_73bc77{border-color:var(--spectrum-textfield-quiet-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){box-shadow:0 1px 0 var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-success-icon-color,var(--spectrum-semantic-positive-color-icon))}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-error-icon-color,var(--spectrum-semantic-negative-color-icon))}@media (forced-colors:active){.spectrum-Textfield-input_73bc77{--spectrum-textfield-text-color-disabled:GrayText;--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-placeholder-text-color:GrayText;--spectrum-textfield-placeholder-text-color-hover:GrayText}.spectrum-Textfield-input_73bc77.focus-ring_73bc77,.spectrum-Textfield-input_73bc77.focus-ring_73bc77{outline:2px solid Highlight}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:0}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77 .spectrum-Textfield-input_73bc77,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77 .spectrum-Textfield-input_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
package/dist/main.js CHANGED
@@ -4,10 +4,12 @@ var $fXO85$reactspectrumlayout = require("@react-spectrum/layout");
4
4
  var $fXO85$reactariautils = require("@react-aria/utils");
5
5
  var $fXO85$react = require("react");
6
6
  var $fXO85$reactspectrumform = require("@react-spectrum/form");
7
+ var $fXO85$reactariai18n = require("@react-aria/i18n");
7
8
  var $fXO85$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
8
9
  var $fXO85$spectrumiconsuiAsterisk = require("@spectrum-icons/ui/Asterisk");
9
- var $fXO85$reactariai18n = require("@react-aria/i18n");
10
10
  var $fXO85$reactspectrumprovider = require("@react-spectrum/provider");
11
+ var $fXO85$reactariafocus = require("@react-aria/focus");
12
+ var $fXO85$reactariainteractions = require("@react-aria/interactions");
11
13
 
12
14
  function $parcel$export(e, n, v, s) {
13
15
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -72,14 +74,12 @@ function $2d1b5114e5b358b6$var$HelpText(props, ref) {
72
74
  */ const $2d1b5114e5b358b6$export$a67c0bc59081311a = /*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).forwardRef($2d1b5114e5b358b6$var$HelpText);
73
75
 
74
76
 
75
-
76
-
77
-
78
77
  var $b41c468199d98654$exports = {};
79
78
  var $be852afcd8987832$exports = {};
80
79
  $be852afcd8987832$exports = {
81
80
  "(optional)": `(اختياري)`,
82
- "(required)": `(مطلوب)`
81
+ "(required)": `(مطلوب)`,
82
+ "(None)": `(None)`
83
83
  };
84
84
 
85
85
 
@@ -121,7 +121,8 @@ $c70340f3f366f0c9$exports = {
121
121
  var $100a4f0d92ab2685$exports = {};
122
122
  $100a4f0d92ab2685$exports = {
123
123
  "(required)": `(required)`,
124
- "(optional)": `(optional)`
124
+ "(optional)": `(optional)`,
125
+ "(None)": `(None)`
125
126
  };
126
127
 
127
128
 
@@ -353,6 +354,10 @@ $b41c468199d98654$exports = {
353
354
 
354
355
 
355
356
 
357
+
358
+
359
+
360
+
356
361
  var $eb2fc0ee655eff6b$exports = {};
357
362
 
358
363
  $parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel", () => $eb2fc0ee655eff6b$export$493d18e796ae054, (v) => $eb2fc0ee655eff6b$export$493d18e796ae054 = v);
@@ -437,14 +442,125 @@ let $38a9afbd39356629$export$b04be29aa201d4f5 = /*#__PURE__*/ ($parcel$interopDe
437
442
 
438
443
 
439
444
 
445
+
446
+
447
+
448
+ var $40cb3a00c193680f$exports = {};
449
+
450
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
451
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
452
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
453
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--readonly", () => $40cb3a00c193680f$export$ed65520848a7d1ae, (v) => $40cb3a00c193680f$export$ed65520848a7d1ae = v);
454
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
455
+ $parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
456
+ $parcel$export($40cb3a00c193680f$exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
457
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
458
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
459
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
460
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
461
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
462
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
463
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
464
+ $parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
465
+ $parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
466
+ $parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
467
+ var $40cb3a00c193680f$export$1ac009feb2b0bd0c;
468
+ var $40cb3a00c193680f$export$2c8a10299d8b3418;
469
+ var $40cb3a00c193680f$export$bffd5e3d61a81737;
470
+ var $40cb3a00c193680f$export$ed65520848a7d1ae;
471
+ var $40cb3a00c193680f$export$9699f1c538a448a0;
472
+ var $40cb3a00c193680f$export$e5b2f5233e4e5194;
473
+ var $40cb3a00c193680f$export$b8813cd5d7824ce7;
474
+ var $40cb3a00c193680f$export$c2abbc3f970170b7;
475
+ var $40cb3a00c193680f$export$58e50b10d30123df;
476
+ var $40cb3a00c193680f$export$14fd30fea6f1348c;
477
+ var $40cb3a00c193680f$export$cf0ead5b44db0da3;
478
+ var $40cb3a00c193680f$export$222d1ccd1870be1d;
479
+ var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
480
+ var $40cb3a00c193680f$export$82a249fb4d6127;
481
+ var $40cb3a00c193680f$export$e7dc768d35940237;
482
+ var $40cb3a00c193680f$export$f39a09f249340e2a;
483
+ var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
484
+ $40cb3a00c193680f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
485
+ $40cb3a00c193680f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
486
+ $40cb3a00c193680f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
487
+ $40cb3a00c193680f$export$ed65520848a7d1ae = "spectrum-Textfield--readonly_73bc77";
488
+ $40cb3a00c193680f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
489
+ $40cb3a00c193680f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
490
+ $40cb3a00c193680f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
491
+ $40cb3a00c193680f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
492
+ $40cb3a00c193680f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
493
+ $40cb3a00c193680f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
494
+ $40cb3a00c193680f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
495
+ $40cb3a00c193680f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
496
+ $40cb3a00c193680f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
497
+ $40cb3a00c193680f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
498
+ $40cb3a00c193680f$export$e7dc768d35940237 = "is-focused_73bc77";
499
+ $40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
500
+ $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
501
+
502
+
503
+
504
+
505
+
506
+ function $3666a670134a3e50$var$ReadOnlyField(props, ref) {
507
+ props = $fXO85$reactspectrumform.useFormProps(props);
508
+ let { isDisabled: isDisabled , readOnlyText: readOnlyText , inputProps: inputProps , autoFocus: autoFocus } = props;
509
+ delete inputProps.defaultValue;
510
+ let { hoverProps: hoverProps , isHovered: isHovered } = $fXO85$reactariainteractions.useHover({
511
+ isDisabled: isDisabled
512
+ });
513
+ let onHeightChange = $fXO85$react.useCallback(()=>{
514
+ let input = ref.current;
515
+ let prevAlignment = input.style.alignSelf;
516
+ input.style.alignSelf = 'start';
517
+ input.style.height = 'auto';
518
+ input.style.height = `${input.scrollHeight}px`;
519
+ input.style.alignSelf = prevAlignment;
520
+ }, [
521
+ ref
522
+ ]);
523
+ $fXO85$reactariautils.useLayoutEffect(()=>{
524
+ if (ref.current) onHeightChange();
525
+ }, [
526
+ onHeightChange,
527
+ readOnlyText,
528
+ ref
529
+ ]);
530
+ return(/*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).createElement("div", {
531
+ className: $fXO85$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
532
+ 'spectrum-Textfield--quiet': true,
533
+ 'spectrum-Textfield--readonly': true
534
+ })
535
+ }, /*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).createElement($fXO85$reactariafocus.FocusRing, {
536
+ focusRingClass: $fXO85$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'focus-ring'),
537
+ isTextInput: true,
538
+ autoFocus: autoFocus
539
+ }, /*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).createElement("textarea", {
540
+ ...$fXO85$reactariautils.mergeProps(inputProps, hoverProps),
541
+ rows: 1,
542
+ ref: ref,
543
+ value: readOnlyText,
544
+ className: $fXO85$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-input', {
545
+ 'is-hovered': isHovered
546
+ })
547
+ }))));
548
+ }
549
+ let $3666a670134a3e50$export$18fbc9a75a2c46ae = /*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).forwardRef($3666a670134a3e50$var$ReadOnlyField);
550
+
551
+
552
+
553
+
440
554
  function $0e5410371a445d59$var$Field(props, ref) {
441
555
  props = $fXO85$reactspectrumform.useFormProps(props);
442
- let { label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , isRequired: isRequired , necessityIndicator: necessityIndicator , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName , validationState: validationState , description: description , errorMessage: errorMessage , isDisabled: isDisabled , showErrorIcon: showErrorIcon , children: children , labelProps: labelProps , descriptionProps: // Not every component that uses <Field> supports help text.
556
+ let { label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , isRequired: isRequired , necessityIndicator: necessityIndicator , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName , validationState: validationState , description: description , errorMessage: errorMessage , isDisabled: isDisabled , showErrorIcon: showErrorIcon , children: children , labelProps: labelProps , readOnlyText: readOnlyText , isReadOnly: isReadOnly , inputProps: inputProps , inputRef: inputRef , descriptionProps: // Not every component that uses <Field> supports help text.
443
557
  descriptionProps = {
444
558
  } , errorMessageProps: errorMessageProps = {
445
559
  } , elementType: elementType , wrapperClassName: wrapperClassName , ...otherProps } = props;
446
560
  let { styleProps: styleProps } = $fXO85$reactspectrumutils.useStyleProps(otherProps);
447
561
  let hasHelpText = !!description || errorMessage && validationState === 'invalid';
562
+ let stringFormatter = $fXO85$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($b41c468199d98654$exports)));
563
+ let displayReadOnly = isReadOnly && (readOnlyText || readOnlyText === '');
448
564
  let mergedRefs = $0e5410371a445d59$var$useMergeRefs(children.ref, ref);
449
565
  if (label || hasHelpText) {
450
566
  let labelWrapperClass = $fXO85$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($eb2fc0ee655eff6b$exports)), 'spectrum-Field', {
@@ -464,10 +580,19 @@ function $0e5410371a445d59$var$Field(props, ref) {
464
580
  showErrorIcon: showErrorIcon
465
581
  })
466
582
  ;
583
+ if (displayReadOnly) {
584
+ if (readOnlyText === '') readOnlyText = stringFormatter.format('(None)');
585
+ children = /*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).createElement($3666a670134a3e50$export$18fbc9a75a2c46ae, {
586
+ ...props,
587
+ readOnlyText: readOnlyText,
588
+ inputProps: inputProps,
589
+ ref: inputRef
590
+ });
591
+ }
467
592
  let renderChildren = ()=>/*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).createElement($fXO85$reactspectrumlayout.Flex, {
468
593
  direction: "column",
469
594
  UNSAFE_className: $fXO85$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($eb2fc0ee655eff6b$exports)), 'spectrum-Field-wrapper')
470
- }, children, hasHelpText && renderHelpText())
595
+ }, children, hasHelpText && !displayReadOnly && renderHelpText())
471
596
  ;
472
597
  return(/*#__PURE__*/ ($parcel$interopDefault($fXO85$react)).createElement("div", {
473
598
  ...styleProps,
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/label/src/index.ts","packages/@react-spectrum/label/src/Field.tsx","packages/@react-spectrum/label/src/HelpText.tsx","packages/@adobe/spectrum-css-temp/components/helptext/vars.css","packages/@react-spectrum/label/src/Label.tsx","packages/@react-spectrum/label/intl/*.js","packages/@react-spectrum/label/intl/ar-AE.json","packages/@react-spectrum/label/intl/bg-BG.json","packages/@react-spectrum/label/intl/cs-CZ.json","packages/@react-spectrum/label/intl/da-DK.json","packages/@react-spectrum/label/intl/de-DE.json","packages/@react-spectrum/label/intl/el-GR.json","packages/@react-spectrum/label/intl/en-US.json","packages/@react-spectrum/label/intl/es-ES.json","packages/@react-spectrum/label/intl/et-EE.json","packages/@react-spectrum/label/intl/fi-FI.json","packages/@react-spectrum/label/intl/fr-FR.json","packages/@react-spectrum/label/intl/he-IL.json","packages/@react-spectrum/label/intl/hr-HR.json","packages/@react-spectrum/label/intl/hu-HU.json","packages/@react-spectrum/label/intl/it-IT.json","packages/@react-spectrum/label/intl/ja-JP.json","packages/@react-spectrum/label/intl/ko-KR.json","packages/@react-spectrum/label/intl/lt-LT.json","packages/@react-spectrum/label/intl/lv-LV.json","packages/@react-spectrum/label/intl/nb-NO.json","packages/@react-spectrum/label/intl/nl-NL.json","packages/@react-spectrum/label/intl/pl-PL.json","packages/@react-spectrum/label/intl/pt-BR.json","packages/@react-spectrum/label/intl/pt-PT.json","packages/@react-spectrum/label/intl/ro-RO.json","packages/@react-spectrum/label/intl/ru-RU.json","packages/@react-spectrum/label/intl/sk-SK.json","packages/@react-spectrum/label/intl/sl-SI.json","packages/@react-spectrum/label/intl/sr-SP.json","packages/@react-spectrum/label/intl/sv-SE.json","packages/@react-spectrum/label/intl/tr-TR.json","packages/@react-spectrum/label/intl/uk-UA.json","packages/@react-spectrum/label/intl/zh-CN.json","packages/@react-spectrum/label/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport {HelpText} from './HelpText';\nimport {Label} from './Label';\nimport {LabelPosition} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps, mergeRefs} from '@react-aria/utils';\nimport React, {ForwardedRef, ReactElement, RefObject, useCallback} from 'react';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport {useFormProps} from '@react-spectrum/form';\n\nfunction Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {\n props = useFormProps(props);\n let {\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n isRequired,\n necessityIndicator,\n includeNecessityIndicatorInAccessibilityName,\n validationState,\n description,\n errorMessage,\n isDisabled,\n showErrorIcon,\n children,\n labelProps,\n // Not every component that uses <Field> supports help text.\n descriptionProps = {},\n errorMessageProps = {},\n elementType,\n wrapperClassName,\n\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let hasHelpText = !!description || errorMessage && validationState === 'invalid';\n let mergedRefs = useMergeRefs((children as ReactElement & {ref: RefObject<HTMLElement>}).ref, ref);\n\n if (label || hasHelpText) {\n let labelWrapperClass = classNames(\n labelStyles,\n 'spectrum-Field',\n {\n 'spectrum-Field--positionTop': labelPosition === 'top',\n 'spectrum-Field--positionSide': labelPosition === 'side'\n },\n styleProps.className,\n wrapperClassName\n );\n\n children = React.cloneElement(children, mergeProps(children.props, {\n className: classNames(\n labelStyles,\n 'spectrum-Field-field'\n )\n }));\n\n let renderHelpText = () => (\n <HelpText\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n description={description}\n errorMessage={errorMessage}\n validationState={validationState}\n isDisabled={isDisabled}\n showErrorIcon={showErrorIcon} />\n );\n\n let renderChildren = () => (\n <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n {children}\n {hasHelpText && renderHelpText()}\n </Flex>\n );\n\n return (\n <div\n {...styleProps}\n ref={ref as RefObject<HTMLDivElement>}\n className={labelWrapperClass}>\n {label && (\n <Label\n {...labelProps}\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}\n includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n elementType={elementType}>\n {label}\n </Label>\n )}\n {renderChildren()}\n </div>\n );\n }\n\n return React.cloneElement(children, mergeProps(children.props, {\n ...styleProps,\n ref: mergedRefs\n }));\n}\n\nfunction useMergeRefs<T>(...refs: ForwardedRef<T>[]): (instance: (T | null)) => void {\n return useCallback(\n mergeRefs(...refs) as (instance: (T | null)) => void,\n [...refs]\n );\n}\n\nlet _Field = React.forwardRef(Field);\nexport {_Field as Field};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, StyleProps} from '@react-types/shared';\nimport React, {HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\n\ninterface HelpTextProps extends SpectrumHelpTextProps, StyleProps {\n /** Props for the help text description element. */\n descriptionProps?: HTMLAttributes<HTMLElement>,\n /** Props for the help text error message element. */\n errorMessageProps?: HTMLAttributes<HTMLElement>\n}\n\nfunction HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n let {\n description,\n errorMessage,\n validationState,\n isDisabled,\n showErrorIcon,\n descriptionProps,\n errorMessageProps\n } = props;\n let domRef = useDOMRef(ref);\n let isErrorMessage = errorMessage && validationState === 'invalid';\n let {styleProps} = useStyleProps(props);\n\n return (\n <div\n {...styleProps}\n className={classNames(\n styles,\n 'spectrum-HelpText',\n `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n {'is-disabled': isDisabled},\n styleProps.className\n )}\n ref={domRef}>\n {isErrorMessage ? (\n <>\n {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {errorMessage}\n </div>\n </>\n ) : (\n <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {description}\n </div>\n )}\n </div>\n );\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nconst _HelpText = React.forwardRef(HelpText);\nexport {_HelpText as HelpText};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React from 'react';\nimport {SpectrumLabelProps} from '@react-types/label';\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n props = useProviderProps(props);\n let {\n children,\n labelPosition = 'top',\n labelAlign = labelPosition === 'side' ? 'start' : null,\n isRequired,\n necessityIndicator = isRequired != null ? 'icon' : null,\n includeNecessityIndicatorInAccessibilityName = false,\n htmlFor,\n for: labelFor,\n elementType: ElementType = 'label',\n onClick,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n let icon = (\n <Asterisk\n UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n );\n\n let labelClassNames = classNames(\n styles,\n 'spectrum-FieldLabel',\n {\n 'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n },\n styleProps.className\n );\n\n return (\n <ElementType\n {...filterDOMProps(otherProps)}\n {...styleProps}\n onClick={onClick}\n ref={domRef}\n className={labelClassNames}\n htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n {children}\n {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n {/* necessityLabel is hidden to screen readers if the field is required because\n * aria-required is set on the field in that case. That will already be announced,\n * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n {necessityIndicator === 'icon' && isRequired && icon}\n </ElementType>\n );\n}\n\nlet _Label = React.forwardRef(Label);\nexport {_Label as Label};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"(optional)\": \"(اختياري)\",\n \"(required)\": \"(مطلوب)\"\n}\n","{\n \"(optional)\": \"(незадължително)\",\n \"(required)\": \"(задължително)\"\n}\n","{\n \"(optional)\": \"(volitelně)\",\n \"(required)\": \"(požadováno)\"\n}\n","{\n \"(optional)\": \"(valgfrit)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optional)\",\n \"(required)\": \"(erforderlich)\"\n}\n","{\n \"(optional)\": \"(προαιρετικό)\",\n \"(required)\": \"(απαιτείται)\"\n}\n","{\n \"(required)\": \"(required)\",\n \"(optional)\": \"(optional)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(necesario)\"\n}\n","{\n \"(optional)\": \"(valikuline)\",\n \"(required)\": \"(nõutav)\"\n}\n","{\n \"(optional)\": \"(valinnainen)\",\n \"(required)\": \"(pakollinen)\"\n}\n","{\n \"(optional)\": \"(facultatif)\",\n \"(required)\": \"(requis)\"\n}\n","{\n \"(optional)\": \"(אופציונלי)\",\n \"(required)\": \"(נדרש)\"\n}\n","{\n \"(optional)\": \"(opcionalno)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opcionális)\",\n \"(required)\": \"(kötelező)\"\n}\n","{\n \"(optional)\": \"(facoltativo)\",\n \"(required)\": \"(obbligatorio)\"\n}\n","{\n \"(optional)\": \"（オプション）\",\n \"(required)\": \"（必須）\"\n}\n","{\n \"(optional)\": \"(선택 사항)\",\n \"(required)\": \"(필수 사항)\"\n}\n","{\n \"(optional)\": \"(pasirenkama)\",\n \"(required)\": \"(privaloma)\"\n}\n","{\n \"(optional)\": \"(neobligāti)\",\n \"(required)\": \"(obligāti)\"\n}\n","{\n \"(optional)\": \"(valgfritt)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optioneel)\",\n \"(required)\": \"(vereist)\"\n}\n","{\n \"(optional)\": \"(opcjonalne)\",\n \"(required)\": \"(wymagane)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opţional)\",\n \"(required)\": \"(obligatoriu)\"\n}\n","{\n \"(optional)\": \"(дополнительно)\",\n \"(required)\": \"(обязательно)\"\n}\n","{\n \"(optional)\": \"(nepovinné)\",\n \"(required)\": \"(povinné)\"\n}\n","{\n \"(optional)\": \"(opcijsko)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opciono)\",\n \"(required)\": \"(obavezno)\"\n}\n","{\n \"(optional)\": \"(valfritt)\",\n \"(required)\": \"(krävs)\"\n}\n","{\n \"(optional)\": \"(isteğe bağlı)\",\n \"(required)\": \"(gerekli)\"\n}\n","{\n \"(optional)\": \"(необов’язково)\",\n \"(required)\": \"(обов’язково)\"\n}\n","{\n \"(optional)\": \"（可选）\",\n \"(required)\": \"（必填）\"\n}\n","{\n \"(optional)\": \"(選填)\",\n \"(required)\": \"(必填)\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/label/src/index.ts","packages/@react-spectrum/label/src/Field.tsx","packages/@react-spectrum/label/src/HelpText.tsx","packages/@adobe/spectrum-css-temp/components/helptext/vars.css","packages/@react-spectrum/label/intl/*.js","packages/@react-spectrum/label/intl/ar-AE.json","packages/@react-spectrum/label/intl/bg-BG.json","packages/@react-spectrum/label/intl/cs-CZ.json","packages/@react-spectrum/label/intl/da-DK.json","packages/@react-spectrum/label/intl/de-DE.json","packages/@react-spectrum/label/intl/el-GR.json","packages/@react-spectrum/label/intl/en-US.json","packages/@react-spectrum/label/intl/es-ES.json","packages/@react-spectrum/label/intl/et-EE.json","packages/@react-spectrum/label/intl/fi-FI.json","packages/@react-spectrum/label/intl/fr-FR.json","packages/@react-spectrum/label/intl/he-IL.json","packages/@react-spectrum/label/intl/hr-HR.json","packages/@react-spectrum/label/intl/hu-HU.json","packages/@react-spectrum/label/intl/it-IT.json","packages/@react-spectrum/label/intl/ja-JP.json","packages/@react-spectrum/label/intl/ko-KR.json","packages/@react-spectrum/label/intl/lt-LT.json","packages/@react-spectrum/label/intl/lv-LV.json","packages/@react-spectrum/label/intl/nb-NO.json","packages/@react-spectrum/label/intl/nl-NL.json","packages/@react-spectrum/label/intl/pl-PL.json","packages/@react-spectrum/label/intl/pt-BR.json","packages/@react-spectrum/label/intl/pt-PT.json","packages/@react-spectrum/label/intl/ro-RO.json","packages/@react-spectrum/label/intl/ru-RU.json","packages/@react-spectrum/label/intl/sk-SK.json","packages/@react-spectrum/label/intl/sl-SI.json","packages/@react-spectrum/label/intl/sr-SP.json","packages/@react-spectrum/label/intl/sv-SE.json","packages/@react-spectrum/label/intl/tr-TR.json","packages/@react-spectrum/label/intl/uk-UA.json","packages/@react-spectrum/label/intl/zh-CN.json","packages/@react-spectrum/label/intl/zh-TW.json","packages/@react-spectrum/label/src/Label.tsx","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","packages/@react-spectrum/label/src/ReadOnlyField.tsx","packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport {HelpText} from './HelpText';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Label} from './Label';\nimport {LabelPosition} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps, mergeRefs} from '@react-aria/utils';\nimport React, {ForwardedRef, ReactElement, RefObject, useCallback} from 'react';\nimport {ReadOnlyField} from './ReadOnlyField';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nfunction Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {\n props = useFormProps(props);\n let {\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n isRequired,\n necessityIndicator,\n includeNecessityIndicatorInAccessibilityName,\n validationState,\n description,\n errorMessage,\n isDisabled,\n showErrorIcon,\n children,\n labelProps,\n readOnlyText,\n isReadOnly,\n inputProps,\n inputRef,\n // Not every component that uses <Field> supports help text.\n descriptionProps = {},\n errorMessageProps = {},\n elementType,\n wrapperClassName,\n\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let hasHelpText = !!description || errorMessage && validationState === 'invalid';\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let displayReadOnly = isReadOnly && (readOnlyText || readOnlyText === '');\n let mergedRefs = useMergeRefs((children as ReactElement & {ref: RefObject<HTMLElement>}).ref, ref);\n\n if (label || hasHelpText) {\n let labelWrapperClass = classNames(\n labelStyles,\n 'spectrum-Field',\n {\n 'spectrum-Field--positionTop': labelPosition === 'top',\n 'spectrum-Field--positionSide': labelPosition === 'side'\n },\n styleProps.className,\n wrapperClassName\n );\n\n children = React.cloneElement(children, mergeProps(children.props, {\n className: classNames(\n labelStyles,\n 'spectrum-Field-field'\n )\n }));\n\n let renderHelpText = () => (\n <HelpText\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n description={description}\n errorMessage={errorMessage}\n validationState={validationState}\n isDisabled={isDisabled}\n showErrorIcon={showErrorIcon} />\n );\n\n if (displayReadOnly) {\n if (readOnlyText === '') {\n readOnlyText = stringFormatter.format('(None)');\n }\n children = (\n <ReadOnlyField\n {...props}\n readOnlyText={readOnlyText}\n inputProps={inputProps}\n ref={inputRef as RefObject<HTMLTextAreaElement>} />\n );\n }\n\n let renderChildren = () => (\n <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n {children}\n {hasHelpText && !displayReadOnly && renderHelpText()}\n </Flex>\n );\n\n return (\n <div\n {...styleProps}\n ref={ref as RefObject<HTMLDivElement>}\n className={labelWrapperClass}>\n {label && (\n <Label\n {...labelProps}\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}\n includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n elementType={elementType}>\n {label}\n </Label>\n )}\n {renderChildren()}\n </div>\n );\n }\n\n return React.cloneElement(children, mergeProps(children.props, {\n ...styleProps,\n ref: mergedRefs\n }));\n}\n\nfunction useMergeRefs<T>(...refs: ForwardedRef<T>[]): (instance: (T | null)) => void {\n return useCallback(\n mergeRefs(...refs) as (instance: (T | null)) => void,\n [...refs]\n );\n}\n\nlet _Field = React.forwardRef(Field);\nexport {_Field as Field};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, StyleProps} from '@react-types/shared';\nimport React, {HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\n\ninterface HelpTextProps extends SpectrumHelpTextProps, StyleProps {\n /** Props for the help text description element. */\n descriptionProps?: HTMLAttributes<HTMLElement>,\n /** Props for the help text error message element. */\n errorMessageProps?: HTMLAttributes<HTMLElement>\n}\n\nfunction HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n let {\n description,\n errorMessage,\n validationState,\n isDisabled,\n showErrorIcon,\n descriptionProps,\n errorMessageProps\n } = props;\n let domRef = useDOMRef(ref);\n let isErrorMessage = errorMessage && validationState === 'invalid';\n let {styleProps} = useStyleProps(props);\n\n return (\n <div\n {...styleProps}\n className={classNames(\n styles,\n 'spectrum-HelpText',\n `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n {'is-disabled': isDisabled},\n styleProps.className\n )}\n ref={domRef}>\n {isErrorMessage ? (\n <>\n {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {errorMessage}\n </div>\n </>\n ) : (\n <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {description}\n </div>\n )}\n </div>\n );\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nconst _HelpText = React.forwardRef(HelpText);\nexport {_HelpText as HelpText};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"(optional)\": \"(اختياري)\",\n \"(required)\": \"(مطلوب)\",\n \"(None)\": \"(None)\"\n}\n","{\n \"(optional)\": \"(незадължително)\",\n \"(required)\": \"(задължително)\"\n}\n","{\n \"(optional)\": \"(volitelně)\",\n \"(required)\": \"(požadováno)\"\n}\n","{\n \"(optional)\": \"(valgfrit)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optional)\",\n \"(required)\": \"(erforderlich)\"\n}\n","{\n \"(optional)\": \"(προαιρετικό)\",\n \"(required)\": \"(απαιτείται)\"\n}\n","{\n \"(required)\": \"(required)\",\n \"(optional)\": \"(optional)\",\n \"(None)\": \"(None)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(necesario)\"\n}\n","{\n \"(optional)\": \"(valikuline)\",\n \"(required)\": \"(nõutav)\"\n}\n","{\n \"(optional)\": \"(valinnainen)\",\n \"(required)\": \"(pakollinen)\"\n}\n","{\n \"(optional)\": \"(facultatif)\",\n \"(required)\": \"(requis)\"\n}\n","{\n \"(optional)\": \"(אופציונלי)\",\n \"(required)\": \"(נדרש)\"\n}\n","{\n \"(optional)\": \"(opcionalno)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opcionális)\",\n \"(required)\": \"(kötelező)\"\n}\n","{\n \"(optional)\": \"(facoltativo)\",\n \"(required)\": \"(obbligatorio)\"\n}\n","{\n \"(optional)\": \"（オプション）\",\n \"(required)\": \"（必須）\"\n}\n","{\n \"(optional)\": \"(선택 사항)\",\n \"(required)\": \"(필수 사항)\"\n}\n","{\n \"(optional)\": \"(pasirenkama)\",\n \"(required)\": \"(privaloma)\"\n}\n","{\n \"(optional)\": \"(neobligāti)\",\n \"(required)\": \"(obligāti)\"\n}\n","{\n \"(optional)\": \"(valgfritt)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optioneel)\",\n \"(required)\": \"(vereist)\"\n}\n","{\n \"(optional)\": \"(opcjonalne)\",\n \"(required)\": \"(wymagane)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opţional)\",\n \"(required)\": \"(obligatoriu)\"\n}\n","{\n \"(optional)\": \"(дополнительно)\",\n \"(required)\": \"(обязательно)\"\n}\n","{\n \"(optional)\": \"(nepovinné)\",\n \"(required)\": \"(povinné)\"\n}\n","{\n \"(optional)\": \"(opcijsko)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opciono)\",\n \"(required)\": \"(obavezno)\"\n}\n","{\n \"(optional)\": \"(valfritt)\",\n \"(required)\": \"(krävs)\"\n}\n","{\n \"(optional)\": \"(isteğe bağlı)\",\n \"(required)\": \"(gerekli)\"\n}\n","{\n \"(optional)\": \"(необов’язково)\",\n \"(required)\": \"(обов’язково)\"\n}\n","{\n \"(optional)\": \"（可选）\",\n \"(required)\": \"（必填）\"\n}\n","{\n \"(optional)\": \"(選填)\",\n \"(required)\": \"(必填)\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React from 'react';\nimport {SpectrumLabelProps} from '@react-types/label';\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n props = useProviderProps(props);\n let {\n children,\n labelPosition = 'top',\n labelAlign = labelPosition === 'side' ? 'start' : null,\n isRequired,\n necessityIndicator = isRequired != null ? 'icon' : null,\n includeNecessityIndicatorInAccessibilityName = false,\n htmlFor,\n for: labelFor,\n elementType: ElementType = 'label',\n onClick,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n let icon = (\n <Asterisk\n UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n );\n\n let labelClassNames = classNames(\n styles,\n 'spectrum-FieldLabel',\n {\n 'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n },\n styleProps.className\n );\n\n return (\n <ElementType\n {...filterDOMProps(otherProps)}\n {...styleProps}\n onClick={onClick}\n ref={domRef}\n className={labelClassNames}\n htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n {children}\n {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n {/* necessityLabel is hidden to screen readers if the field is required because\n * aria-required is set on the field in that case. That will already be announced,\n * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n {necessityIndicator === 'icon' && isRequired && icon}\n </ElementType>\n );\n}\n\nlet _Label = React.forwardRef(Label);\nexport {_Label as Label};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus'; \nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject, useCallback} from 'react';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useLayoutEffect} from '@react-aria/utils';\n\nfunction ReadOnlyField(props: SpectrumFieldProps, ref: RefObject<HTMLTextAreaElement>) {\n props = useFormProps(props);\n let {\n isDisabled,\n readOnlyText,\n inputProps,\n autoFocus \n } = props;\n delete inputProps.defaultValue;\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let onHeightChange = useCallback(() => {\n let input = ref.current;\n let prevAlignment = input.style.alignSelf;\n input.style.alignSelf = 'start';\n input.style.height = 'auto'; \n input.style.height = `${input.scrollHeight}px`;\n input.style.alignSelf = prevAlignment;\n }, [ref]);\n\n useLayoutEffect(() => {\n if (ref.current) {\n onHeightChange();\n }\n }, [onHeightChange, readOnlyText, ref]);\n\n return (\n <div\n className={\n classNames(\n styles,\n 'spectrum-Textfield',\n {\n 'spectrum-Textfield--quiet': true,\n 'spectrum-Textfield--readonly': true\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}> \n <textarea\n {...mergeProps(inputProps, hoverProps)} \n rows={1}\n ref={ref}\n value={readOnlyText}\n className={\n classNames(\n styles,\n 'spectrum-Textfield-input',\n {\n 'is-hovered': isHovered\n }\n )\n } />\n </FocusRing> \n </div>\n );\n}\n\nlet _ReadOnlyField = React.forwardRef(ReadOnlyField);\nexport {_ReadOnlyField as ReadOnlyField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import "./main.css";
2
2
  import {useStyleProps as $6WzO6$useStyleProps, classNames as $6WzO6$classNames, useDOMRef as $6WzO6$useDOMRef} from "@react-spectrum/utils";
3
3
  import {Flex as $6WzO6$Flex} from "@react-spectrum/layout";
4
- import {mergeProps as $6WzO6$mergeProps, mergeRefs as $6WzO6$mergeRefs, filterDOMProps as $6WzO6$filterDOMProps} from "@react-aria/utils";
4
+ import {mergeProps as $6WzO6$mergeProps, mergeRefs as $6WzO6$mergeRefs, filterDOMProps as $6WzO6$filterDOMProps, useLayoutEffect as $6WzO6$useLayoutEffect} from "@react-aria/utils";
5
5
  import $6WzO6$react, {useCallback as $6WzO6$useCallback} from "react";
6
6
  import {useFormProps as $6WzO6$useFormProps} from "@react-spectrum/form";
7
+ import {useLocalizedStringFormatter as $6WzO6$useLocalizedStringFormatter} from "@react-aria/i18n";
7
8
  import $6WzO6$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
8
9
  import $6WzO6$spectrumiconsuiAsterisk from "@spectrum-icons/ui/Asterisk";
9
- import {useLocalizedStringFormatter as $6WzO6$useLocalizedStringFormatter} from "@react-aria/i18n";
10
10
  import {useProviderProps as $6WzO6$useProviderProps} from "@react-spectrum/provider";
11
+ import {FocusRing as $6WzO6$FocusRing} from "@react-aria/focus";
12
+ import {useHover as $6WzO6$useHover} from "@react-aria/interactions";
11
13
 
12
14
  function $parcel$interopDefault(a) {
13
15
  return a && a.__esModule ? a.default : a;
@@ -68,14 +70,12 @@ function $8e50676506611310$var$HelpText(props, ref) {
68
70
  */ const $8e50676506611310$export$a67c0bc59081311a = /*#__PURE__*/ $6WzO6$react.forwardRef($8e50676506611310$var$HelpText);
69
71
 
70
72
 
71
-
72
-
73
-
74
73
  var $79b4ff1b6ea94ffc$exports = {};
75
74
  var $dfe96401c0c81db3$exports = {};
76
75
  $dfe96401c0c81db3$exports = {
77
76
  "(optional)": `(اختياري)`,
78
- "(required)": `(مطلوب)`
77
+ "(required)": `(مطلوب)`,
78
+ "(None)": `(None)`
79
79
  };
80
80
 
81
81
 
@@ -117,7 +117,8 @@ $3c9af509a01a8d08$exports = {
117
117
  var $aa36476f91664a08$exports = {};
118
118
  $aa36476f91664a08$exports = {
119
119
  "(required)": `(required)`,
120
- "(optional)": `(optional)`
120
+ "(optional)": `(optional)`,
121
+ "(None)": `(None)`
121
122
  };
122
123
 
123
124
 
@@ -349,6 +350,10 @@ $79b4ff1b6ea94ffc$exports = {
349
350
 
350
351
 
351
352
 
353
+
354
+
355
+
356
+
352
357
  var $cd231e464c886c86$exports = {};
353
358
 
354
359
  $parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel", () => $cd231e464c886c86$export$493d18e796ae054, (v) => $cd231e464c886c86$export$493d18e796ae054 = v);
@@ -433,14 +438,125 @@ let $00af9ba397a66f43$export$b04be29aa201d4f5 = /*#__PURE__*/ $6WzO6$react.forwa
433
438
 
434
439
 
435
440
 
441
+
442
+
443
+
444
+ var $c14528ddc146317f$exports = {};
445
+
446
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
447
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
448
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
449
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--readonly", () => $c14528ddc146317f$export$ed65520848a7d1ae, (v) => $c14528ddc146317f$export$ed65520848a7d1ae = v);
450
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
451
+ $parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
452
+ $parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
453
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
454
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
455
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
456
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
457
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
458
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
459
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
460
+ $parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
461
+ $parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
462
+ $parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
463
+ var $c14528ddc146317f$export$1ac009feb2b0bd0c;
464
+ var $c14528ddc146317f$export$2c8a10299d8b3418;
465
+ var $c14528ddc146317f$export$bffd5e3d61a81737;
466
+ var $c14528ddc146317f$export$ed65520848a7d1ae;
467
+ var $c14528ddc146317f$export$9699f1c538a448a0;
468
+ var $c14528ddc146317f$export$e5b2f5233e4e5194;
469
+ var $c14528ddc146317f$export$b8813cd5d7824ce7;
470
+ var $c14528ddc146317f$export$c2abbc3f970170b7;
471
+ var $c14528ddc146317f$export$58e50b10d30123df;
472
+ var $c14528ddc146317f$export$14fd30fea6f1348c;
473
+ var $c14528ddc146317f$export$cf0ead5b44db0da3;
474
+ var $c14528ddc146317f$export$222d1ccd1870be1d;
475
+ var $c14528ddc146317f$export$c1cdcaa5fe76a871;
476
+ var $c14528ddc146317f$export$82a249fb4d6127;
477
+ var $c14528ddc146317f$export$e7dc768d35940237;
478
+ var $c14528ddc146317f$export$f39a09f249340e2a;
479
+ var $c14528ddc146317f$export$d35bc1e505d1ebbf;
480
+ $c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
481
+ $c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
482
+ $c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
483
+ $c14528ddc146317f$export$ed65520848a7d1ae = "spectrum-Textfield--readonly_73bc77";
484
+ $c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
485
+ $c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
486
+ $c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
487
+ $c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
488
+ $c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
489
+ $c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
490
+ $c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
491
+ $c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
492
+ $c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
493
+ $c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
494
+ $c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
495
+ $c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
496
+ $c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
497
+
498
+
499
+
500
+
501
+
502
+ function $7eed1d699290e79c$var$ReadOnlyField(props, ref) {
503
+ props = $6WzO6$useFormProps(props);
504
+ let { isDisabled: isDisabled , readOnlyText: readOnlyText , inputProps: inputProps , autoFocus: autoFocus } = props;
505
+ delete inputProps.defaultValue;
506
+ let { hoverProps: hoverProps , isHovered: isHovered } = $6WzO6$useHover({
507
+ isDisabled: isDisabled
508
+ });
509
+ let onHeightChange = $6WzO6$useCallback(()=>{
510
+ let input = ref.current;
511
+ let prevAlignment = input.style.alignSelf;
512
+ input.style.alignSelf = 'start';
513
+ input.style.height = 'auto';
514
+ input.style.height = `${input.scrollHeight}px`;
515
+ input.style.alignSelf = prevAlignment;
516
+ }, [
517
+ ref
518
+ ]);
519
+ $6WzO6$useLayoutEffect(()=>{
520
+ if (ref.current) onHeightChange();
521
+ }, [
522
+ onHeightChange,
523
+ readOnlyText,
524
+ ref
525
+ ]);
526
+ return(/*#__PURE__*/ $6WzO6$react.createElement("div", {
527
+ className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
528
+ 'spectrum-Textfield--quiet': true,
529
+ 'spectrum-Textfield--readonly': true
530
+ })
531
+ }, /*#__PURE__*/ $6WzO6$react.createElement($6WzO6$FocusRing, {
532
+ focusRingClass: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'focus-ring'),
533
+ isTextInput: true,
534
+ autoFocus: autoFocus
535
+ }, /*#__PURE__*/ $6WzO6$react.createElement("textarea", {
536
+ ...$6WzO6$mergeProps(inputProps, hoverProps),
537
+ rows: 1,
538
+ ref: ref,
539
+ value: readOnlyText,
540
+ className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
541
+ 'is-hovered': isHovered
542
+ })
543
+ }))));
544
+ }
545
+ let $7eed1d699290e79c$export$18fbc9a75a2c46ae = /*#__PURE__*/ $6WzO6$react.forwardRef($7eed1d699290e79c$var$ReadOnlyField);
546
+
547
+
548
+
549
+
436
550
  function $b7ca5b4454a2009d$var$Field(props, ref) {
437
551
  props = $6WzO6$useFormProps(props);
438
- let { label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , isRequired: isRequired , necessityIndicator: necessityIndicator , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName , validationState: validationState , description: description , errorMessage: errorMessage , isDisabled: isDisabled , showErrorIcon: showErrorIcon , children: children , labelProps: labelProps , descriptionProps: // Not every component that uses <Field> supports help text.
552
+ let { label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , isRequired: isRequired , necessityIndicator: necessityIndicator , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName , validationState: validationState , description: description , errorMessage: errorMessage , isDisabled: isDisabled , showErrorIcon: showErrorIcon , children: children , labelProps: labelProps , readOnlyText: readOnlyText , isReadOnly: isReadOnly , inputProps: inputProps , inputRef: inputRef , descriptionProps: // Not every component that uses <Field> supports help text.
439
553
  descriptionProps = {
440
554
  } , errorMessageProps: errorMessageProps = {
441
555
  } , elementType: elementType , wrapperClassName: wrapperClassName , ...otherProps } = props;
442
556
  let { styleProps: styleProps } = $6WzO6$useStyleProps(otherProps);
443
557
  let hasHelpText = !!description || errorMessage && validationState === 'invalid';
558
+ let stringFormatter = $6WzO6$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($79b4ff1b6ea94ffc$exports)));
559
+ let displayReadOnly = isReadOnly && (readOnlyText || readOnlyText === '');
444
560
  let mergedRefs = $b7ca5b4454a2009d$var$useMergeRefs(children.ref, ref);
445
561
  if (label || hasHelpText) {
446
562
  let labelWrapperClass = $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-Field', {
@@ -460,10 +576,19 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
460
576
  showErrorIcon: showErrorIcon
461
577
  })
462
578
  ;
579
+ if (displayReadOnly) {
580
+ if (readOnlyText === '') readOnlyText = stringFormatter.format('(None)');
581
+ children = /*#__PURE__*/ $6WzO6$react.createElement($7eed1d699290e79c$export$18fbc9a75a2c46ae, {
582
+ ...props,
583
+ readOnlyText: readOnlyText,
584
+ inputProps: inputProps,
585
+ ref: inputRef
586
+ });
587
+ }
463
588
  let renderChildren = ()=>/*#__PURE__*/ $6WzO6$react.createElement($6WzO6$Flex, {
464
589
  direction: "column",
465
590
  UNSAFE_className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-Field-wrapper')
466
- }, children, hasHelpText && renderHelpText())
591
+ }, children, hasHelpText && !displayReadOnly && renderHelpText())
467
592
  ;
468
593
  return(/*#__PURE__*/ $6WzO6$react.createElement("div", {
469
594
  ...styleProps,
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/label/src/index.ts","packages/@react-spectrum/label/src/Field.tsx","packages/@react-spectrum/label/src/HelpText.tsx","packages/@adobe/spectrum-css-temp/components/helptext/vars.css","packages/@react-spectrum/label/src/Label.tsx","packages/@react-spectrum/label/intl/*.js","packages/@react-spectrum/label/intl/ar-AE.json","packages/@react-spectrum/label/intl/bg-BG.json","packages/@react-spectrum/label/intl/cs-CZ.json","packages/@react-spectrum/label/intl/da-DK.json","packages/@react-spectrum/label/intl/de-DE.json","packages/@react-spectrum/label/intl/el-GR.json","packages/@react-spectrum/label/intl/en-US.json","packages/@react-spectrum/label/intl/es-ES.json","packages/@react-spectrum/label/intl/et-EE.json","packages/@react-spectrum/label/intl/fi-FI.json","packages/@react-spectrum/label/intl/fr-FR.json","packages/@react-spectrum/label/intl/he-IL.json","packages/@react-spectrum/label/intl/hr-HR.json","packages/@react-spectrum/label/intl/hu-HU.json","packages/@react-spectrum/label/intl/it-IT.json","packages/@react-spectrum/label/intl/ja-JP.json","packages/@react-spectrum/label/intl/ko-KR.json","packages/@react-spectrum/label/intl/lt-LT.json","packages/@react-spectrum/label/intl/lv-LV.json","packages/@react-spectrum/label/intl/nb-NO.json","packages/@react-spectrum/label/intl/nl-NL.json","packages/@react-spectrum/label/intl/pl-PL.json","packages/@react-spectrum/label/intl/pt-BR.json","packages/@react-spectrum/label/intl/pt-PT.json","packages/@react-spectrum/label/intl/ro-RO.json","packages/@react-spectrum/label/intl/ru-RU.json","packages/@react-spectrum/label/intl/sk-SK.json","packages/@react-spectrum/label/intl/sl-SI.json","packages/@react-spectrum/label/intl/sr-SP.json","packages/@react-spectrum/label/intl/sv-SE.json","packages/@react-spectrum/label/intl/tr-TR.json","packages/@react-spectrum/label/intl/uk-UA.json","packages/@react-spectrum/label/intl/zh-CN.json","packages/@react-spectrum/label/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport {HelpText} from './HelpText';\nimport {Label} from './Label';\nimport {LabelPosition} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps, mergeRefs} from '@react-aria/utils';\nimport React, {ForwardedRef, ReactElement, RefObject, useCallback} from 'react';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport {useFormProps} from '@react-spectrum/form';\n\nfunction Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {\n props = useFormProps(props);\n let {\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n isRequired,\n necessityIndicator,\n includeNecessityIndicatorInAccessibilityName,\n validationState,\n description,\n errorMessage,\n isDisabled,\n showErrorIcon,\n children,\n labelProps,\n // Not every component that uses <Field> supports help text.\n descriptionProps = {},\n errorMessageProps = {},\n elementType,\n wrapperClassName,\n\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let hasHelpText = !!description || errorMessage && validationState === 'invalid';\n let mergedRefs = useMergeRefs((children as ReactElement & {ref: RefObject<HTMLElement>}).ref, ref);\n\n if (label || hasHelpText) {\n let labelWrapperClass = classNames(\n labelStyles,\n 'spectrum-Field',\n {\n 'spectrum-Field--positionTop': labelPosition === 'top',\n 'spectrum-Field--positionSide': labelPosition === 'side'\n },\n styleProps.className,\n wrapperClassName\n );\n\n children = React.cloneElement(children, mergeProps(children.props, {\n className: classNames(\n labelStyles,\n 'spectrum-Field-field'\n )\n }));\n\n let renderHelpText = () => (\n <HelpText\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n description={description}\n errorMessage={errorMessage}\n validationState={validationState}\n isDisabled={isDisabled}\n showErrorIcon={showErrorIcon} />\n );\n\n let renderChildren = () => (\n <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n {children}\n {hasHelpText && renderHelpText()}\n </Flex>\n );\n\n return (\n <div\n {...styleProps}\n ref={ref as RefObject<HTMLDivElement>}\n className={labelWrapperClass}>\n {label && (\n <Label\n {...labelProps}\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}\n includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n elementType={elementType}>\n {label}\n </Label>\n )}\n {renderChildren()}\n </div>\n );\n }\n\n return React.cloneElement(children, mergeProps(children.props, {\n ...styleProps,\n ref: mergedRefs\n }));\n}\n\nfunction useMergeRefs<T>(...refs: ForwardedRef<T>[]): (instance: (T | null)) => void {\n return useCallback(\n mergeRefs(...refs) as (instance: (T | null)) => void,\n [...refs]\n );\n}\n\nlet _Field = React.forwardRef(Field);\nexport {_Field as Field};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, StyleProps} from '@react-types/shared';\nimport React, {HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\n\ninterface HelpTextProps extends SpectrumHelpTextProps, StyleProps {\n /** Props for the help text description element. */\n descriptionProps?: HTMLAttributes<HTMLElement>,\n /** Props for the help text error message element. */\n errorMessageProps?: HTMLAttributes<HTMLElement>\n}\n\nfunction HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n let {\n description,\n errorMessage,\n validationState,\n isDisabled,\n showErrorIcon,\n descriptionProps,\n errorMessageProps\n } = props;\n let domRef = useDOMRef(ref);\n let isErrorMessage = errorMessage && validationState === 'invalid';\n let {styleProps} = useStyleProps(props);\n\n return (\n <div\n {...styleProps}\n className={classNames(\n styles,\n 'spectrum-HelpText',\n `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n {'is-disabled': isDisabled},\n styleProps.className\n )}\n ref={domRef}>\n {isErrorMessage ? (\n <>\n {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {errorMessage}\n </div>\n </>\n ) : (\n <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {description}\n </div>\n )}\n </div>\n );\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nconst _HelpText = React.forwardRef(HelpText);\nexport {_HelpText as HelpText};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React from 'react';\nimport {SpectrumLabelProps} from '@react-types/label';\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n props = useProviderProps(props);\n let {\n children,\n labelPosition = 'top',\n labelAlign = labelPosition === 'side' ? 'start' : null,\n isRequired,\n necessityIndicator = isRequired != null ? 'icon' : null,\n includeNecessityIndicatorInAccessibilityName = false,\n htmlFor,\n for: labelFor,\n elementType: ElementType = 'label',\n onClick,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n let icon = (\n <Asterisk\n UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n );\n\n let labelClassNames = classNames(\n styles,\n 'spectrum-FieldLabel',\n {\n 'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n },\n styleProps.className\n );\n\n return (\n <ElementType\n {...filterDOMProps(otherProps)}\n {...styleProps}\n onClick={onClick}\n ref={domRef}\n className={labelClassNames}\n htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n {children}\n {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n {/* necessityLabel is hidden to screen readers if the field is required because\n * aria-required is set on the field in that case. That will already be announced,\n * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n {necessityIndicator === 'icon' && isRequired && icon}\n </ElementType>\n );\n}\n\nlet _Label = React.forwardRef(Label);\nexport {_Label as Label};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"(optional)\": \"(اختياري)\",\n \"(required)\": \"(مطلوب)\"\n}\n","{\n \"(optional)\": \"(незадължително)\",\n \"(required)\": \"(задължително)\"\n}\n","{\n \"(optional)\": \"(volitelně)\",\n \"(required)\": \"(požadováno)\"\n}\n","{\n \"(optional)\": \"(valgfrit)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optional)\",\n \"(required)\": \"(erforderlich)\"\n}\n","{\n \"(optional)\": \"(προαιρετικό)\",\n \"(required)\": \"(απαιτείται)\"\n}\n","{\n \"(required)\": \"(required)\",\n \"(optional)\": \"(optional)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(necesario)\"\n}\n","{\n \"(optional)\": \"(valikuline)\",\n \"(required)\": \"(nõutav)\"\n}\n","{\n \"(optional)\": \"(valinnainen)\",\n \"(required)\": \"(pakollinen)\"\n}\n","{\n \"(optional)\": \"(facultatif)\",\n \"(required)\": \"(requis)\"\n}\n","{\n \"(optional)\": \"(אופציונלי)\",\n \"(required)\": \"(נדרש)\"\n}\n","{\n \"(optional)\": \"(opcionalno)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opcionális)\",\n \"(required)\": \"(kötelező)\"\n}\n","{\n \"(optional)\": \"(facoltativo)\",\n \"(required)\": \"(obbligatorio)\"\n}\n","{\n \"(optional)\": \"（オプション）\",\n \"(required)\": \"（必須）\"\n}\n","{\n \"(optional)\": \"(선택 사항)\",\n \"(required)\": \"(필수 사항)\"\n}\n","{\n \"(optional)\": \"(pasirenkama)\",\n \"(required)\": \"(privaloma)\"\n}\n","{\n \"(optional)\": \"(neobligāti)\",\n \"(required)\": \"(obligāti)\"\n}\n","{\n \"(optional)\": \"(valgfritt)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optioneel)\",\n \"(required)\": \"(vereist)\"\n}\n","{\n \"(optional)\": \"(opcjonalne)\",\n \"(required)\": \"(wymagane)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opţional)\",\n \"(required)\": \"(obligatoriu)\"\n}\n","{\n \"(optional)\": \"(дополнительно)\",\n \"(required)\": \"(обязательно)\"\n}\n","{\n \"(optional)\": \"(nepovinné)\",\n \"(required)\": \"(povinné)\"\n}\n","{\n \"(optional)\": \"(opcijsko)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opciono)\",\n \"(required)\": \"(obavezno)\"\n}\n","{\n \"(optional)\": \"(valfritt)\",\n \"(required)\": \"(krävs)\"\n}\n","{\n \"(optional)\": \"(isteğe bağlı)\",\n \"(required)\": \"(gerekli)\"\n}\n","{\n \"(optional)\": \"(необов’язково)\",\n \"(required)\": \"(обов’язково)\"\n}\n","{\n \"(optional)\": \"（可选）\",\n \"(required)\": \"（必填）\"\n}\n","{\n \"(optional)\": \"(選填)\",\n \"(required)\": \"(必填)\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/label/src/index.ts","packages/@react-spectrum/label/src/Field.tsx","packages/@react-spectrum/label/src/HelpText.tsx","packages/@adobe/spectrum-css-temp/components/helptext/vars.css","packages/@react-spectrum/label/intl/*.js","packages/@react-spectrum/label/intl/ar-AE.json","packages/@react-spectrum/label/intl/bg-BG.json","packages/@react-spectrum/label/intl/cs-CZ.json","packages/@react-spectrum/label/intl/da-DK.json","packages/@react-spectrum/label/intl/de-DE.json","packages/@react-spectrum/label/intl/el-GR.json","packages/@react-spectrum/label/intl/en-US.json","packages/@react-spectrum/label/intl/es-ES.json","packages/@react-spectrum/label/intl/et-EE.json","packages/@react-spectrum/label/intl/fi-FI.json","packages/@react-spectrum/label/intl/fr-FR.json","packages/@react-spectrum/label/intl/he-IL.json","packages/@react-spectrum/label/intl/hr-HR.json","packages/@react-spectrum/label/intl/hu-HU.json","packages/@react-spectrum/label/intl/it-IT.json","packages/@react-spectrum/label/intl/ja-JP.json","packages/@react-spectrum/label/intl/ko-KR.json","packages/@react-spectrum/label/intl/lt-LT.json","packages/@react-spectrum/label/intl/lv-LV.json","packages/@react-spectrum/label/intl/nb-NO.json","packages/@react-spectrum/label/intl/nl-NL.json","packages/@react-spectrum/label/intl/pl-PL.json","packages/@react-spectrum/label/intl/pt-BR.json","packages/@react-spectrum/label/intl/pt-PT.json","packages/@react-spectrum/label/intl/ro-RO.json","packages/@react-spectrum/label/intl/ru-RU.json","packages/@react-spectrum/label/intl/sk-SK.json","packages/@react-spectrum/label/intl/sl-SI.json","packages/@react-spectrum/label/intl/sr-SP.json","packages/@react-spectrum/label/intl/sv-SE.json","packages/@react-spectrum/label/intl/tr-TR.json","packages/@react-spectrum/label/intl/uk-UA.json","packages/@react-spectrum/label/intl/zh-CN.json","packages/@react-spectrum/label/intl/zh-TW.json","packages/@react-spectrum/label/src/Label.tsx","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","packages/@react-spectrum/label/src/ReadOnlyField.tsx","packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport {HelpText} from './HelpText';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Label} from './Label';\nimport {LabelPosition} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps, mergeRefs} from '@react-aria/utils';\nimport React, {ForwardedRef, ReactElement, RefObject, useCallback} from 'react';\nimport {ReadOnlyField} from './ReadOnlyField';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nfunction Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {\n props = useFormProps(props);\n let {\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n isRequired,\n necessityIndicator,\n includeNecessityIndicatorInAccessibilityName,\n validationState,\n description,\n errorMessage,\n isDisabled,\n showErrorIcon,\n children,\n labelProps,\n readOnlyText,\n isReadOnly,\n inputProps,\n inputRef,\n // Not every component that uses <Field> supports help text.\n descriptionProps = {},\n errorMessageProps = {},\n elementType,\n wrapperClassName,\n\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let hasHelpText = !!description || errorMessage && validationState === 'invalid';\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let displayReadOnly = isReadOnly && (readOnlyText || readOnlyText === '');\n let mergedRefs = useMergeRefs((children as ReactElement & {ref: RefObject<HTMLElement>}).ref, ref);\n\n if (label || hasHelpText) {\n let labelWrapperClass = classNames(\n labelStyles,\n 'spectrum-Field',\n {\n 'spectrum-Field--positionTop': labelPosition === 'top',\n 'spectrum-Field--positionSide': labelPosition === 'side'\n },\n styleProps.className,\n wrapperClassName\n );\n\n children = React.cloneElement(children, mergeProps(children.props, {\n className: classNames(\n labelStyles,\n 'spectrum-Field-field'\n )\n }));\n\n let renderHelpText = () => (\n <HelpText\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n description={description}\n errorMessage={errorMessage}\n validationState={validationState}\n isDisabled={isDisabled}\n showErrorIcon={showErrorIcon} />\n );\n\n if (displayReadOnly) {\n if (readOnlyText === '') {\n readOnlyText = stringFormatter.format('(None)');\n }\n children = (\n <ReadOnlyField\n {...props}\n readOnlyText={readOnlyText}\n inputProps={inputProps}\n ref={inputRef as RefObject<HTMLTextAreaElement>} />\n );\n }\n\n let renderChildren = () => (\n <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n {children}\n {hasHelpText && !displayReadOnly && renderHelpText()}\n </Flex>\n );\n\n return (\n <div\n {...styleProps}\n ref={ref as RefObject<HTMLDivElement>}\n className={labelWrapperClass}>\n {label && (\n <Label\n {...labelProps}\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}\n includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n elementType={elementType}>\n {label}\n </Label>\n )}\n {renderChildren()}\n </div>\n );\n }\n\n return React.cloneElement(children, mergeProps(children.props, {\n ...styleProps,\n ref: mergedRefs\n }));\n}\n\nfunction useMergeRefs<T>(...refs: ForwardedRef<T>[]): (instance: (T | null)) => void {\n return useCallback(\n mergeRefs(...refs) as (instance: (T | null)) => void,\n [...refs]\n );\n}\n\nlet _Field = React.forwardRef(Field);\nexport {_Field as Field};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, StyleProps} from '@react-types/shared';\nimport React, {HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\n\ninterface HelpTextProps extends SpectrumHelpTextProps, StyleProps {\n /** Props for the help text description element. */\n descriptionProps?: HTMLAttributes<HTMLElement>,\n /** Props for the help text error message element. */\n errorMessageProps?: HTMLAttributes<HTMLElement>\n}\n\nfunction HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n let {\n description,\n errorMessage,\n validationState,\n isDisabled,\n showErrorIcon,\n descriptionProps,\n errorMessageProps\n } = props;\n let domRef = useDOMRef(ref);\n let isErrorMessage = errorMessage && validationState === 'invalid';\n let {styleProps} = useStyleProps(props);\n\n return (\n <div\n {...styleProps}\n className={classNames(\n styles,\n 'spectrum-HelpText',\n `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n {'is-disabled': isDisabled},\n styleProps.className\n )}\n ref={domRef}>\n {isErrorMessage ? (\n <>\n {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {errorMessage}\n </div>\n </>\n ) : (\n <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n {description}\n </div>\n )}\n </div>\n );\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nconst _HelpText = React.forwardRef(HelpText);\nexport {_HelpText as HelpText};\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"(optional)\": \"(اختياري)\",\n \"(required)\": \"(مطلوب)\",\n \"(None)\": \"(None)\"\n}\n","{\n \"(optional)\": \"(незадължително)\",\n \"(required)\": \"(задължително)\"\n}\n","{\n \"(optional)\": \"(volitelně)\",\n \"(required)\": \"(požadováno)\"\n}\n","{\n \"(optional)\": \"(valgfrit)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optional)\",\n \"(required)\": \"(erforderlich)\"\n}\n","{\n \"(optional)\": \"(προαιρετικό)\",\n \"(required)\": \"(απαιτείται)\"\n}\n","{\n \"(required)\": \"(required)\",\n \"(optional)\": \"(optional)\",\n \"(None)\": \"(None)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(necesario)\"\n}\n","{\n \"(optional)\": \"(valikuline)\",\n \"(required)\": \"(nõutav)\"\n}\n","{\n \"(optional)\": \"(valinnainen)\",\n \"(required)\": \"(pakollinen)\"\n}\n","{\n \"(optional)\": \"(facultatif)\",\n \"(required)\": \"(requis)\"\n}\n","{\n \"(optional)\": \"(אופציונלי)\",\n \"(required)\": \"(נדרש)\"\n}\n","{\n \"(optional)\": \"(opcionalno)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opcionális)\",\n \"(required)\": \"(kötelező)\"\n}\n","{\n \"(optional)\": \"(facoltativo)\",\n \"(required)\": \"(obbligatorio)\"\n}\n","{\n \"(optional)\": \"（オプション）\",\n \"(required)\": \"（必須）\"\n}\n","{\n \"(optional)\": \"(선택 사항)\",\n \"(required)\": \"(필수 사항)\"\n}\n","{\n \"(optional)\": \"(pasirenkama)\",\n \"(required)\": \"(privaloma)\"\n}\n","{\n \"(optional)\": \"(neobligāti)\",\n \"(required)\": \"(obligāti)\"\n}\n","{\n \"(optional)\": \"(valgfritt)\",\n \"(required)\": \"(obligatorisk)\"\n}\n","{\n \"(optional)\": \"(optioneel)\",\n \"(required)\": \"(vereist)\"\n}\n","{\n \"(optional)\": \"(opcjonalne)\",\n \"(required)\": \"(wymagane)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opcional)\",\n \"(required)\": \"(obrigatório)\"\n}\n","{\n \"(optional)\": \"(opţional)\",\n \"(required)\": \"(obligatoriu)\"\n}\n","{\n \"(optional)\": \"(дополнительно)\",\n \"(required)\": \"(обязательно)\"\n}\n","{\n \"(optional)\": \"(nepovinné)\",\n \"(required)\": \"(povinné)\"\n}\n","{\n \"(optional)\": \"(opcijsko)\",\n \"(required)\": \"(obvezno)\"\n}\n","{\n \"(optional)\": \"(opciono)\",\n \"(required)\": \"(obavezno)\"\n}\n","{\n \"(optional)\": \"(valfritt)\",\n \"(required)\": \"(krävs)\"\n}\n","{\n \"(optional)\": \"(isteğe bağlı)\",\n \"(required)\": \"(gerekli)\"\n}\n","{\n \"(optional)\": \"(необов’язково)\",\n \"(required)\": \"(обов’язково)\"\n}\n","{\n \"(optional)\": \"（可选）\",\n \"(required)\": \"（必填）\"\n}\n","{\n \"(optional)\": \"(選填)\",\n \"(required)\": \"(必填)\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React from 'react';\nimport {SpectrumLabelProps} from '@react-types/label';\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n props = useProviderProps(props);\n let {\n children,\n labelPosition = 'top',\n labelAlign = labelPosition === 'side' ? 'start' : null,\n isRequired,\n necessityIndicator = isRequired != null ? 'icon' : null,\n includeNecessityIndicatorInAccessibilityName = false,\n htmlFor,\n for: labelFor,\n elementType: ElementType = 'label',\n onClick,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n let icon = (\n <Asterisk\n UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n );\n\n let labelClassNames = classNames(\n styles,\n 'spectrum-FieldLabel',\n {\n 'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n },\n styleProps.className\n );\n\n return (\n <ElementType\n {...filterDOMProps(otherProps)}\n {...styleProps}\n onClick={onClick}\n ref={domRef}\n className={labelClassNames}\n htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n {children}\n {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n {/* necessityLabel is hidden to screen readers if the field is required because\n * aria-required is set on the field in that case. That will already be announced,\n * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n {necessityIndicator === 'icon' && isRequired && icon}\n </ElementType>\n );\n}\n\nlet _Label = React.forwardRef(Label);\nexport {_Label as Label};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus'; \nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject, useCallback} from 'react';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useLayoutEffect} from '@react-aria/utils';\n\nfunction ReadOnlyField(props: SpectrumFieldProps, ref: RefObject<HTMLTextAreaElement>) {\n props = useFormProps(props);\n let {\n isDisabled,\n readOnlyText,\n inputProps,\n autoFocus \n } = props;\n delete inputProps.defaultValue;\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let onHeightChange = useCallback(() => {\n let input = ref.current;\n let prevAlignment = input.style.alignSelf;\n input.style.alignSelf = 'start';\n input.style.height = 'auto'; \n input.style.height = `${input.scrollHeight}px`;\n input.style.alignSelf = prevAlignment;\n }, [ref]);\n\n useLayoutEffect(() => {\n if (ref.current) {\n onHeightChange();\n }\n }, [onHeightChange, readOnlyText, ref]);\n\n return (\n <div\n className={\n classNames(\n styles,\n 'spectrum-Textfield',\n {\n 'spectrum-Textfield--quiet': true,\n 'spectrum-Textfield--readonly': true\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}> \n <textarea\n {...mergeProps(inputProps, hoverProps)} \n rows={1}\n ref={ref}\n value={readOnlyText}\n className={\n classNames(\n styles,\n 'spectrum-Textfield-input',\n {\n 'is-hovered': isHovered\n }\n )\n } />\n </FocusRing> \n </div>\n );\n}\n\nlet _ReadOnlyField = React.forwardRef(ReadOnlyField);\nexport {_ReadOnlyField as ReadOnlyField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;AAkBA,uBAAwB,SAAQ,qBAAqB,EAAE,UAAU;IAC/D,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAC/C,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAA;CAChD;AA2CD;;GAEG;AACH,OAAA,MAAM,yIAAsC,CAAC;ACW7C,OAAA,IAAI,6IAAgC,CAAC;AC2CrC,OAAA,IAAI,6FAAgC,CAAC","sources":["packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/HelpText.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/Label.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/Field.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/index.ts","packages/@react-spectrum/label/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;;AAkBA,uBAAwB,SAAQ,qBAAqB,EAAE,UAAU;IAC/D,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAC/C,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAA;CAChD;AA2CD;;GAEG;AACH,OAAA,MAAM,yIAAsC,CAAC;ACW7C,OAAA,IAAI,6IAAgC,CAAC;AEkErC,OAAA,IAAI,6FAAgC,CAAC","sources":["packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/HelpText.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/Label.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/ReadOnlyField.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/Field.tsx","packages/@react-spectrum/label/src/packages/@react-spectrum/label/src/index.ts","packages/@react-spectrum/label/src/index.ts"],"sourcesContent":[null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/label",
3
- "version": "3.7.0",
3
+ "version": "3.7.1-nightly.3390+b3a290970",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,18 +32,20 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/i18n": "^3.5.0",
36
- "@react-aria/label": "^3.4.0",
37
- "@react-aria/utils": "^3.13.2",
38
- "@react-spectrum/form": "^3.4.0",
39
- "@react-spectrum/layout": "^3.4.0",
40
- "@react-spectrum/utils": "^3.7.2",
41
- "@react-types/label": "^3.6.2",
42
- "@react-types/shared": "^3.14.0",
43
- "@spectrum-icons/ui": "^3.3.1"
35
+ "@react-aria/focus": "3.0.0-nightly.1690+b3a290970",
36
+ "@react-aria/i18n": "3.0.0-nightly.1690+b3a290970",
37
+ "@react-aria/interactions": "3.0.0-nightly.1690+b3a290970",
38
+ "@react-aria/label": "3.0.0-nightly.1690+b3a290970",
39
+ "@react-aria/utils": "3.0.0-nightly.1690+b3a290970",
40
+ "@react-spectrum/form": "3.0.0-nightly.1690+b3a290970",
41
+ "@react-spectrum/layout": "3.4.1-nightly.3390+b3a290970",
42
+ "@react-spectrum/utils": "3.0.0-nightly.1690+b3a290970",
43
+ "@react-types/label": "3.0.0-nightly.1690+b3a290970",
44
+ "@react-types/shared": "3.0.0-nightly.1690+b3a290970",
45
+ "@spectrum-icons/ui": "3.0.0-nightly.1690+b3a290970"
44
46
  },
45
47
  "devDependencies": {
46
- "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
48
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.1690+b3a290970"
47
49
  },
48
50
  "peerDependencies": {
49
51
  "@react-spectrum/provider": "^3.0.0",
@@ -52,5 +54,5 @@
52
54
  "publishConfig": {
53
55
  "access": "public"
54
56
  },
55
- "gitHead": "cd7c0ec917122c7612f653c22f8ed558f8b66ecd"
57
+ "gitHead": "b3a290970bf090b14dcc1703abc0cfa76efdf112"
56
58
  }
package/src/Field.tsx CHANGED
@@ -13,13 +13,17 @@
13
13
  import {classNames, useStyleProps} from '@react-spectrum/utils';
14
14
  import {Flex} from '@react-spectrum/layout';
15
15
  import {HelpText} from './HelpText';
16
+ // @ts-ignore
17
+ import intlMessages from '../intl/*.json';
16
18
  import {Label} from './Label';
17
19
  import {LabelPosition} from '@react-types/shared';
18
20
  import labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';
19
21
  import {mergeProps, mergeRefs} from '@react-aria/utils';
20
22
  import React, {ForwardedRef, ReactElement, RefObject, useCallback} from 'react';
23
+ import {ReadOnlyField} from './ReadOnlyField';
21
24
  import {SpectrumFieldProps} from '@react-types/label';
22
25
  import {useFormProps} from '@react-spectrum/form';
26
+ import {useLocalizedStringFormatter} from '@react-aria/i18n';
23
27
 
24
28
  function Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {
25
29
  props = useFormProps(props);
@@ -37,6 +41,10 @@ function Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {
37
41
  showErrorIcon,
38
42
  children,
39
43
  labelProps,
44
+ readOnlyText,
45
+ isReadOnly,
46
+ inputProps,
47
+ inputRef,
40
48
  // Not every component that uses <Field> supports help text.
41
49
  descriptionProps = {},
42
50
  errorMessageProps = {},
@@ -47,6 +55,8 @@ function Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {
47
55
  } = props;
48
56
  let {styleProps} = useStyleProps(otherProps);
49
57
  let hasHelpText = !!description || errorMessage && validationState === 'invalid';
58
+ let stringFormatter = useLocalizedStringFormatter(intlMessages);
59
+ let displayReadOnly = isReadOnly && (readOnlyText || readOnlyText === '');
50
60
  let mergedRefs = useMergeRefs((children as ReactElement & {ref: RefObject<HTMLElement>}).ref, ref);
51
61
 
52
62
  if (label || hasHelpText) {
@@ -79,10 +89,23 @@ function Field(props: SpectrumFieldProps, ref: RefObject<HTMLElement>) {
79
89
  showErrorIcon={showErrorIcon} />
80
90
  );
81
91
 
92
+ if (displayReadOnly) {
93
+ if (readOnlyText === '') {
94
+ readOnlyText = stringFormatter.format('(None)');
95
+ }
96
+ children = (
97
+ <ReadOnlyField
98
+ {...props}
99
+ readOnlyText={readOnlyText}
100
+ inputProps={inputProps}
101
+ ref={inputRef as RefObject<HTMLTextAreaElement>} />
102
+ );
103
+ }
104
+
82
105
  let renderChildren = () => (
83
106
  <Flex direction="column" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>
84
107
  {children}
85
- {hasHelpText && renderHelpText()}
108
+ {hasHelpText && !displayReadOnly && renderHelpText()}
86
109
  </Flex>
87
110
  );
88
111
 
package/src/ReadOnlyField.tsx ADDED
@@ -0,0 +1,82 @@
1
+ /*
2
+ * Copyright 2020 Adobe. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
13
+ import {classNames} from '@react-spectrum/utils';
14
+ import {FocusRing} from '@react-aria/focus';
15
+ import {mergeProps} from '@react-aria/utils';
16
+ import React, {RefObject, useCallback} from 'react';
17
+ import {SpectrumFieldProps} from '@react-types/label';
18
+ import styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';
19
+ import {useFormProps} from '@react-spectrum/form';
20
+ import {useHover} from '@react-aria/interactions';
21
+ import {useLayoutEffect} from '@react-aria/utils';
22
+
23
+ function ReadOnlyField(props: SpectrumFieldProps, ref: RefObject<HTMLTextAreaElement>) {
24
+ props = useFormProps(props);
25
+ let {
26
+ isDisabled,
27
+ readOnlyText,
28
+ inputProps,
29
+ autoFocus
30
+ } = props;
31
+ delete inputProps.defaultValue;
32
+ let {hoverProps, isHovered} = useHover({isDisabled});
33
+
34
+ let onHeightChange = useCallback(() => {
35
+ let input = ref.current;
36
+ let prevAlignment = input.style.alignSelf;
37
+ input.style.alignSelf = 'start';
38
+ input.style.height = 'auto';
39
+ input.style.height = `${input.scrollHeight}px`;
40
+ input.style.alignSelf = prevAlignment;
41
+ }, [ref]);
42
+
43
+ useLayoutEffect(() => {
44
+ if (ref.current) {
45
+ onHeightChange();
46
+ }
47
+ }, [onHeightChange, readOnlyText, ref]);
48
+
49
+ return (
50
+ <div
51
+ className={
52
+ classNames(
53
+ styles,
54
+ 'spectrum-Textfield',
55
+ {
56
+ 'spectrum-Textfield--quiet': true,
57
+ 'spectrum-Textfield--readonly': true
58
+ }
59
+ )
60
+ }>
61
+ <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}>
62
+ <textarea
63
+ {...mergeProps(inputProps, hoverProps)}
64
+ rows={1}
65
+ ref={ref}
66
+ value={readOnlyText}
67
+ className={
68
+ classNames(
69
+ styles,
70
+ 'spectrum-Textfield-input',
71
+ {
72
+ 'is-hovered': isHovered
73
+ }
74
+ )
75
+ } />
76
+ </FocusRing>
77
+ </div>
78
+ );
79
+ }
80
+
81
+ let _ReadOnlyField = React.forwardRef(ReadOnlyField);
82
+ export {_ReadOnlyField as ReadOnlyField};