v2.3.0

[2.3.0] - 2024-03-22

Added

• Added the ability to read and write field values programmatically. see useRruForm.
• RruDateTimeInput: Added clear button.
• RruFileInput: Added chooseFileLabel prop.

Changed

• RruSelectInput & RruMultiSelectInput: Paginate loading options to enhance performance for large datasets.
• More ARIA compliance.

Fixed

• RruForm: Fix when nested buttons with type != submit would cause the form to submit.
• RruForm: Fix fatal error when supplying a flat value in the initialValues for a parent root object of a field that is nested.
• RruDateTimeInput: Fix text alignment when page direction is RTL.
• RruDateTimeInput: Fix onChange was called for each date/time part change.

Other

• Upgrade Dependencies.
• Internal enhancements.
• Added more tests.
• Updated docs with more details.

v2.3.0-next.2

v2.3.0-next.2

v2.3.0-next.1

v2.3.0-next.1

v2.3.0-next.0

v2.3.0-next.0

v2.2.0

[2.2.0] - 2022-11-22

Added

• RruForm: add support for nested fields.

Changed

• RruForm: eagerly validate a field if it has an error even before losing focus; for a better UX error feedback.

Fixed

• RruForm: fix initialValues not reflected in React 18 Strict mode.

Other

• Upgrade Dependencies.
• CI/CD pipeline for testing and publishing releases on tags.
• Storybook: enable react strict mode.
• Improve tests.

v2.1.0

[2.1.0] - 2022-08-06

Added

• RruRadioInput: support grouped options
• RruSelectInput: support grouped options
• RruMultiSelectInput: support grouped options
• RruMultiCheckboxInput: support grouped options
• RruCheckboxInput: add isSwitch
• RruForm: add id

Changed

• RruForm: defer initial onChange validations until input has lost focus
• RruDataTable: improve style

Fixed

• RruModalButton: fix modalTitle not working
• RruDateTimeInput: fix unable to change year
• RruTextInput: fix empty string initial value becomes null
• RruTextInput: fix error message not showing properly when page dir is different from input dir
• RruTextareaInput: fix empty string initial value becomes null
• RruTextareaInput: fix error message not showing properly when page dir is different from input dir

v2.0.0

[2.0.0] - 2022-07-27

Breaking Changes

• RruDataTable: Renamed from RruPageableTable.

• RruDataTable: Renamed apiErrorLabel to errorLabel.

• RruDataTable: Renamed defaultSortBy to defaultSortKey.

• RruDataTable: Removed actions and actionsLabel.

• RruDataTable: Removed userPrivileges and allowedPrivileges.

• RruDataTable: Removed retainTableState and getRetainedTableSearchObject.

• RruDataTable: Removed endpoint, requestMethod and onResponse. Use pageFetcher instead.

• RruDataTable: Removed disableSorting.

• RruDataTable: Removed nextLabel and previousLabel.

• RruDataTable: Removed display from columns.

• RruDataTable: Removed sortable from columns.

• RruStepsWizard: Added getStepLabel to read step label, no longer requiring stepLabel to be injected into children.

• RruStepsWizard: Added a hook useRruStepsWizardContext to access the current step info and access the navigation functions, no longer injecting these into children's props.

• RruStepsWizard: Removed noHeader.

• RruButton: This component has been dropped. Use RruModalButton instead.

• RruForm: Renamed validationSchema to yupValidationSchema.

• RruForm: Removed watch and watcher. Use the new callback onChange on the input component.

• RruFormElement: Removed this component, each input type has its own dedicated component:

  • type='text' becomes RruTextInput
  • type='password' becomes RruTextInput with isPassword={true}
  • type='textarea' becomes RruTextareaInput
  • type='date' becomes RruDateTimeInput with mode='date'
  • type='time' has no replacement
  • type='select' becomes RruSelectInput
  • type='multi-select' becomes RruMultiSelectInput
  • type='checkbox' becomes RruCheckboxInput
  • type='multi-checkbox' becomes RruMultiCheckboxInput
  • type='grouped-multi-checkbox' has no replacement
  • type='radio' becomes RruRadioInput
  • type='file' becomes RruFileInput

• RruSelectInput: Removed defaultValue. Now reads the default value from the initialValues of the form.

• RruSelectInput: Renamed options's id attribute to value.

• RruMultiSelectInput: Removed defaultValue. Now reads the default value from the initialValues of the form.

• RruMultiSelectInput: Renamed options's id attribute to value.

• RruRadioInput: Renamed options's id attribute to value.

• RruMultiCheckboxInput: Renamed options's id attribute to value.

• RruDateTimeInput: Removed defaultValue. Now reads the default value from the initialValues of the form.

• RruDateTimeInput: Removed isHijri. Use calendarType instead.

• RruDateTimeInput: Removed isFuture. Use getDateConfig instead.

• RruDateTimeInput: Removed isPast. Use getDateConfig instead.

• RruDateTimeInput: Removed maxYearLength. Use getDateConfig instead.

• RruDateTimeInput: Removed reverseDisplayOrder.

• RruFileInput: Removed placeholder.

• RruFileInput: Changed resultant value type from FileList to File.

Added

• RruModalButton: New Component.

• RruDataTable: Added pageFetcher.

• RruDataTable: Added defaultPageNumber.

• RruDataTable: Added onChange.

• RruStepsWizard: Added renderHeader.

• RruTextInput: Added autoComplete.

• RruTextInput: Added list.

• RruTextareaInput: Added autoComplete.

• RruTextareaInput: Added cols.

• RruTextareaInput: Added rows.

• RruTextareaInput: Added wrap.

• RruDateTimeInput: Added new mode datetime which supports date and time selection.

• RruDateTimeInput: Added calendarType which supports many calendar types (e.g. gregorian, islamic-umalqura, islamic-rgsa, persian and more).

• RruDateTimeInput: Added getDateConfig.

• RruSelectInput: Added button to clear selection.

• RruMultiCheckboxInput: Added inline.

Changed

• You are no longer required to load font-awesome stylesheet.
• RruDataTable: Use in-house developed pagination.
• RruDateTimeInput: Renders a floating picker rather than 3 select elements.

Fixed

• RruForm: Unmounted fields should not appear in form submit result.
• RruDataTable: Avoid a redundant extra api call when search changes.

Other

• Reduce package size.
• Migrate to bootstrap v5.
• Improved styles.
• Adhere to BEM naming convention for CSS class names.
• Removed the optional peer dependency axios.
• Removed dependency on font-awesome.
• Removed dependency on react-paginate.
• upgrade dependencies.
• Internal enhancements.

v1.6.3

Internal

• Improvements.

v1.6.2

Fixed

• RruFormElement: revert adding autoComplete='new-password' to password type in v1.6.1 because this broke the login form auto completion.

v1.6.1

Added

• RruForm: add typescript support for boolean type in initialValues prop.
• RruFormElement: add autoComplete='new-password' to password type.

Fixed

• RruButton: The cancel button in the confirmation was submitting the form.

Internal

• Storybook stories improvements.
• upgrade dev dependencies.