CHANGELOG.md

4.21.1 (2020-05-19)

Bug Fixes

• prevent icon from shrinking when label text overflows (ccd86bc)

4.21.0 (2020-05-19)

Features

• add support for virtual elements in popper and popover (3a06526)

4.20.0 (2020-05-18)

Features

• let popper and popover accept react-refs or dom nodes directly (df11f3c)

4.19.1 (2020-04-30)

Bug Fixes

• tooltip: allow either function or node as children (cecfc16)

4.19.0 (2020-04-24)

Features

• transfer: add component (aaeaaa3)

4.18.0 (2020-04-22)

Features

• tooltip: introduce tooltip as a public component (158a322)

4.17.1 (2020-04-15)

Bug Fixes

• MultiSelect: use dense chips for selections in input (a3b9e20)

4.17.0 (2020-04-14)

Bug Fixes

• chip: adjust remove icon (942265f)

Features

• chip: dense style (9d7cb52)

4.16.0 (2020-03-25)

Bug Fixes

• tooltip: remove tag prop so anchor is always a span (0c4a72a)

Features

• tooltip with renderprops (3b5aeca)

4.15.0 (2020-03-19)

Features

• introduce tooltip and e2e tests (bec3f07)

4.14.0 (2020-03-09)

Features

• introduce popover, expose popper, refactor split/dropdown-button (609b1f2)

4.13.0 (2020-03-02)

Features

• add tag component (4e068dc)

4.12.0 (2020-02-21)

Features

• divider: add dense prop (3012097)
• menu: add maxWidth prop and multiline menu items (bc88be4)
• menu-item: add destructive prop (2457b0d)

4.11.1 (2020-02-20)

Bug Fixes

• remove isrequired, unless omitting the prop will cause an error (9223a26)

4.11.0 (2020-02-19)

Features

• menu item: add optional target prop (c9afe3f)

4.10.0 (2020-02-19)

Features

• checkbox: add indeterminate prop on dom input element (745a14a)

4.9.1 (2020-02-17)

Bug Fixes

• menu: adjust selector for opening submenu (e03896a)

4.9.0 (2020-02-11)

Features

• introduce file-input-field-with-list and onfocus onblur to button (1552eae)

4.8.0 (2020-02-06)

Features

• modal: add alignment functionality and props (5dcacf8)
• screen cover: add alignment functionality and props (6754d56)

4.7.2 (2020-02-04)

Bug Fixes

• node: use previously replace arrow icon (1eb0ac1)

4.7.1 (2020-01-30)

Bug Fixes

• button: adjust arrow icon used in buttons (02cb546)
• button: adjust styles and padding (7b9fb0e)
• button: reduce padding for icon only buttons (459c610)
• dropdown-button: add dp12 whitespace left of the arrow icon (78192e4)
• splitbutton: increase padding on right side of split buttons (87b4e7b)

4.7.0 (2020-01-23)

Features

• circular loader: make svg shrink if container size changes (04fb621)
• node: add content, label & leaves data-test props (b4807ca)
• node: add custom icon prop (7a897da)

4.6.1 (2020-01-08)

Bug Fixes

• tabbar tabs: use correct children prop type (ce61249)

4.6.0 (2020-01-07)

Bug Fixes

• select: don't ignore invalid selection silently (02740c8)
• select: fix incorrect data-test attribute (a849de6)

Features

• select: add data attributes for options (196bac1)
• select: append loading spinner to children instead of replacing (f7651b8)

4.5.0 (2019-12-20)

Features

• add StackedTable component (4f358f2)

4.4.1 (2019-12-19)

Bug Fixes

• align select with input styling (0465e0e)

4.4.0 (2019-12-18)

Features

• add data-test attributes (fe77867)

4.3.1 (2019-12-17)

Bug Fixes

• relax prop-validation on children to prevent false positives (410a1ee)

4.3.0 (2019-12-16)

Features

• input: enable additional types on input (1db8763)

4.2.0 (2019-12-16)

Features

• modal: allow modal without actions (d65a076)

4.1.3 (2019-12-12)

Bug Fixes

• deps: set dependencies provided by app-platform to peerDeps (b637df1)

4.1.2 (2019-12-12)

Bug Fixes

• splitbutton: allow initialfocus on primary button (511c146)

4.1.1 (2019-12-04)

Reverts

• "feat: transfer feature files and fixes" (765a51b)

4.1.0 (2019-12-03)

Features

• transfer feature files and fixes (bf26891)

4.0.3 (2019-11-27)

Bug Fixes

• select: update cb signature for disabled options (e8dd73a)

4.0.2 (2019-11-26)

Bug Fixes

• select: fix clear button callback to use new callback signature (982e6cb)

4.0.1 (2019-11-25)

Bug Fixes

• avoid unconditionally calling optional event handlers (1c49662)

4.0.0 (2019-11-25)

Bug Fixes

• alert-stack: revert changes so it just uses a fixed z-index (63b6cff)
• checkbox: align focus/blur with change and remove disabled check (7527002)
• checkbox,radio: value should be optional (#419) (05306a2)
• chip remove icon: fix position cross browser (40d86a0)
• css-variables: improve robustness and developer warnings (#449) (352a4d1)
• file-field: consistently use FileField instead of File + fix typo (d51b119)
• file-input: adjust component names - FormControl to Field (d31e861)
• file-input: correct line height and add className prop (c6b79d5)
• file-input: fix Edge text overflow behavior (2f4a1cf)
• file-input: implement PlaceHolder as child of FileList (4d70143)
• file-input: implement spacing between text and link via ::after el (f4ae821)
• file-input: improve children prop-type to allow multiple files (e7785fd)
• file-input: introduce FileList to solve spacing issues (5faae50)
• file-input: tweak CSS to fix incorrect total height (79d8df0)
• input: align handleFocus/handleBlur with handleChange (848d5fe)
• input: allow types specified in design-system (29127f3)
• input: correct prop-type for type (066e468)
• input: remove duplicate story and improve "No label" (#480) (0a40894)
• input-field: add required onChange prop to all stories (d0060bc)
• input-field: adjust focus props and label story (#447) (43df32e)
• layer: children must be a function and required (ec75085)
• layer context: simplify and correct calculations (4a14e3f)
• layer-context: add support for layers upon layers (677e585)
• prop-types: adjust statusPropType and use custom one for AlertBar (85d40ba)
• radio: align handleFocus/handleBlur with handleChange (d9b6305)
• select: add missing prop types (fc4e499)
• select: add missing tab index default (85904e3)
• select: align onfocus and onblur with other cbs (a607f31)
• select: align select with callback style changes (456d116)
• select: fix overlap on specifying input width for flex children (54a15aa)
• select: fix positioning issues (6bd8a2b)
• select: fix select closing on chip removal (b51d101)
• text-area: only set height when value changes (9ec7437)
• toggle-group: remove .isRequired from value prop (abb790c)
• adjust menu position after option selection (a5b9385)
• correct handler usage for filterable menu (7f53a63)
• export Label in index.js (85187b9)
• introduce layer-context to deal with overlapping elements + story (6632093)
• use layer-context in alert-stack and drop-menu (2caece4)
• select: make filtering case insensitive (6d997a8)
• split-button: remove unused styles (134fd16)
• switch: align handleFocus/handleBlur with handleChange (92550c8)
• tab-bar: enforce that children are instances of the Tab component (d583188)
• text-area: align handleFocus/handleBlur with handleChange (2f3ad48)
• make name prop optional instead of required (ab8f6a5)
• switch: change input type to checkbox because switch is not valid (245f8bf)
• toggles: remove position relative from toggles (a3f5e2e)

chore

• upgrade react to support hooks (35672e0)
• help: remove indent props and examples from stories (#471) (12efecb)

Code Refactoring

• checkbox: align 'on' function handlers (53c700d)
• fileinput: align 'on' function handlers (8829eec)
• formcontrol: rename to field (#402) (b9205e1)
• input: align 'on' function handlers (2ab28b7)
• input,textarea: remove option to pass in number for width (77105f2)
• modal: align modal with component structure (b276a31)
• modal: remove open prop (9da92f1)
• modal: remove unnecessary aside element wrapper (5e39456)
• radio: align 'on' function handlers (611a394)
• select: update component to new design (e810a78)
• splitbutton: separate component from buttonstrip (#396) (f24cd11)
• switch: align 'on' function handlers (5011d6d)
• tabbar: align component structure (e3313f3)
• textarea: align 'on' function handlers (44ef1bf)
• implement the Radio component consistently with other inputs (8fed62f)
• kill the filled option for selectfield and inputfield (#427) (e0eabdb)
• toggle input components (b51b71c)
• select,input: drop -field suffix on components (#389) (eb104f5)
• toggle-group: split into composable components (#388) (e4beb91)

Documentation

• introduce user docs (#397) (c3bc557)

Features

• field: add className prop (7565d59)
• file-field: introduce FileField component (0423f62)
• file-input: add disabled prop and button sizes (066538f)
• input atom: add ellipsis to overflowing text (56ce804)
• label: add className prop (8526560)
• modal: add className prop (6c231d6)
• node: add className prop to node (1468e35)
• screencover: add transparent prop (90a5881)
• select: add input max height prop (75555b3)
• select: add inputWidth property to control width (9eefe22)
• status-icon: add info and defaultTo props (8144311)
• tab components: add className props (480f538)
• textarea: introduce TextArea and TextAreaField with docs and stories (#456) (0e73d7a)
• theme: expose spacers, elevations and layers constants (76f34ba)

BREAKING CHANGES

• modal: Removed the aside element wrapper
• modal: Removing the "open" prop from the Modal.
• input,textarea: Input and TextArea now requires the input width override to be passed in as a string.
• Now requires React >= 16.8.
• fileinput: onChange is called with two parameters: First parameter an object with properties for checked, name, and value. The second is the React event object.
• textarea: onChange is called with two parameters: First parameter an object with properties for checked, name, and value. The second is the React event object.
• input: onChange is called with two parameters: First parameter an object with properties for checked, name, and value. The second is the React event object.
• checkbox: onChange is called with two parameters: First parameter an object with properties for checked, name, and value. The second is the React event object.
• radio: onChange is called with two parameters: First parameter an object with properties for checked, name, and value. The second is the React event object.
• switch: onChange is called with two parameters: First parameter an object with properties for checked, name, and value. The second is the React event object.
• tabbar: This replaces the need to nest a TabBar in a ScrollBar, and instead allows TabBar.propTypes.scrollable to toggle if a TabBar is scrollable.
• tabbar: This deprecates external use of ScrollBar.
• modal: This deprecated use of Modal.Actions. Instead, use ModalActions.
• modal: This deprecated use of Modal.Content. Instead, use ModalContent.
• modal: This deprecated use of Modal.Title. Instead, use ModalTitle.
• tab-bar: TabBar will now only accept Tab instances
• select: Select deprecated in favor of the SingleSelect, refer to the docs for the API.
• select: SelectField deprecated in favor of SingleSelectField, see the docs for the API.
• select: The new Select components do not accept a standard HTML option element, instead they require use of SingleSelectOption, MultiSelectOption, or a component with a matching API.
• select: The Select's onChange no longer returns a standard Event.target, instead returns the selected Object with properties: label and value, or an array of those for the MultiSelects
• select: The Selects all require a selected prop, instead of a value. Where selected is an object with a label and a value string, or an array of those for the MultiSelect.
• select: Since the Selects do not use a native input element, the name prop has been dropped from the Select components.
• The icon and required props have been removed from the Checkbox and Switch. For Switch, the label prop has become required.
• RadioGroup has a new implementation and drops the following props: label, inline, options, and helpText.
• The icon and required props have been removed from the Radio component and the value and label props have become required.
• help: Removes indent prop from Help. Use className to override if necessary.
• Remove the Filled field style for SelectField and InputField.
• MenuItem value prop is more strict, requires String instead of any.
• formcontrol: Renames FormControl to Field.
• splitbutton: remove the compact prop from buttonstrip
• toggle-group: Renames ToggleGroup to FieldSet to match intended usage.
• select,input: InputField renamed to Input

SelectField renamed to Select

• chore: trigger netlify

3.12.0 (2019-10-07)

Features

• radio-group: add disabled prop (#479) (e98d348)

3.11.2 (2019-10-03)

Bug Fixes

• radiogroup: make the label optional (#475) (57d017c)

3.11.1 (2019-09-30)

Bug Fixes

• don't use dynamic re-exports (#459) (7f0a5da), closes /github.com/dhis2/app-platform/blob/master/cli/config/rollup.config.js#L77 /github.com/rollup/rollup-plugin-commonjs/issues/211#issuecomment-337897124

3.11.0 (2019-09-23)

Features

• add static table component (#378) (0209aab)

3.10.0 (2019-09-17)

Features

• css-variables: add css variable injection component (#421) (0bd20ee)

3.9.1 (2019-09-05)

Bug Fixes

• menu item: pass value to on click (#405) (d371475)

3.9.0 (2019-08-22)

Features

• radio-group: introduce RadioGroup component (#381) (6a88a58)

3.8.0 (2019-08-22)

Features

• form-control: introduce FormControl component (#382) (0dfab15)

3.7.3 (2019-08-22)

Bug Fixes

• help: spacing (#380) (c9fd20a)

3.7.2 (2019-08-19)

Bug Fixes

• use correct disabled style & fix checkbox and radio disabled style (#379) (8755a04), closes dhis2/design-system#6

3.7.1 (2019-08-01)

Bug Fixes

• deps-dev: bump @storybook/components from 5.1.9 to 5.1.10 (#364) (7063ece)

3.7.0 (2019-07-19)

Features

• wrap contents with a link element when href or onClick is given (#354) (9e8d3f0)

3.6.3 (2019-07-16)

Bug Fixes

• tab: increase line-height & decrease padding to preserve height (#344) (e125c8f)

3.6.2 (2019-07-15)

Bug Fixes

• tabs: apply flex-grow to ScrollBar and TabBar (#343) (f048632)

3.6.1 (2019-07-15)

Bug Fixes

• update d2-style and fix but in radio button css (#338) (29cf886)

3.6.0 (2019-07-10)

Features

• add tabs component (#312) (9420365)

3.5.0 (2019-07-03)

Features

• add focus prop to button (#315) (56697b6)

3.4.0 (2019-06-21)

Features

• extract and expose MenuList from Menu component (#297) (4d576af)

3.3.0 (2019-06-17)

Features

• checkbox & radio: add custom icon prop (#295) (2da6bc5)

3.2.1 (2019-06-15)

Bug Fixes

• remove spacing left to the checkbox icon in FF (#283) (33165a5)

3.2.0 (2019-06-14)

Features

• alertbar: add the alert bar and alert stack (#277) (a645093)

3.1.1 (2019-06-13)

Bug Fixes

• cssreset: import from the theme file explicitly (#271) (74d35ad)

3.1.0 (2019-06-06)

Features

• add spacing scale (and fix a few bugs) (#249) (46a3574)

3.0.0 (2019-06-06)

chore

• release: v3.0.0 (#246) (6df182b), closes #244 #245 #247

BREAKING CHANGES

• release: The CircularProgress and LinearProgress have been renamed to CircularLoader and LinearLoader. The LinearLoader does not have an indeterminate option any more. Removes DOM attributes from component API: autofocus, autocomplete, readonly.

2.5.2 (2019-06-04)

Bug Fixes

• make form inputs focus-able (#230) (2fbd0ea)

2.5.1 (2019-05-31)

Bug Fixes

• node: do not count false when calculating the amount of children (#242) (a00dc19)

2.5.0 (2019-05-31)

Features

• add node component (#215) (2bbd4b4)

2.4.4 (2019-05-29)

Bug Fixes

• menu item: differentiate between hover and active style (#240) (37c51cb)

2.4.3 (2019-05-24)

Bug Fixes

• styling adjustments (#235) (b0bb96e)

2.4.2 (2019-05-24)

Bug Fixes

• linting: ran d2 style js install to generate eslint config (#234) (f75c8ba)

2.4.1 (2019-05-23)

Bug Fixes

• buttonstrip: remove default prop so start class is not always added (#233) (0526051)

2.4.0 (2019-05-23)

Features

• buttonstrip: add button strip component (#227) (63d774e)

2.3.0 (2019-05-23)

Features

• prop-types: mutually exclusive booleans (#232) (c2ce2c1)

2.2.3 (2019-05-22)

Bug Fixes

• issue with gatsby (#231) (cfb4718)

2.2.2 (2019-05-22)

Bug Fixes

• introduce the stacking context (#229) (54acc10)

2.2.1 (2019-05-21)

Bug Fixes

• add font-family to everything (#226) (d177230)

2.2.0 (2019-05-16)

Features

• use a portal to overlay the loader (#223) (61b5581)

2.1.2 (2019-05-15)

Bug Fixes

• input field and select field: crop long labels (#222) (db6f74e)

2.1.1 (2019-05-13)

Bug Fixes

• required star (#212) (7a2b306)

2.1.0 (2019-05-09)

Features

• add modal component (#205) (23a41f0)

2.0.2 (2019-05-06)

Bug Fixes

• ensure that both bundles are built using prod mode (#203) (b3145c9)

2.0.1 (2019-05-06)

Bug Fixes

• allow buttons to be used without onclick handlers (#202) (ec474bc)

2.0.0 (2019-05-06)

Features

• version 2 of ui-core (#183) (6364f4c)

BREAKING CHANGES

• The component API has been revamped to be simpler and more consistent. See the documentation for a full list.
• This changes the list prop passed to DropdownButton and SplitButton to component, which enables any component to be used as a menu.
• Event handlers align with the JS API of being called with one argument, the Event.

1.1.3 (2019-03-25)

Bug Fixes

• use cli to release; remove packages (#176) (5b0e402)