@qssolutions/ssas-registration-form 1.0.9 → 2.0.1

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 (53) hide show
  1. package/README.md +7 -2
  2. package/dist/components/FormComponentRenderer.d.ts +5 -5
  3. package/dist/components/FormComponentRenderer.d.ts.map +1 -1
  4. package/dist/components/LowerFormSection.d.ts.map +1 -1
  5. package/dist/components/SSASRegistrationForm.d.ts.map +1 -1
  6. package/dist/components/UpperFormSection.d.ts +5 -5
  7. package/dist/components/UpperFormSection.d.ts.map +1 -1
  8. package/dist/components/common/FormThemeProvider.d.ts +17 -0
  9. package/dist/components/common/FormThemeProvider.d.ts.map +1 -0
  10. package/dist/components/common/SSASCheckbox.d.ts +27 -7
  11. package/dist/components/common/SSASCheckbox.d.ts.map +1 -1
  12. package/dist/components/common/SSASDropdown.d.ts +24 -0
  13. package/dist/components/common/SSASDropdown.d.ts.map +1 -0
  14. package/dist/components/common/SSASPrimaryButton.d.ts +27 -3
  15. package/dist/components/common/SSASPrimaryButton.d.ts.map +1 -1
  16. package/dist/components/common/SSASTextInput.d.ts +19 -0
  17. package/dist/components/common/SSASTextInput.d.ts.map +1 -0
  18. package/dist/components/common/index.d.ts +3 -0
  19. package/dist/components/common/index.d.ts.map +1 -1
  20. package/dist/components/form-fields/ControlledCheckbox.d.ts +11 -4
  21. package/dist/components/form-fields/ControlledCheckbox.d.ts.map +1 -1
  22. package/dist/components/form-fields/ControlledComboBox.d.ts +16 -3
  23. package/dist/components/form-fields/ControlledComboBox.d.ts.map +1 -1
  24. package/dist/components/form-fields/ControlledDropdown.d.ts +9 -2
  25. package/dist/components/form-fields/ControlledDropdown.d.ts.map +1 -1
  26. package/dist/components/form-fields/ControlledTextField.d.ts +2 -2
  27. package/dist/components/form-fields/ControlledTextField.d.ts.map +1 -1
  28. package/dist/components/form-fields/ControlledTextFieldAsync.d.ts +2 -2
  29. package/dist/components/form-fields/ControlledTextFieldAsync.d.ts.map +1 -1
  30. package/dist/index.d.ts +1 -1
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.esm.js +2970 -1767
  33. package/dist/index.esm.js.map +1 -1
  34. package/dist/index.js +2970 -1768
  35. package/dist/index.js.map +1 -1
  36. package/dist/models/form-data.d.ts +4 -4
  37. package/dist/models/form-data.d.ts.map +1 -1
  38. package/dist/models/options.d.ts +11 -0
  39. package/dist/models/options.d.ts.map +1 -0
  40. package/dist/styles/brand-theme.d.ts +13 -0
  41. package/dist/styles/brand-theme.d.ts.map +1 -0
  42. package/dist/styles/defaultStyles.d.ts +8 -142
  43. package/dist/styles/defaultStyles.d.ts.map +1 -1
  44. package/dist/styles/field-styles.d.ts +18 -0
  45. package/dist/styles/field-styles.d.ts.map +1 -0
  46. package/dist/utils/constants.d.ts +2 -2
  47. package/dist/utils/constants.d.ts.map +1 -1
  48. package/dist/web-component.d.ts.map +1 -1
  49. package/dist/web-component.js +41242 -43908
  50. package/dist/web-component.js.map +1 -1
  51. package/dist/web-component.min.js +85 -4
  52. package/dist/web-component.min.js.map +1 -1
  53. package/package.json +5 -4
package/README.md CHANGED
@@ -311,10 +311,15 @@ export { ApiService }
311
311
  export { useFormConfig }
312
312
 
313
313
  // Style helpers
314
- export { createFormStyles, textFieldStyles, choiceGroupStyles,
315
- dropdownStyles, comboboxStyles, checkboxStyles }
314
+ export { createFormTheme, createBrandRamp } // v9 theme / brand ramp built from a primary colour
316
315
  ```
317
316
 
317
+ ## Changes in 2.0.0
318
+
319
+ - **Fluent UI v9.** The library now renders with `@fluentui/react-components` (`9.73.7`) and `@fluentui/react-icons`; `@fluentui/react` (v8) is no longer used or required, and `initializeIcons()` is gone.
320
+ - The form is wrapped in its own `FluentProvider`, themed from `theme.primaryColor` / `theme.fonts`, so it needs no host provider.
321
+ - Removed exports: `createFormStyles`, `textFieldStyles`, `choiceGroupStyles`, `dropdownStyles`, `comboboxStyles`, `checkboxStyles`. Added `createFormTheme` and `createBrandRamp`.
322
+
318
323
  ## License
319
324
 
320
325
  MIT
@@ -1,7 +1,7 @@
1
1
  import { FC } from "react";
2
2
  import { Control, FieldErrors, UseFormClearErrors, UseFormSetError, UseFormSetValue, UseFormTrigger, UseFormWatch } from "react-hook-form";
3
3
  import { IUser, FormModel, IFormScreenTranslate, IPartnerModel } from "../models/index";
4
- import { IComboBoxOption, IDropdownOption } from "@fluentui/react";
4
+ import { FormOption } from "../models/options";
5
5
  import { FormLibraryConfig } from "../models/config";
6
6
  import { ApiService } from "../services/ApiService";
7
7
  type FormComponentRendererProps = {
@@ -19,10 +19,10 @@ type FormComponentRendererProps = {
19
19
  config: FormLibraryConfig;
20
20
  apiService: ApiService;
21
21
  styles: any;
22
- countryOptions?: IComboBoxOption[];
23
- orgSizingOptions?: IComboBoxOption[];
24
- orgIndustryOptions?: IComboBoxOption[];
25
- hearAboutOptions?: IDropdownOption[];
22
+ countryOptions?: FormOption[];
23
+ orgSizingOptions?: FormOption[];
24
+ orgIndustryOptions?: FormOption[];
25
+ hearAboutOptions?: FormOption[];
26
26
  partnerData?: IPartnerModel;
27
27
  primaryColor?: string;
28
28
  };
@@ -1 +1 @@
1
- {"version":3,"file":"FormComponentRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FormComponentRenderer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EACH,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAA4B,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIlH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAW,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,KAAK,0BAA0B,GAAG;IAC9B,UAAU,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACtB,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkNhE,CAAC"}
1
+ {"version":3,"file":"FormComponentRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FormComponentRenderer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EACH,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAA4B,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIlH,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,KAAK,0BAA0B,GAAG;IAC9B,UAAU,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACtB,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAUF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwMhE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"LowerFormSection.d.ts","sourceRoot":"","sources":["../../src/components/LowerFormSection.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAEH,KAAK,EACL,oBAAoB,EACpB,aAAa,EAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IAC1B,WAAW,EAAE,oBAAoB,CAAA;IACjC,MAAM,EAAE,iBAAiB,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgJtD,CAAA"}
1
+ {"version":3,"file":"LowerFormSection.d.ts","sourceRoot":"","sources":["../../src/components/LowerFormSection.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAEH,KAAK,EACL,oBAAoB,EACpB,aAAa,EAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IAC1B,WAAW,EAAE,oBAAoB,CAAA;IACjC,MAAM,EAAE,iBAAiB,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4ItD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"SSASRegistrationForm.d.ts","sourceRoot":"","sources":["../../src/components/SSASRegistrationForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAY/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAWpD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA;AAED,UAAU,yBAAyB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAgkB9D,CAAA"}
1
+ {"version":3,"file":"SSASRegistrationForm.d.ts","sourceRoot":"","sources":["../../src/components/SSASRegistrationForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAY/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAcpD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA;AAED,UAAU,yBAAyB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+jB9D,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import React, { FC } from "react";
2
- import { IComboBoxOption, IDropdownOption } from "@fluentui/react";
2
+ import { FormOption } from "../models/options";
3
3
  import { Control, FieldErrors, UseFormClearErrors, UseFormSetError, UseFormSetValue, UseFormTrigger, UseFormWatch } from "react-hook-form";
4
4
  import { IUser, IFormScreenTranslate, IPartnerModel } from "../models/index";
5
5
  import { FormLibraryConfig } from "../models/config";
@@ -19,10 +19,10 @@ type UpperFormSectionProps = {
19
19
  config: FormLibraryConfig;
20
20
  apiService: ApiService;
21
21
  styles: any;
22
- countryOptions?: IComboBoxOption[];
23
- orgSizingOptions?: IComboBoxOption[];
24
- orgIndustryOptions?: IComboBoxOption[];
25
- hearAboutOptions?: IDropdownOption[];
22
+ countryOptions?: FormOption[];
23
+ orgSizingOptions?: FormOption[];
24
+ orgIndustryOptions?: FormOption[];
25
+ hearAboutOptions?: FormOption[];
26
26
  partnerData?: IPartnerModel;
27
27
  primaryColor?: string;
28
28
  };
@@ -1 +1 @@
1
- {"version":3,"file":"UpperFormSection.d.ts","sourceRoot":"","sources":["../../src/components/UpperFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAmC,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACpG,OAAO,EACH,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAa,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,qBAAqB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,oBAAoB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4FtD,CAAC"}
1
+ {"version":3,"file":"UpperFormSection.d.ts","sourceRoot":"","sources":["../../src/components/UpperFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EACH,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAa,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD,KAAK,qBAAqB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,oBAAoB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AASF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqGtD,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { FC, ReactNode } from "react";
2
+ import type { FontConfig } from "../../styles/defaultStyles";
3
+ interface FormThemeProviderProps {
4
+ primaryColor?: string;
5
+ fonts?: FontConfig;
6
+ /** Text direction for the whole form; v9 controls (radios, icons, dropdowns) mirror from it. */
7
+ dir?: "ltr" | "rtl";
8
+ children: ReactNode;
9
+ }
10
+ /**
11
+ * Mounts the v9 `FluentProvider` the form's v9 controls need, themed from the library's own
12
+ * `primaryColor`/`fonts` props. The library is embedded in pages we don't control, so the provider
13
+ * lives here rather than relying on a host one. `display: contents` keeps it out of the layout.
14
+ */
15
+ export declare const FormThemeProvider: FC<FormThemeProviderProps>;
16
+ export {};
17
+ //# sourceMappingURL=FormThemeProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/common/FormThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,UAAU,sBAAsB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gGAAgG;IAChG,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAQxD,CAAA"}
@@ -1,11 +1,31 @@
1
- import { ICheckboxProps } from "@fluentui/react";
2
- import React from "react";
3
- import { FontConfig } from "../../styles/defaultStyles";
4
- interface ISSASCheckboxProps extends ICheckboxProps {
1
+ import React, { CSSProperties, ReactNode } from "react";
2
+ /**
3
+ * The form's checkbox, rendering v9 internally. Ported from SharedPortal's
4
+ * `common/checkbox.component.tsx`; the prop surface stays the v8 shape the two call sites in
5
+ * `LowerFormSection` use.
6
+ *
7
+ * - `onChange` keeps v8's `(ev, checked?)`; v9 calls `(ev, data)`, so `data.checked` is translated
8
+ * back ("mixed" counts as true, nothing here is tri-state).
9
+ * - `onRenderLabel` has no v9 equivalent: `label` is a slot taking the node directly, and both call
10
+ * sites return static JSX, so calling it once per render is equivalent.
11
+ * - The brand colour is no longer a prop. The checked fill and hover border come from the v9 theme
12
+ * `FormThemeProvider` builds from `primaryColor`; the label font family comes from the same theme.
13
+ */
14
+ export interface ISSASCheckboxProps {
15
+ label?: ReactNode;
16
+ checked?: boolean;
17
+ defaultChecked?: boolean;
18
+ disabled?: boolean;
19
+ /** v8's shape: `(ev, checked?)`. */
20
+ onChange?: (ev?: any, checked?: boolean) => void;
21
+ /** Only `root` is read. */
22
+ styles?: {
23
+ root?: CSSProperties;
24
+ };
25
+ onRenderLabel?: (props?: ISSASCheckboxProps) => ReactNode;
5
26
  description?: string;
6
- primaryColor?: string;
7
- fonts?: FontConfig;
27
+ /** Overrides the label's default 18px font size. */
28
+ labelFontSize?: CSSProperties["fontSize"];
8
29
  }
9
30
  export declare const SSASCheckbox: (props: ISSASCheckboxProps) => React.JSX.Element;
10
- export {};
11
31
  //# sourceMappingURL=SSASCheckbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SSASCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAwC,MAAM,iBAAiB,CAAC;AACjG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,UAAU,kBAAmB,SAAQ,cAAc;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB;AA8CD,eAAO,MAAM,YAAY,GAAI,OAAO,kBAAkB,sBAiBrD,CAAC"}
1
+ {"version":3,"file":"SSASCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIvD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IAEpC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,2BAA2B;IAC3B,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,aAAa,CAAA;KAAE,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,SAAS,CAAA;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CAC5C;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,kBAAkB,sBAiCrD,CAAA"}
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ import { DropdownProps } from "@fluentui/react-components";
3
+ import { FormOption } from "../../models/options";
4
+ import type { FontConfig } from "../../styles/defaultStyles";
5
+ export interface SSASDropdownProps extends Omit<DropdownProps, "children" | "value"> {
6
+ /**
7
+ * The selected option's `key`, stringified; the button text is derived from it. Pass `""` for
8
+ * "nothing selected", never `undefined`: v9 decides controlled vs uncontrolled on the first render.
9
+ */
10
+ value?: string;
11
+ label?: string;
12
+ options: FormOption[];
13
+ required?: boolean;
14
+ /** Shown under the field and turns the control red. Empty or undefined means valid. */
15
+ errorMessage?: string;
16
+ fonts?: FontConfig;
17
+ }
18
+ /**
19
+ * Labelled v9 `Dropdown` over a `{ key, text }` option list, replacing v8's `Dropdown`. Ported from
20
+ * SharedPortal's `commons/Button/CustomDropdown`, without the option groups and render hooks the form
21
+ * never uses. Selection is matched on `key` against `value`.
22
+ */
23
+ export declare const SSASDropdown: ({ label, options, value, errorMessage, required, fonts, className, ...rest }: SSASDropdownProps) => React.JSX.Element;
24
+ //# sourceMappingURL=SSASDropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SSASDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,aAAa,EAA+B,MAAM,4BAA4B,CAAA;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,OAAO,CAAC;IAChF;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,8EAA8E,iBAAiB,sBAyB3H,CAAA"}
@@ -1,12 +1,36 @@
1
1
  import * as React from "react";
2
- import { IButtonProps } from "@fluentui/react";
3
- interface ISSASPrimaryButtonProps extends IButtonProps {
2
+ import { CSSProperties, MouseEvent, ReactNode } from "react";
3
+ /**
4
+ * The form's primary CTA, rendering a v9 `Button` internally. Ported from SharedPortal's
5
+ * `common/primary-button.component.tsx`; the prop surface stays the v8 shape the one call site
6
+ * (`LowerFormSection`) passes: `styles` as a plain `root` object, `onRenderMenuIcon` as
7
+ * `(props, defaultRender) => node`.
8
+ *
9
+ * Unlike ClientApp, the brand colour is not a global CSS variable here: it arrives as the
10
+ * `primaryColor` prop and is handed to the stylesheet below through a scoped custom property.
11
+ */
12
+ export interface ISSASPrimaryButtonProps {
13
+ text?: string;
14
+ children?: ReactNode;
15
+ className?: string;
16
+ style?: CSSProperties;
17
+ /** Only `root` is read; never v8's function form. */
18
+ styles?: {
19
+ root?: CSSProperties;
20
+ };
21
+ disabled?: boolean;
22
+ type?: "button" | "submit" | "reset";
23
+ onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
24
+ /** Present means a leading icon rather than a trailing one; its contents are not read. */
25
+ iconProps?: object;
26
+ /** v8's `IRenderFunction` shape: `(props, defaultRender) => node`. */
27
+ onRenderMenuIcon?: (props: ISSASPrimaryButtonProps, defaultRender: () => ReactNode) => ReactNode;
4
28
  primaryColor?: string;
5
29
  noShadow?: boolean;
6
30
  noIcon?: boolean;
7
31
  loadingIcon?: boolean;
32
+ /** `"ChevronLeft"` or `"ChevronRight"`; the form passes neither and gets the RTL-aware default. */
8
33
  iconName?: string;
9
34
  }
10
35
  export declare const SSASPrimaryButton: React.FC<ISSASPrimaryButtonProps>;
11
- export {};
12
36
  //# sourceMappingURL=SSASPrimaryButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SSASPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,YAAY,EAAuC,MAAM,iBAAiB,CAAC;AA6CnG,UAAU,uBAAwB,SAAQ,YAAY;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsB/D,CAAC"}
1
+ {"version":3,"file":"SSASPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1E;;;;;;;;GAQG;AACH,MAAM,WAAW,uBAAuB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,qDAAqD;IACrD,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,aAAa,CAAA;KAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACrD,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,SAAS,KAAK,SAAS,CAAA;IAChG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AA0DD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyE/D,CAAA"}
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import { FieldProps, InputProps } from "@fluentui/react-components";
3
+ import type { FontConfig } from "../../styles/defaultStyles";
4
+ export interface SSASTextInputProps extends InputProps {
5
+ label?: string;
6
+ /** Shown under the input and turns it red. Empty or undefined means valid. */
7
+ errorMessage?: string;
8
+ /** Supplementary text below the input, replacing v8 `TextField`'s `description`. */
9
+ hint?: FieldProps["hint"];
10
+ fonts?: FontConfig;
11
+ }
12
+ /**
13
+ * Labelled v9 `Input` with validation, replacing v8's `TextField`. Ported from SharedPortal's
14
+ * `commons/Input/SSASTextInput.tsx`: built on `Field`, `required` coerced to a boolean (react-hook-form's
15
+ * `rules.required` is often the message string, which `Field` would render as the whole label marker),
16
+ * and v8's `onChange(ev, string)` replaced by v9's `onChange(ev, { value })`.
17
+ */
18
+ export declare const SSASTextInput: React.ForwardRefExoticComponent<SSASTextInputProps & React.RefAttributes<HTMLInputElement>>;
19
+ //# sourceMappingURL=SSASTextInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SSASTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAS,UAAU,EAAS,UAAU,EAAgB,MAAM,4BAA4B,CAAA;AAE/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oFAAoF;IACpF,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,6FAgBzB,CAAA"}
@@ -1,3 +1,6 @@
1
1
  export * from './SSASCheckbox';
2
2
  export * from './SSASPrimaryButton';
3
+ export * from './FormThemeProvider';
4
+ export * from './SSASTextInput';
5
+ export * from './SSASDropdown';
3
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}
@@ -1,7 +1,14 @@
1
1
  import { FC } from "react";
2
- import { ICheckboxProps } from "@fluentui/react";
2
+ import { CheckboxProps } from "@fluentui/react-components";
3
3
  import { HookFormProps } from "./HookFormProps";
4
- export declare const ControlledCheckbox: FC<HookFormProps & ICheckboxProps & {
5
- primaryColor?: string;
6
- }>;
4
+ /**
5
+ * Ported from SharedPortal's `ControlledCheckBox.tsx`. v8's version passed react-hook-form's
6
+ * `field.onChange` straight through as `Checkbox`'s `onChange`; v8 calls that `(ev, checked)`, so the
7
+ * field value silently became the click event rather than the boolean. v9's `onChange` is
8
+ * `(ev, data)`, so it is bridged to `onChange(data.checked)`.
9
+ *
10
+ * The brand colour is no longer a prop: the checked fill and hover border come from the v9 theme
11
+ * `FormThemeProvider` builds from `primaryColor`.
12
+ */
13
+ export declare const ControlledCheckbox: FC<HookFormProps & CheckboxProps>;
7
14
  //# sourceMappingURL=ControlledCheckbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAwC,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CA+C7F,CAAC"}
1
+ {"version":3,"file":"ControlledCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAY,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,aAAa,CA4BhE,CAAA"}
@@ -1,5 +1,18 @@
1
- import { FC } from "react";
2
- import { IComboBoxProps } from "@fluentui/react";
1
+ import { CSSProperties, FC } from "react";
3
2
  import { HookFormProps } from "./HookFormProps";
4
- export declare const ControlledCombobox: FC<HookFormProps & IComboBoxProps>;
3
+ import { FormOption } from "../../models/options";
4
+ import type { FontConfig } from "../../styles/defaultStyles";
5
+ export interface ControlledComboboxProps extends HookFormProps {
6
+ options: FormOption[];
7
+ label?: string;
8
+ placeholder?: string;
9
+ required?: boolean;
10
+ disabled?: boolean;
11
+ autoComplete?: string;
12
+ style?: CSSProperties;
13
+ className?: string;
14
+ fonts?: FontConfig;
15
+ }
16
+ export declare const ControlledCombobox: FC<ControlledComboboxProps>;
17
+ export default ControlledCombobox;
5
18
  //# sourceMappingURL=ControlledComboBox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CAuDjE,CAAC"}
1
+ {"version":3,"file":"ControlledComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAA;AAGlE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC1D,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAuFD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwB1D,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -1,5 +1,12 @@
1
1
  import { FC } from "react";
2
- import { IDropdownProps } from "@fluentui/react";
2
+ import { SSASDropdownProps } from "../common/SSASDropdown";
3
3
  import { HookFormProps } from "./HookFormProps";
4
- export declare const ControlledDropdown: FC<HookFormProps & IDropdownProps>;
4
+ type ControlledDropdownProps = HookFormProps & Omit<SSASDropdownProps, "value" | "onOptionSelect">;
5
+ /**
6
+ * Ported from SharedPortal's `ControlledDropdown`, including its fix: whether a field's stored form
7
+ * value IS an option's key (vs its text) must be decided once and used by both `onOptionSelect` and
8
+ * the reverse lookup, or the dropdown never shows its selection even though the form value is right.
9
+ */
10
+ export declare const ControlledDropdown: FC<ControlledDropdownProps>;
11
+ export {};
5
12
  //# sourceMappingURL=ControlledDropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CAuDjE,CAAC"}
1
+ {"version":3,"file":"ControlledDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,KAAK,uBAAuB,GAAG,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,gBAAgB,CAAC,CAAA;AAElG;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqC1D,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { FC } from "react";
2
2
  import { HookFormProps } from "./HookFormProps";
3
- import { ITextFieldProps } from "@fluentui/react";
4
- export declare const ControlledTextField: FC<HookFormProps & ITextFieldProps>;
3
+ import { SSASTextInputProps } from "../common/SSASTextInput";
4
+ export declare const ControlledTextField: FC<HookFormProps & SSASTextInputProps>;
5
5
  //# sourceMappingURL=ControlledTextField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledTextField.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledTextField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAa,MAAM,iBAAiB,CAAC;AAE7D,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,aAAa,GAAG,eAAe,CA6BnE,CAAC"}
1
+ {"version":3,"file":"ControlledTextField.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledTextField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE3E,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,aAAa,GAAG,kBAAkB,CA6BtE,CAAA"}
@@ -1,9 +1,9 @@
1
1
  import React, { FC } from "react";
2
- import { ITextFieldProps } from "@fluentui/react";
2
+ import { SSASTextInputProps } from "../common/SSASTextInput";
3
3
  import { FormLibraryConfig } from "../../models/config";
4
4
  import { IFormScreenTranslate } from "../../models/index";
5
5
  import { ApiService } from "../../services/ApiService";
6
- interface ControlledTextFieldAsyncProps extends ITextFieldProps {
6
+ interface ControlledTextFieldAsyncProps extends SSASTextInputProps {
7
7
  name: string;
8
8
  control: any;
9
9
  rules?: any;
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledTextFieldAsync.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledTextFieldAsync.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAa,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,6BAA8B,SAAQ,eAAe;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAkGtE,CAAC"}
1
+ {"version":3,"file":"ControlledTextFieldAsync.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledTextFieldAsync.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,6BAA8B,SAAQ,kBAAkB;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAkGtE,CAAC"}
package/dist/index.d.ts CHANGED
@@ -7,6 +7,6 @@ export { FormDataModels } from './models/form-data';
7
7
  export { ApiService } from './services/ApiService';
8
8
  export { EMAIL_PATTERN, LANGUAGE_OPTIONS, DEFAULT_TRANSLATIONS } from './utils/constants';
9
9
  export { useFormConfig } from './hooks/useFormConfig';
10
- export { createFormStyles, textFieldStyles, choiceGroupStyles } from './styles/defaultStyles';
10
+ export { createFormTheme, createBrandRamp } from './styles/brand-theme';
11
11
  export type { FontConfig } from './styles/defaultStyles';
12
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EACR,KAAK,EACL,aAAa,EACb,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,cAAc,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1F,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EACR,KAAK,EACL,aAAa,EACb,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,cAAc,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1F,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC"}