@fluentui/react-field 0.0.0-nightly-20221007-1237.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. package/CHANGELOG.json +362 -0
  2. package/CHANGELOG.md +96 -0
  3. package/LICENSE +15 -0
  4. package/README.md +5 -0
  5. package/Spec.md +354 -0
  6. package/dist/index.d.ts +243 -0
  7. package/lib/CheckboxField.js +2 -0
  8. package/lib/CheckboxField.js.map +1 -0
  9. package/lib/ComboboxField.js +2 -0
  10. package/lib/ComboboxField.js.map +1 -0
  11. package/lib/Field.js +2 -0
  12. package/lib/Field.js.map +1 -0
  13. package/lib/InputField.js +2 -0
  14. package/lib/InputField.js.map +1 -0
  15. package/lib/ProgressField.js +2 -0
  16. package/lib/ProgressField.js.map +1 -0
  17. package/lib/RadioGroupField.js +2 -0
  18. package/lib/RadioGroupField.js.map +1 -0
  19. package/lib/SelectField.js +2 -0
  20. package/lib/SelectField.js.map +1 -0
  21. package/lib/SliderField.js +2 -0
  22. package/lib/SliderField.js.map +1 -0
  23. package/lib/SpinButtonField.js +2 -0
  24. package/lib/SpinButtonField.js.map +1 -0
  25. package/lib/SwitchField.js +2 -0
  26. package/lib/SwitchField.js.map +1 -0
  27. package/lib/TextareaField.js +2 -0
  28. package/lib/TextareaField.js.map +1 -0
  29. package/lib/components/CheckboxField/CheckboxField.js +32 -0
  30. package/lib/components/CheckboxField/CheckboxField.js.map +1 -0
  31. package/lib/components/CheckboxField/index.js +2 -0
  32. package/lib/components/CheckboxField/index.js.map +1 -0
  33. package/lib/components/ComboboxField/ComboboxField.js +14 -0
  34. package/lib/components/ComboboxField/ComboboxField.js.map +1 -0
  35. package/lib/components/ComboboxField/index.js +2 -0
  36. package/lib/components/ComboboxField/index.js.map +1 -0
  37. package/lib/components/Field/Field.types.js +2 -0
  38. package/lib/components/Field/Field.types.js.map +1 -0
  39. package/lib/components/Field/SlotComponent.types.js +2 -0
  40. package/lib/components/Field/SlotComponent.types.js.map +1 -0
  41. package/lib/components/Field/index.js +5 -0
  42. package/lib/components/Field/index.js.map +1 -0
  43. package/lib/components/Field/renderField.js +20 -0
  44. package/lib/components/Field/renderField.js.map +1 -0
  45. package/lib/components/Field/useField.js +139 -0
  46. package/lib/components/Field/useField.js.map +1 -0
  47. package/lib/components/Field/useFieldStyles.js +121 -0
  48. package/lib/components/Field/useFieldStyles.js.map +1 -0
  49. package/lib/components/InputField/InputField.js +14 -0
  50. package/lib/components/InputField/InputField.js.map +1 -0
  51. package/lib/components/InputField/index.js +2 -0
  52. package/lib/components/InputField/index.js.map +1 -0
  53. package/lib/components/ProgressField/ProgressField.js +15 -0
  54. package/lib/components/ProgressField/ProgressField.js.map +1 -0
  55. package/lib/components/ProgressField/index.js +2 -0
  56. package/lib/components/ProgressField/index.js.map +1 -0
  57. package/lib/components/RadioGroupField/RadioGroupField.js +15 -0
  58. package/lib/components/RadioGroupField/RadioGroupField.js.map +1 -0
  59. package/lib/components/RadioGroupField/index.js +2 -0
  60. package/lib/components/RadioGroupField/index.js.map +1 -0
  61. package/lib/components/SelectField/SelectField.js +14 -0
  62. package/lib/components/SelectField/SelectField.js.map +1 -0
  63. package/lib/components/SelectField/index.js +2 -0
  64. package/lib/components/SelectField/index.js.map +1 -0
  65. package/lib/components/SliderField/SliderField.js +14 -0
  66. package/lib/components/SliderField/SliderField.js.map +1 -0
  67. package/lib/components/SliderField/index.js +2 -0
  68. package/lib/components/SliderField/index.js.map +1 -0
  69. package/lib/components/SpinButtonField/SpinButtonField.js +14 -0
  70. package/lib/components/SpinButtonField/SpinButtonField.js.map +1 -0
  71. package/lib/components/SpinButtonField/index.js +2 -0
  72. package/lib/components/SpinButtonField/index.js.map +1 -0
  73. package/lib/components/SwitchField/SwitchField.js +14 -0
  74. package/lib/components/SwitchField/SwitchField.js.map +1 -0
  75. package/lib/components/SwitchField/index.js +2 -0
  76. package/lib/components/SwitchField/index.js.map +1 -0
  77. package/lib/components/TextareaField/TextareaField.js +14 -0
  78. package/lib/components/TextareaField/TextareaField.js.map +1 -0
  79. package/lib/components/TextareaField/index.js +2 -0
  80. package/lib/components/TextareaField/index.js.map +1 -0
  81. package/lib/index.js +12 -0
  82. package/lib/index.js.map +1 -0
  83. package/lib-commonjs/CheckboxField.js +10 -0
  84. package/lib-commonjs/CheckboxField.js.map +1 -0
  85. package/lib-commonjs/ComboboxField.js +10 -0
  86. package/lib-commonjs/ComboboxField.js.map +1 -0
  87. package/lib-commonjs/Field.js +10 -0
  88. package/lib-commonjs/Field.js.map +1 -0
  89. package/lib-commonjs/InputField.js +10 -0
  90. package/lib-commonjs/InputField.js.map +1 -0
  91. package/lib-commonjs/ProgressField.js +10 -0
  92. package/lib-commonjs/ProgressField.js.map +1 -0
  93. package/lib-commonjs/RadioGroupField.js +10 -0
  94. package/lib-commonjs/RadioGroupField.js.map +1 -0
  95. package/lib-commonjs/SelectField.js +10 -0
  96. package/lib-commonjs/SelectField.js.map +1 -0
  97. package/lib-commonjs/SliderField.js +10 -0
  98. package/lib-commonjs/SliderField.js.map +1 -0
  99. package/lib-commonjs/SpinButtonField.js +10 -0
  100. package/lib-commonjs/SpinButtonField.js.map +1 -0
  101. package/lib-commonjs/SwitchField.js +10 -0
  102. package/lib-commonjs/SwitchField.js.map +1 -0
  103. package/lib-commonjs/TextareaField.js +10 -0
  104. package/lib-commonjs/TextareaField.js.map +1 -0
  105. package/lib-commonjs/components/CheckboxField/CheckboxField.js +42 -0
  106. package/lib-commonjs/components/CheckboxField/CheckboxField.js.map +1 -0
  107. package/lib-commonjs/components/CheckboxField/index.js +10 -0
  108. package/lib-commonjs/components/CheckboxField/index.js.map +1 -0
  109. package/lib-commonjs/components/ComboboxField/ComboboxField.js +24 -0
  110. package/lib-commonjs/components/ComboboxField/ComboboxField.js.map +1 -0
  111. package/lib-commonjs/components/ComboboxField/index.js +10 -0
  112. package/lib-commonjs/components/ComboboxField/index.js.map +1 -0
  113. package/lib-commonjs/components/Field/Field.types.js +6 -0
  114. package/lib-commonjs/components/Field/Field.types.js.map +1 -0
  115. package/lib-commonjs/components/Field/SlotComponent.types.js +6 -0
  116. package/lib-commonjs/components/Field/SlotComponent.types.js.map +1 -0
  117. package/lib-commonjs/components/Field/index.js +16 -0
  118. package/lib-commonjs/components/Field/index.js.map +1 -0
  119. package/lib-commonjs/components/Field/renderField.js +31 -0
  120. package/lib-commonjs/components/Field/renderField.js.map +1 -0
  121. package/lib-commonjs/components/Field/useField.js +154 -0
  122. package/lib-commonjs/components/Field/useField.js.map +1 -0
  123. package/lib-commonjs/components/Field/useFieldStyles.js +134 -0
  124. package/lib-commonjs/components/Field/useFieldStyles.js.map +1 -0
  125. package/lib-commonjs/components/InputField/InputField.js +24 -0
  126. package/lib-commonjs/components/InputField/InputField.js.map +1 -0
  127. package/lib-commonjs/components/InputField/index.js +10 -0
  128. package/lib-commonjs/components/InputField/index.js.map +1 -0
  129. package/lib-commonjs/components/ProgressField/ProgressField.js +25 -0
  130. package/lib-commonjs/components/ProgressField/ProgressField.js.map +1 -0
  131. package/lib-commonjs/components/ProgressField/index.js +10 -0
  132. package/lib-commonjs/components/ProgressField/index.js.map +1 -0
  133. package/lib-commonjs/components/RadioGroupField/RadioGroupField.js +25 -0
  134. package/lib-commonjs/components/RadioGroupField/RadioGroupField.js.map +1 -0
  135. package/lib-commonjs/components/RadioGroupField/index.js +10 -0
  136. package/lib-commonjs/components/RadioGroupField/index.js.map +1 -0
  137. package/lib-commonjs/components/SelectField/SelectField.js +24 -0
  138. package/lib-commonjs/components/SelectField/SelectField.js.map +1 -0
  139. package/lib-commonjs/components/SelectField/index.js +10 -0
  140. package/lib-commonjs/components/SelectField/index.js.map +1 -0
  141. package/lib-commonjs/components/SliderField/SliderField.js +24 -0
  142. package/lib-commonjs/components/SliderField/SliderField.js.map +1 -0
  143. package/lib-commonjs/components/SliderField/index.js +10 -0
  144. package/lib-commonjs/components/SliderField/index.js.map +1 -0
  145. package/lib-commonjs/components/SpinButtonField/SpinButtonField.js +24 -0
  146. package/lib-commonjs/components/SpinButtonField/SpinButtonField.js.map +1 -0
  147. package/lib-commonjs/components/SpinButtonField/index.js +10 -0
  148. package/lib-commonjs/components/SpinButtonField/index.js.map +1 -0
  149. package/lib-commonjs/components/SwitchField/SwitchField.js +24 -0
  150. package/lib-commonjs/components/SwitchField/SwitchField.js.map +1 -0
  151. package/lib-commonjs/components/SwitchField/index.js +10 -0
  152. package/lib-commonjs/components/SwitchField/index.js.map +1 -0
  153. package/lib-commonjs/components/TextareaField/TextareaField.js +24 -0
  154. package/lib-commonjs/components/TextareaField/TextareaField.js.map +1 -0
  155. package/lib-commonjs/components/TextareaField/index.js +10 -0
  156. package/lib-commonjs/components/TextareaField/index.js.map +1 -0
  157. package/lib-commonjs/index.js +184 -0
  158. package/lib-commonjs/index.js.map +1 -0
  159. package/package.json +59 -0
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { SpinButton } from '@fluentui/react-spinbutton';
3
+ import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';
4
+ export const spinButtonFieldClassNames = /*#__PURE__*/getFieldClassNames('SpinButtonField');
5
+ export const SpinButtonField = /*#__PURE__*/React.forwardRef((props, ref) => {
6
+ const state = useField_unstable(props, ref, {
7
+ component: SpinButton,
8
+ classNames: spinButtonFieldClassNames
9
+ });
10
+ useFieldStyles_unstable(state);
11
+ return renderField_unstable(state);
12
+ });
13
+ SpinButtonField.displayName = 'SpinButtonField';
14
+ //# sourceMappingURL=SpinButtonField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/SpinButtonField/SpinButtonField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,UAAT,QAA2B,4BAA3B;AAGA,SAAS,kBAAT,EAA6B,oBAA7B,EAAmD,uBAAnD,EAA4E,iBAA5E,QAAqG,aAArG;AAIA,OAAO,MAAM,yBAAyB,gBAAG,kBAAkB,CAAC,iBAAD,CAApD;AAEP,OAAO,MAAM,eAAe,gBAA8C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACxG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,EAAa;IAAE,SAAS,EAAE,UAAb;IAAyB,UAAU,EAAE;EAArC,CAAb,CAA/B;EACA,uBAAuB,CAAC,KAAD,CAAvB;EACA,OAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAJyE,CAAnE;AAMP,eAAe,CAAC,WAAhB,GAA8B,iBAA9B","sourcesContent":["import * as React from 'react';\nimport { SpinButton } from '@fluentui/react-spinbutton';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from '../../Field';\nimport { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';\n\nexport type SpinButtonFieldProps = FieldProps<typeof SpinButton>;\n\nexport const spinButtonFieldClassNames = getFieldClassNames('SpinButtonField');\n\nexport const SpinButtonField: ForwardRefComponent<SpinButtonFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: SpinButton, classNames: spinButtonFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nSpinButtonField.displayName = 'SpinButtonField';\n"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ export * from './SpinButtonField';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SpinButtonField/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './SpinButtonField';\n"]}
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { Switch } from '@fluentui/react-switch';
3
+ import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';
4
+ export const switchFieldClassNames = /*#__PURE__*/getFieldClassNames('SwitchField');
5
+ export const SwitchField = /*#__PURE__*/React.forwardRef((props, ref) => {
6
+ const state = useField_unstable(props, ref, {
7
+ component: Switch,
8
+ classNames: switchFieldClassNames
9
+ });
10
+ useFieldStyles_unstable(state);
11
+ return renderField_unstable(state);
12
+ });
13
+ SwitchField.displayName = 'SwitchField';
14
+ //# sourceMappingURL=SwitchField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,MAAT,QAAuB,wBAAvB;AAGA,SAAS,kBAAT,EAA6B,oBAA7B,EAAmD,uBAAnD,EAA4E,iBAA5E,QAAqG,aAArG;AAMA,OAAO,MAAM,qBAAqB,gBAAG,kBAAkB,CAAC,aAAD,CAAhD;AAEP,OAAO,MAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,EAAa;IAAE,SAAS,EAAE,MAAb;IAAqB,UAAU,EAAE;EAAjC,CAAb,CAA/B;EACA,uBAAuB,CAAC,KAAD,CAAvB;EACA,OAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAJiE,CAA3D;AAMP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { Switch } from '@fluentui/react-switch';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from '../../Field';\nimport { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';\n\n// The Field's `label` prop overrides the Switch's built-in `label`.\n// Therefore, the Switch's `labelPosition` has no effect and is omitted to avoid confusion.\nexport type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;\n\nexport const switchFieldClassNames = getFieldClassNames('SwitchField');\n\nexport const SwitchField: ForwardRefComponent<SwitchFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Switch, classNames: switchFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nSwitchField.displayName = 'SwitchField';\n"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ export * from './SwitchField';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SwitchField/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './SwitchField';\n"]}
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { Textarea } from '@fluentui/react-textarea';
3
+ import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';
4
+ export const textareaFieldClassNames = /*#__PURE__*/getFieldClassNames('TextareaField');
5
+ export const TextareaField = /*#__PURE__*/React.forwardRef((props, ref) => {
6
+ const state = useField_unstable(props, ref, {
7
+ component: Textarea,
8
+ classNames: textareaFieldClassNames
9
+ });
10
+ useFieldStyles_unstable(state);
11
+ return renderField_unstable(state);
12
+ });
13
+ TextareaField.displayName = 'TextareaField';
14
+ //# sourceMappingURL=TextareaField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,0BAAzB;AAGA,SAAS,kBAAT,EAA6B,oBAA7B,EAAmD,uBAAnD,EAA4E,iBAA5E,QAAqG,aAArG;AAIA,OAAO,MAAM,uBAAuB,gBAAG,kBAAkB,CAAC,eAAD,CAAlD;AAEP,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACpG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,EAAa;IAAE,SAAS,EAAE,QAAb;IAAuB,UAAU,EAAE;EAAnC,CAAb,CAA/B;EACA,uBAAuB,CAAC,KAAD,CAAvB;EACA,OAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAJqE,CAA/D;AAMP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport { Textarea } from '@fluentui/react-textarea';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from '../../Field';\nimport { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';\n\nexport type TextareaFieldProps = FieldProps<typeof Textarea>;\n\nexport const textareaFieldClassNames = getFieldClassNames('TextareaField');\n\nexport const TextareaField: ForwardRefComponent<TextareaFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Textarea, classNames: textareaFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nTextareaField.displayName = 'TextareaField';\n"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ export * from './TextareaField';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextareaField/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './TextareaField';\n"]}
package/lib/index.js ADDED
@@ -0,0 +1,12 @@
1
+ export { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from './Field';
2
+ export { CheckboxField, checkboxFieldClassNames } from './CheckboxField';
3
+ export { ComboboxField, comboboxFieldClassNames } from './ComboboxField';
4
+ export { InputField, inputFieldClassNames } from './InputField';
5
+ export { ProgressField, progressFieldClassNames } from './ProgressField';
6
+ export { RadioGroupField, radioGroupFieldClassNames } from './RadioGroupField';
7
+ export { SelectField, selectFieldClassNames } from './SelectField';
8
+ export { SliderField, sliderFieldClassNames } from './SliderField';
9
+ export { SpinButtonField, spinButtonFieldClassNames } from './SpinButtonField';
10
+ export { SwitchField, switchFieldClassNames } from './SwitchField';
11
+ export { TextareaField, textareaFieldClassNames } from './TextareaField';
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG/G,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from './Field';\nexport type { FieldProps, FieldSlots, FieldState, FieldConfig } from './Field';\n\nexport { CheckboxField, checkboxFieldClassNames } from './CheckboxField';\nexport type { CheckboxFieldProps } from './CheckboxField';\n\nexport { ComboboxField, comboboxFieldClassNames } from './ComboboxField';\nexport type { ComboboxFieldProps } from './ComboboxField';\n\nexport { InputField, inputFieldClassNames } from './InputField';\nexport type { InputFieldProps } from './InputField';\n\nexport { ProgressField, progressFieldClassNames } from './ProgressField';\nexport type { ProgressFieldProps } from './ProgressField';\n\nexport { RadioGroupField, radioGroupFieldClassNames } from './RadioGroupField';\nexport type { RadioGroupFieldProps } from './RadioGroupField';\n\nexport { SelectField, selectFieldClassNames } from './SelectField';\nexport type { SelectFieldProps } from './SelectField';\n\nexport { SliderField, sliderFieldClassNames } from './SliderField';\nexport type { SliderFieldProps } from './SliderField';\n\nexport { SpinButtonField, spinButtonFieldClassNames } from './SpinButtonField';\nexport type { SpinButtonFieldProps } from './SpinButtonField';\n\nexport { SwitchField, switchFieldClassNames } from './SwitchField';\nexport type { SwitchFieldProps } from './SwitchField';\n\nexport { TextareaField, textareaFieldClassNames } from './TextareaField';\nexport type { TextareaFieldProps } from './TextareaField';\n"]}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/CheckboxField/index"), exports);
10
+ //# sourceMappingURL=CheckboxField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/CheckboxField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/CheckboxField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/ComboboxField/index"), exports);
10
+ //# sourceMappingURL=ComboboxField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ComboboxField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/ComboboxField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/Field/index"), exports);
10
+ //# sourceMappingURL=Field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Field.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Field/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/InputField/index"), exports);
10
+ //# sourceMappingURL=InputField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/InputField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/InputField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/ProgressField/index"), exports);
10
+ //# sourceMappingURL=ProgressField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ProgressField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/ProgressField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/RadioGroupField/index"), exports);
10
+ //# sourceMappingURL=RadioGroupField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/RadioGroupField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/RadioGroupField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/SelectField/index"), exports);
10
+ //# sourceMappingURL=SelectField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SelectField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/SelectField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/SliderField/index"), exports);
10
+ //# sourceMappingURL=SliderField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SliderField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/SliderField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/SpinButtonField/index"), exports);
10
+ //# sourceMappingURL=SpinButtonField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SpinButtonField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/SpinButtonField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/SwitchField/index"), exports);
10
+ //# sourceMappingURL=SwitchField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SwitchField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/SwitchField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./components/TextareaField/index"), exports);
10
+ //# sourceMappingURL=TextareaField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/TextareaField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TextareaField/index';\n"],"sourceRoot":""}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CheckboxField = exports.checkboxFieldClassNames = void 0;
7
+
8
+ const React = /*#__PURE__*/require("react");
9
+
10
+ const react_checkbox_1 = /*#__PURE__*/require("@fluentui/react-checkbox");
11
+
12
+ const Field_1 = /*#__PURE__*/require("../../Field");
13
+
14
+ exports.checkboxFieldClassNames = /*#__PURE__*/Field_1.getFieldClassNames('CheckboxField');
15
+ exports.CheckboxField = /*#__PURE__*/React.forwardRef((props, ref) => {
16
+ const {
17
+ fieldLabel,
18
+ required,
19
+ label,
20
+ control,
21
+ ...restOfProps
22
+ } = props;
23
+ props = {
24
+ // Use the fieldLabel prop as the Field's label
25
+ label: fieldLabel,
26
+ // Use the label prop as the Checkbox's label
27
+ control: {
28
+ label,
29
+ required,
30
+ ...control
31
+ },
32
+ ...restOfProps
33
+ };
34
+ const state = Field_1.useField_unstable(props, ref, {
35
+ component: react_checkbox_1.Checkbox,
36
+ classNames: exports.checkboxFieldClassNames
37
+ });
38
+ Field_1.useFieldStyles_unstable(state);
39
+ return Field_1.renderField_unstable(state);
40
+ });
41
+ exports.CheckboxField.displayName = 'CheckboxField';
42
+ //# sourceMappingURL=CheckboxField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,gBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AAea,OAAA,CAAA,uBAAA,gBAA0B,OAAA,CAAA,kBAAA,CAAmB,eAAnB,CAA1B;AAEA,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACpG,MAAM;IAAE,UAAF;IAAc,QAAd;IAAwB,KAAxB;IAA+B,OAA/B;IAAwC,GAAG;EAA3C,IAA2D,KAAjE;EAEA,KAAK,GAAG;IACN;IACA,KAAK,EAAE,UAFD;IAGN;IACA,OAAO,EAAE;MAAE,KAAF;MAAS,QAAT;MAAmB,GAAG;IAAtB,CAJH;IAKN,GAAG;EALG,CAAR;EAQA,MAAM,KAAK,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,EAA8B;IAAE,SAAS,EAAE,gBAAA,CAAA,QAAb;IAAuB,UAAU,EAAE,OAAA,CAAA;EAAnC,CAA9B,CAAd;EACA,OAAA,CAAA,uBAAA,CAAwB,KAAxB;EACA,OAAO,OAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CAdqE,CAAzD;AAgBb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport type { CheckboxProps } from '@fluentui/react-checkbox';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from '../../Field';\nimport { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';\n\nexport type CheckboxFieldProps = Omit<FieldProps<typeof Checkbox>, 'label'> & {\n /**\n * The Checkbox's label.\n */\n label?: CheckboxProps['label'];\n\n /**\n * The label for the CheckboxField, which appears above or before the Checkbox, depending on the `orientation` prop.\n * It is recommended to only set the `label` prop, and not `fieldLabel`.\n */\n fieldLabel?: FieldProps<typeof Checkbox>['label'];\n};\n\nexport const checkboxFieldClassNames = getFieldClassNames('CheckboxField');\n\nexport const CheckboxField: ForwardRefComponent<CheckboxFieldProps> = React.forwardRef((props, ref) => {\n const { fieldLabel, required, label, control, ...restOfProps } = props;\n\n props = {\n // Use the fieldLabel prop as the Field's label\n label: fieldLabel,\n // Use the label prop as the Checkbox's label\n control: { label, required, ...control },\n ...restOfProps,\n };\n\n const state = useField_unstable(props, ref, { component: Checkbox, classNames: checkboxFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nCheckboxField.displayName = 'CheckboxField';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./CheckboxField"), exports);
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/CheckboxField/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CheckboxField';\n"],"sourceRoot":""}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ComboboxField = exports.comboboxFieldClassNames = void 0;
7
+
8
+ const React = /*#__PURE__*/require("react");
9
+
10
+ const react_combobox_1 = /*#__PURE__*/require("@fluentui/react-combobox");
11
+
12
+ const Field_1 = /*#__PURE__*/require("../../Field");
13
+
14
+ exports.comboboxFieldClassNames = /*#__PURE__*/Field_1.getFieldClassNames('ComboboxField');
15
+ exports.ComboboxField = /*#__PURE__*/React.forwardRef((props, ref) => {
16
+ const state = Field_1.useField_unstable(props, ref, {
17
+ component: react_combobox_1.Combobox,
18
+ classNames: exports.comboboxFieldClassNames
19
+ });
20
+ Field_1.useFieldStyles_unstable(state);
21
+ return Field_1.renderField_unstable(state);
22
+ });
23
+ exports.ComboboxField.displayName = 'ComboboxField';
24
+ //# sourceMappingURL=ComboboxField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/ComboboxField/ComboboxField.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AAIa,OAAA,CAAA,uBAAA,gBAA0B,OAAA,CAAA,kBAAA,CAAmB,eAAnB,CAA1B;AAEA,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACpG,MAAM,KAAK,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,EAA8B;IAAE,SAAS,EAAE,gBAAA,CAAA,QAAb;IAAuB,UAAU,EAAE,OAAA,CAAA;EAAnC,CAA9B,CAAd;EACA,OAAA,CAAA,uBAAA,CAAwB,KAAxB;EACA,OAAO,OAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CAJqE,CAAzD;AAMb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport { Combobox } from '@fluentui/react-combobox';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { FieldProps } from '../../Field';\nimport { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '../../Field';\n\nexport type ComboboxFieldProps = FieldProps<typeof Combobox>;\n\nexport const comboboxFieldClassNames = getFieldClassNames('ComboboxField');\n\nexport const ComboboxField: ForwardRefComponent<ComboboxFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Combobox, classNames: comboboxFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nComboboxField.displayName = 'ComboboxField';\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./ComboboxField"), exports);
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/ComboboxField/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './ComboboxField';\n"],"sourceRoot":""}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ //# sourceMappingURL=Field.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ //# sourceMappingURL=SlotComponent.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./Field.types"), exports);
10
+
11
+ tslib_1.__exportStar(require("./renderField"), exports);
12
+
13
+ tslib_1.__exportStar(require("./useField"), exports);
14
+
15
+ tslib_1.__exportStar(require("./useFieldStyles"), exports);
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Field.types';\nexport * from './renderField';\nexport * from './useField';\nexport * from './useFieldStyles';\n"],"sourceRoot":""}
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.renderField_unstable = void 0;
7
+
8
+ const React = /*#__PURE__*/require("react");
9
+
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
+ /**
12
+ * Render the final JSX of Field
13
+ */
14
+
15
+
16
+ const renderField_unstable = state => {
17
+ const {
18
+ slots,
19
+ slotProps
20
+ } = react_utilities_1.getSlots(state);
21
+ return React.createElement(slots.root, { ...slotProps.root
22
+ }, slots.label && React.createElement(slots.label, { ...slotProps.label
23
+ }), slots.control && React.createElement(slots.control, { ...slotProps.control
24
+ }), slots.validationMessage && React.createElement(slots.validationMessage, { ...slotProps.validationMessage
25
+ }, slots.validationMessageIcon && React.createElement(slots.validationMessageIcon, { ...slotProps.validationMessageIcon
26
+ }), slotProps.validationMessage.children), slots.hint && React.createElement(slots.hint, { ...slotProps.hint
27
+ }));
28
+ };
29
+
30
+ exports.renderField_unstable = renderField_unstable;
31
+ //# sourceMappingURL=renderField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/Field/renderField.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAA8B,KAA3B,IAAmD;EACrF,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAqC,KAArC,CAA7B;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EACG,KAAK,CAAC,KAAN,IAAe,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;EAAf,CAAZ,CADlB,EAGG,KAAK,CAAC,OAAN,IAAiB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAM,SAAS,CAAC;EAAhB,CAAd,CAHpB,EAIG,KAAK,CAAC,iBAAN,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,iBAAP,EAAwB,EAAA,GAAK,SAAS,CAAC;EAAf,CAAxB,EACG,KAAK,CAAC,qBAAN,IAA+B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,qBAAP,EAA4B,EAAA,GAAK,SAAS,CAAC;EAAf,CAA5B,CADlC,EAEG,SAAS,CAAC,iBAAV,CAA4B,QAF/B,CALJ,EAUG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CAVjB,CADF;AAcD,CAjBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { FieldComponent, FieldSlots, FieldState } from './Field.types';\n\n/**\n * Render the final JSX of Field\n */\nexport const renderField_unstable = <T extends FieldComponent>(state: FieldState<T>) => {\n const { slots, slotProps } = getSlots<FieldSlots<FieldComponent>>(state as FieldState<FieldComponent>);\n\n return (\n <slots.root {...slotProps.root}>\n {slots.label && <slots.label {...slotProps.label} />}\n {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n {slots.control && <slots.control {...(slotProps.control as any)} />}\n {slots.validationMessage && (\n <slots.validationMessage {...slotProps.validationMessage}>\n {slots.validationMessageIcon && <slots.validationMessageIcon {...slotProps.validationMessageIcon} />}\n {slotProps.validationMessage.children}\n </slots.validationMessage>\n )}\n {slots.hint && <slots.hint {...slotProps.hint} />}\n </slots.root>\n );\n};\n"],"sourceRoot":""}