Alpha

.github/workflows/dhis2-verify-commits.yml

@@ -9,6 +9,9 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v2
+            - uses: actions/setup-node@v1
+              with:
+                  node-version: 20.x
             - uses: c-hive/gha-yarn-cache@v1
             - run: yarn install --frozen-lockfile
             - id: commitlint
@@ -23,6 +26,9 @@ jobs:
             - uses: actions/checkout@v2
               with:
                   fetch-depth: 0
+            - uses: actions/setup-node@v1
+              with:
+                  node-version: 20.x
             - uses: c-hive/gha-yarn-cache@v1
             - run: yarn install --frozen-lockfile
             - id: commitlint

CHANGELOG.md

@@ -1,3 +1,99 @@
+# [10.0.0-alpha.6](https://github.com/dhis2/ui/compare/v10.0.0-alpha.5...v10.0.0-alpha.6) (2024-10-29)
+
+
+### Bug Fixes
+
+* **calendar:** stop extra call to validation when choosing from picker ([#1623](https://github.com/dhis2/ui/issues/1623)) ([a1786d5](https://github.com/dhis2/ui/commit/a1786d593f9c3f2cac79dc6f657fa65c71d57690))
+
+# [10.0.0-alpha.5](https://github.com/dhis2/ui/compare/v10.0.0-alpha.4...v10.0.0-alpha.5) (2024-10-21)
+
+
+### Bug Fixes
+
+* **calendar-input:** trigger onFocus if passed ([#1622](https://github.com/dhis2/ui/issues/1622)) ([293505d](https://github.com/dhis2/ui/commit/293505d6376c57a4cef453096b791137c619ca7e))
+
+# [10.0.0-alpha.4](https://github.com/dhis2/ui/compare/v10.0.0-alpha.3...v10.0.0-alpha.4) (2024-10-11)
+
+
+### Bug Fixes
+
+* bump multi-calendar library ([#1618](https://github.com/dhis2/ui/issues/1618)) ([769c7ae](https://github.com/dhis2/ui/commit/769c7aee5fee159d9eb8eb67cb869ee87367f7fd))
+
+# [10.0.0-alpha.3](https://github.com/dhis2/ui/compare/v10.0.0-alpha.2...v10.0.0-alpha.3) (2024-10-09)
+
+
+### Bug Fixes
+
+* **calendar:** fix minor type issues ([#1588](https://github.com/dhis2/ui/issues/1588)) ([21e60a6](https://github.com/dhis2/ui/commit/21e60a6a275ab5cc4a1048e4dfb53183a4f92bd3))
+
+# [10.0.0-alpha.2](https://github.com/dhis2/ui/compare/v10.0.0-alpha.1...v10.0.0-alpha.2) (2024-10-07)
+
+
+### Bug Fixes
+
+* stories for calendar validation ([#1616](https://github.com/dhis2/ui/issues/1616)) ([c00a2d6](https://github.com/dhis2/ui/commit/c00a2d62b85c686acb4fc0ad6aea39d839940ee9))
+
+# [10.0.0-alpha.1](https://github.com/dhis2/ui/compare/v9.12.0-alpha.4...v10.0.0-alpha.1) (2024-10-04)
+
+
+### Bug Fixes
+
+* bump multi-calendar library ([#1615](https://github.com/dhis2/ui/issues/1615)) ([238de1f](https://github.com/dhis2/ui/commit/238de1f30e4b7bbfe40127ed35e9661ff1543a26))
+
+
+### BREAKING CHANGES
+
+* multi-calendar hook no longer returns Temporal date
+
+* fix: failing test
+
+# [9.12.0-alpha.4](https://github.com/dhis2/ui/compare/v9.12.0-alpha.3...v9.12.0-alpha.4) (2024-09-27)
+
+
+### Bug Fixes
+
+* clear button and arrow alignment issues ([#1609](https://github.com/dhis2/ui/issues/1609)) ([ba0b657](https://github.com/dhis2/ui/commit/ba0b657a798c8f538ee025144d579d862bbd583a))
+
+# [9.12.0-alpha.3](https://github.com/dhis2/ui/compare/v9.12.0-alpha.2...v9.12.0-alpha.3) (2024-09-26)
+
+
+### Features
+
+* calendar input to work with react final form ([827c3f8](https://github.com/dhis2/ui/commit/827c3f853d24d08b9d1952c72149fc3359ffc34a))
+
+# [9.12.0-alpha.2](https://github.com/dhis2/ui/compare/v9.12.0-alpha.1...v9.12.0-alpha.2) (2024-09-24)
+
+
+### Bug Fixes
+
+* update multi-calendar library ([6aa01cc](https://github.com/dhis2/ui/commit/6aa01cc9fd0cde91fd8d20716b132fe6518476e9))
+
+# [9.12.0-alpha.1](https://github.com/dhis2/ui/compare/v9.11.4...v9.12.0-alpha.1) (2024-09-23)
+
+
+### Bug Fixes
+
+* bump multi calendar library version in calendar ([#1566](https://github.com/dhis2/ui/issues/1566)) ([d205016](https://github.com/dhis2/ui/commit/d205016ae9f51eb286007762d99549325199cedc))
+* bump multi calendar library version in calendar component  ([#1576](https://github.com/dhis2/ui/issues/1576)) ([5f2b13d](https://github.com/dhis2/ui/commit/5f2b13dc3abfd2396c83c39fb399d3c7e0d1dffe))
+* update yarn.lock after deduping ([5c24b02](https://github.com/dhis2/ui/commit/5c24b02782c2e9c530ec857669ba51ff3e5f3768))
+
+
+### Features
+
+* add aria attributes to loaders ([#1449](https://github.com/dhis2/ui/issues/1449)) ([2832584](https://github.com/dhis2/ui/commit/28325848aac6e1c5244b7a48ed5d8951a0cfa1d3))
+* memorize calendar container component to improve perfromance ([#1575](https://github.com/dhis2/ui/issues/1575)) ([0d00a19](https://github.com/dhis2/ui/commit/0d00a19663147b24acc0513aa8958d630ffed94c))
+* merge master into alpha ([7afecf9](https://github.com/dhis2/ui/commit/7afecf9121d573bc96f58f8bb89215440036c970))
+* splitButton accessibility improvements ([#1458](https://github.com/dhis2/ui/issues/1458)) ([51a1b14](https://github.com/dhis2/ui/commit/51a1b149ae720703339dc36edc88de70c6798bf8))
+* support editable input | min & max dates | dd-mm-yyyy format in CalendarInput ([#1504](https://github.com/dhis2/ui/issues/1504)) ([99a78f5](https://github.com/dhis2/ui/commit/99a78f5caec83529af26a11a2dd4d93fface30b4))
+* use alpha of multi calendar library ([0c6b966](https://github.com/dhis2/ui/commit/0c6b966fca18912e88a13c6822ec68b46208e99a))
+* verify date input only on blur on calendar input, close calendar popup on blur as well ([d8b0d1c](https://github.com/dhis2/ui/commit/d8b0d1cd2fd93a88413f0f73ad216783e6dd3ff7))
+* **tooltip:** accessibility improvements for tooltip ([#1463](https://github.com/dhis2/ui/issues/1463)) ([f11eabb](https://github.com/dhis2/ui/commit/f11eabb87309efdb6e1d961a461002cdc76664b1))
+
+
+### Reverts
+
+* Revert "feat(selectionBar): accessibility improvements for SelectionBar (#1475)" ([54498fb](https://github.com/dhis2/ui/commit/54498fbdd8cec448c891855b72691d5613c83a47)), closes [#1475](https://github.com/dhis2/ui/issues/1475)
+
 ## [9.11.4](https://github.com/dhis2/ui/compare/v9.11.3...v9.11.4) (2024-09-10)
 
 

collections/forms/i18n/en.pot

@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-09-09T12:09:30.724Z\n"
-"PO-Revision-Date: 2024-09-09T12:09:30.724Z\n"
+"POT-Creation-Date: 2024-09-26T14:15:11.940Z\n"
+"PO-Revision-Date: 2024-09-26T14:15:11.941Z\n"
 
 msgid "Upload file"
 msgstr "Upload file"

collections/forms/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/ui-forms",
-    "version": "9.11.4",
+    "version": "10.0.0-alpha.6",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "sideEffects": [
@@ -35,15 +35,15 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/button": "9.11.4",
-        "@dhis2-ui/checkbox": "9.11.4",
-        "@dhis2-ui/field": "9.11.4",
-        "@dhis2-ui/file-input": "9.11.4",
-        "@dhis2-ui/input": "9.11.4",
-        "@dhis2-ui/radio": "9.11.4",
-        "@dhis2-ui/select": "9.11.4",
-        "@dhis2-ui/switch": "9.11.4",
-        "@dhis2-ui/text-area": "9.11.4",
+        "@dhis2-ui/button": "10.0.0-alpha.6",
+        "@dhis2-ui/checkbox": "10.0.0-alpha.6",
+        "@dhis2-ui/field": "10.0.0-alpha.6",
+        "@dhis2-ui/file-input": "10.0.0-alpha.6",
+        "@dhis2-ui/input": "10.0.0-alpha.6",
+        "@dhis2-ui/radio": "10.0.0-alpha.6",
+        "@dhis2-ui/select": "10.0.0-alpha.6",
+        "@dhis2-ui/switch": "10.0.0-alpha.6",
+        "@dhis2-ui/text-area": "10.0.0-alpha.6",
         "classnames": "^2.3.1",
         "final-form": "^4.20.2",
         "prop-types": "^15.7.2",

collections/forms/src/InputFieldFF/InputFieldFF.prod.stories.js

@@ -32,7 +32,7 @@ Press **Submit** to see the form values logged to the console.
 `
 
 export default {
-    title: 'Input Field (Final Form)',
+    title: 'Final Form - Input Field ',
     component: InputFieldFF,
     decorators: [formDecorator],
     parameters: { docs: { description: { component: description } } },

collections/ui/API.md

@@ -221,7 +221,7 @@ import { Calendar } from '@dhis2/ui'
 |Name|Type|Default|Required|Description|
 |---|---|---|---|---|
 |calendar|any||*|the calendar to use such gregory, ethiopic, nepali - full supported list here: https://github.com/dhis2/multi-calendar-dates/blob/main/src/constants/calendars.ts|
-|onDateSelect|function||*|Called with signature `(null)` \|\| `({ dateCalendarString: string, dateCalendar: Temporal.ZonedDateTime })` with `dateCalendarString` being the stringified date in the specified calendar in the format `yyyy-MM-dd`|
+|onDateSelect|function||*|Called with signature `(null)` \|\| `({ dateCalendarString: string, validation: { error: boolean, warning: boolean, validationText: string} })` with `dateCalendarString` being the stringified date in the specified calendar in the format `yyyy-MM-dd`|
 |cellSize|string|`'32px'`||the size of a single cell in the table forming the calendar|
 |date|string|||the currently selected date using an iso-like format YYYY-MM-DD, in the calendar system provided (not iso8601)|
 |dir|'ltr' │ 'rtl'|||the direction of the library - internally the library will use rtl for rtl-languages but this can be overridden here for more control|
@@ -247,7 +247,22 @@ import { CalendarInput } from '@dhis2/ui'
 
 |Name|Type|Default|Required|Description|
 |---|---|---|---|---|
-|dataTest|undefined|`'dhis2-uiwidgets-calendar-inputfield'`|||
+|calendar|any||*|the calendar to use such gregory, ethiopic, nepali - full supported list here: https://github.com/dhis2/multi-calendar-dates/blob/main/src/constants/calendars.ts|
+|onDateSelect|function||*|Called with signature `(null)` \|\| `({ dateCalendarString: string, validation: { error: boolean, warning: boolean, validationText: string} })` with `dateCalendarString` being the stringified date in the specified calendar in the format `yyyy-MM-dd`|
+|cellSize|string|`'32px'`||the size of a single cell in the table forming the calendar|
+|clearable|boolean|||Whether the clear button is displayed|
+|dataTest|string|`'dhis2-uiwidgets-calendar-inputfield'`||'data-test' attribute of `InputField` component|
+|date|string|||the currently selected date using an iso-like format YYYY-MM-DD, in the calendar system provided (not iso8601)|
+|dir|'ltr' │ 'rtl'|||the direction of the library - internally the library will use rtl for rtl-languages but this can be overridden here for more control|
+|format|'YYYY-MM-DD' │ 'DD-MM-YYYY'|||The date format to use either `YYYY-MM-DD` or `DD-MM-YYYY`|
+|inputWidth|string|||the width of input field|
+|locale|string|||any valid locale -  if none provided, the internal library will fallback to the user locale (more info here: https://github.com/dhis2/multi-calendar-dates/blob/main/src/hooks/internal/useResolvedLocaleOptions.ts#L15)|
+|maxDate|string|||The maximum selectable date|
+|minDate|string|||The minimum selectable date|
+|numberingSystem|string|||numbering system to use - full list here https://github.com/dhis2/multi-calendar-dates/blob/main/src/constants/numberingSystems.ts|
+|strictValidation|boolean|||Whether to use strict validation by showing errors for out-of-range dates when enabled (default), and warnings when disabled|
+|weekDayFormat|'narrow' │ 'short' │ 'long'|`'narrow'`||the format to display for the week day, i.e. Monday (long), Mon (short), M (narrow)|
+|width|string|`'300px'`||the width of the calendar component|
 
 ### Card
 

collections/ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/ui",
-    "version": "9.11.4",
+    "version": "10.0.0-alpha.6",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {
@@ -21,54 +21,54 @@
         "build": "d2-app-scripts build"
     },
     "dependencies": {
-        "@dhis2-ui/alert": "9.11.4",
-        "@dhis2-ui/box": "9.11.4",
-        "@dhis2-ui/button": "9.11.4",
-        "@dhis2-ui/calendar": "9.11.4",
-        "@dhis2-ui/card": "9.11.4",
-        "@dhis2-ui/center": "9.11.4",
-        "@dhis2-ui/checkbox": "9.11.4",
-        "@dhis2-ui/chip": "9.11.4",
-        "@dhis2-ui/cover": "9.11.4",
-        "@dhis2-ui/css": "9.11.4",
-        "@dhis2-ui/divider": "9.11.4",
-        "@dhis2-ui/field": "9.11.4",
-        "@dhis2-ui/file-input": "9.11.4",
-        "@dhis2-ui/header-bar": "9.11.4",
-        "@dhis2-ui/help": "9.11.4",
-        "@dhis2-ui/input": "9.11.4",
-        "@dhis2-ui/intersection-detector": "9.11.4",
-        "@dhis2-ui/label": "9.11.4",
-        "@dhis2-ui/layer": "9.11.4",
-        "@dhis2-ui/legend": "9.11.4",
-        "@dhis2-ui/loader": "9.11.4",
-        "@dhis2-ui/logo": "9.11.4",
-        "@dhis2-ui/menu": "9.11.4",
-        "@dhis2-ui/modal": "9.11.4",
-        "@dhis2-ui/node": "9.11.4",
-        "@dhis2-ui/notice-box": "9.11.4",
-        "@dhis2-ui/organisation-unit-tree": "9.11.4",
-        "@dhis2-ui/pagination": "9.11.4",
-        "@dhis2-ui/popover": "9.11.4",
-        "@dhis2-ui/popper": "9.11.4",
-        "@dhis2-ui/portal": "9.11.4",
-        "@dhis2-ui/radio": "9.11.4",
-        "@dhis2-ui/required": "9.11.4",
-        "@dhis2-ui/segmented-control": "9.11.4",
-        "@dhis2-ui/select": "9.11.4",
-        "@dhis2-ui/selector-bar": "9.11.4",
-        "@dhis2-ui/sharing-dialog": "9.11.4",
-        "@dhis2-ui/switch": "9.11.4",
-        "@dhis2-ui/tab": "9.11.4",
-        "@dhis2-ui/table": "9.11.4",
-        "@dhis2-ui/tag": "9.11.4",
-        "@dhis2-ui/text-area": "9.11.4",
-        "@dhis2-ui/tooltip": "9.11.4",
-        "@dhis2-ui/transfer": "9.11.4",
-        "@dhis2-ui/user-avatar": "9.11.4",
-        "@dhis2/ui-constants": "9.11.4",
-        "@dhis2/ui-forms": "9.11.4",
-        "@dhis2/ui-icons": "9.11.4",
+        "@dhis2-ui/alert": "10.0.0-alpha.6",
+        "@dhis2-ui/box": "10.0.0-alpha.6",
+        "@dhis2-ui/button": "10.0.0-alpha.6",
+        "@dhis2-ui/calendar": "10.0.0-alpha.6",
+        "@dhis2-ui/card": "10.0.0-alpha.6",
+        "@dhis2-ui/center": "10.0.0-alpha.6",
+        "@dhis2-ui/checkbox": "10.0.0-alpha.6",
+        "@dhis2-ui/chip": "10.0.0-alpha.6",
+        "@dhis2-ui/cover": "10.0.0-alpha.6",
+        "@dhis2-ui/css": "10.0.0-alpha.6",
+        "@dhis2-ui/divider": "10.0.0-alpha.6",
+        "@dhis2-ui/field": "10.0.0-alpha.6",
+        "@dhis2-ui/file-input": "10.0.0-alpha.6",
+        "@dhis2-ui/header-bar": "10.0.0-alpha.6",
+        "@dhis2-ui/help": "10.0.0-alpha.6",
+        "@dhis2-ui/input": "10.0.0-alpha.6",
+        "@dhis2-ui/intersection-detector": "10.0.0-alpha.6",
+        "@dhis2-ui/label": "10.0.0-alpha.6",
+        "@dhis2-ui/layer": "10.0.0-alpha.6",
+        "@dhis2-ui/legend": "10.0.0-alpha.6",
+        "@dhis2-ui/loader": "10.0.0-alpha.6",
+        "@dhis2-ui/logo": "10.0.0-alpha.6",
+        "@dhis2-ui/menu": "10.0.0-alpha.6",
+        "@dhis2-ui/modal": "10.0.0-alpha.6",
+        "@dhis2-ui/node": "10.0.0-alpha.6",
+        "@dhis2-ui/notice-box": "10.0.0-alpha.6",
+        "@dhis2-ui/organisation-unit-tree": "10.0.0-alpha.6",
+        "@dhis2-ui/pagination": "10.0.0-alpha.6",
+        "@dhis2-ui/popover": "10.0.0-alpha.6",
+        "@dhis2-ui/popper": "10.0.0-alpha.6",
+        "@dhis2-ui/portal": "10.0.0-alpha.6",
+        "@dhis2-ui/radio": "10.0.0-alpha.6",
+        "@dhis2-ui/required": "10.0.0-alpha.6",
+        "@dhis2-ui/segmented-control": "10.0.0-alpha.6",
+        "@dhis2-ui/select": "10.0.0-alpha.6",
+        "@dhis2-ui/selector-bar": "10.0.0-alpha.6",
+        "@dhis2-ui/sharing-dialog": "10.0.0-alpha.6",
+        "@dhis2-ui/switch": "10.0.0-alpha.6",
+        "@dhis2-ui/tab": "10.0.0-alpha.6",
+        "@dhis2-ui/table": "10.0.0-alpha.6",
+        "@dhis2-ui/tag": "10.0.0-alpha.6",
+        "@dhis2-ui/text-area": "10.0.0-alpha.6",
+        "@dhis2-ui/tooltip": "10.0.0-alpha.6",
+        "@dhis2-ui/transfer": "10.0.0-alpha.6",
+        "@dhis2-ui/user-avatar": "10.0.0-alpha.6",
+        "@dhis2/ui-constants": "10.0.0-alpha.6",
+        "@dhis2/ui-forms": "10.0.0-alpha.6",
+        "@dhis2/ui-icons": "10.0.0-alpha.6",
         "prop-types": "^15.7.2"
     },
     "peerDependencies": {

components/alert/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/alert",
-    "version": "9.11.4",
+    "version": "10.0.0-alpha.6",
     "description": "UI Alert",
     "repository": {
         "type": "git",
@@ -33,9 +33,9 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/portal": "9.11.4",
-        "@dhis2/ui-constants": "9.11.4",
-        "@dhis2/ui-icons": "9.11.4",
+        "@dhis2-ui/portal": "10.0.0-alpha.6",
+        "@dhis2/ui-constants": "10.0.0-alpha.6",
+        "@dhis2/ui-icons": "10.0.0-alpha.6",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

components/box/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/box",
-    "version": "9.11.4",
+    "version": "10.0.0-alpha.6",
     "description": "UI Box",
     "repository": {
         "type": "git",
@@ -33,7 +33,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "9.11.4",
+        "@dhis2/ui-constants": "10.0.0-alpha.6",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

components/button/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/button",
-    "version": "9.11.4",
+    "version": "10.0.0-alpha.6",
     "description": "UI Button",
     "repository": {
         "type": "git",
@@ -33,11 +33,11 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/layer": "9.11.4",
-        "@dhis2-ui/loader": "9.11.4",
-        "@dhis2-ui/popper": "9.11.4",
-        "@dhis2/ui-constants": "9.11.4",
-        "@dhis2/ui-icons": "9.11.4",
+        "@dhis2-ui/layer": "10.0.0-alpha.6",
+        "@dhis2-ui/loader": "10.0.0-alpha.6",
+        "@dhis2-ui/popper": "10.0.0-alpha.6",
+        "@dhis2/ui-constants": "10.0.0-alpha.6",
+        "@dhis2/ui-icons": "10.0.0-alpha.6",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },