refactor(togglegroupfield): migrate to ui-widgets

BREAKING CHANGE: move the ToggleGroupField component from ui-core to ui-widgets.
dhis2 · Mar 9, 2020 · db55448 · db55448
1 parent 726b607
commit db55448
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 13 deletions.
diff --git a/packages/core/src/index.js b/packages/core/src/index.js
@@ -85,5 +85,4 @@ export { Modal } from './Modal/Modal.js'
 export { MultiSelectField } from './MultiSelectField/MultiSelectField.js'
 export { SingleSelectField } from './SingleSelectField/SingleSelectField.js'
 export { SwitchField } from './SwitchField/SwitchField.js'
-export { ToggleGroupField } from './ToggleGroupField/ToggleGroupField.js'
 export { TextAreaField } from './TextAreaField/TextAreaField.js'
diff --git a/.../src/ToggleGroupField/ToggleGroupField.js → .../src/ToggleGroupField/ToggleGroupField.js b/.../src/ToggleGroupField/ToggleGroupField.js → .../src/ToggleGroupField/ToggleGroupField.js
@@ -1,21 +1,21 @@
 import propTypes from '@dhis2/prop-types'
 import React from 'react'
 
-import { ToggleGroup } from '../ToggleGroup/ToggleGroup.js'
-import { Field } from '../Field/Field.js'
-import { FieldSet } from '../FieldSet/FieldSet.js'
-import { Legend } from '../Legend/Legend.js'
-import { Help } from '../Help/Help.js'
-import { statusPropType } from '../common-prop-types.js'
+import { ToggleGroup, Field, FieldSet, Legend, Help } from '@dhis2/ui-core'
+
+export const statusPropType = propTypes.mutuallyExclusive(
+    ['valid', 'warning', 'error'],
+    propTypes.bool
+)
 
 /**
  * @module
  * @param {ToggleGroupField.PropTypes} props
  * @returns {React.Component}
  *
- * @example import { ToggleGroupField } from '@dhis2/ui-core'
+ * @example import { ToggleGroupField } from '@dhis2/ui'
  *
- * @see Live demo: {@link /demo/?path=/story/togglegroupfield--default|Storybook}
+ * @example import { ToggleGroupField } from '@dhis2/ui-widgets'
  */
 const ToggleGroupField = ({
     children,

diff --git a/...roupField/ToggleGroupField.stories.e2e.js → ...roupField/ToggleGroupField.stories.e2e.js b/...roupField/ToggleGroupField.stories.e2e.js → ...roupField/ToggleGroupField.stories.e2e.js
@@ -1,7 +1,9 @@
-import { storiesOf } from '@storybook/react'
 import React from 'react'
+import { storiesOf } from '@storybook/react'
+
+import { Checkbox } from '@dhis2/ui-core'
+
 import { ToggleGroupField } from './ToggleGroupField.js'
-import { Checkbox } from '../index.js'
 
 storiesOf('ToggleGroupField', module).add('With label and required', () => (
     <ToggleGroupField

diff --git a/...gleGroupField/ToggleGroupField.stories.js → ...gleGroupField/ToggleGroupField.stories.js b/...gleGroupField/ToggleGroupField.stories.js → ...gleGroupField/ToggleGroupField.stories.js
@@ -1,8 +1,9 @@
-import { storiesOf } from '@storybook/react'
 import React from 'react'
+import { storiesOf } from '@storybook/react'
+
+import { Checkbox, Radio, Switch } from '@dhis2/ui-core'
 
 import { ToggleGroupField } from './ToggleGroupField.js'
-import { Checkbox, Radio, Switch } from '../index.js'
 
 const logger = ({ name, value, checked }) =>
     console.info(`name: ${name}, value: ${value}, checked: ${checked}`)

diff --git a/packages/widgets/src/index.js b/packages/widgets/src/index.js
@@ -1,2 +1,4 @@
 export { HeaderBar } from './HeaderBar'
 export { OrganisationUnitTree } from './OrganisationUnitTree'
+
+export { ToggleGroupField } from './ToggleGroupField/ToggleGroupField.js'