@instructure/ui-toggle-details 10.26.1 → 11.0.1-snapshot-0

package/src/ToggleDetails/props.ts

@@ -23,13 +23,9 @@
  */
 
 import React from 'react'
-import PropTypes from 'prop-types'
-
-import { controllable } from '@instructure/ui-prop-types'
 
 import type {
   OtherHTMLAttributes,
-  PropValidators,
   ToggleDetailsTheme
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
@@ -100,21 +96,6 @@ type ToggleDetailsStyle = ComponentStyle<
 type ToggleDetailsStyleProps = {
   animate: boolean
 }
-
-const propTypes: PropValidators<PropKeys> = {
-  variant: PropTypes.oneOf(['default', 'filled']),
-  summary: PropTypes.node.isRequired,
-  expanded: controllable(PropTypes.bool, 'onToggle', 'defaultExpanded'),
-  defaultExpanded: PropTypes.bool,
-  onToggle: PropTypes.func,
-  icon: PropTypes.func,
-  iconExpanded: PropTypes.func,
-  iconPosition: PropTypes.oneOf(['start', 'end']),
-  fluidWidth: PropTypes.bool,
-  children: PropTypes.node,
-  size: PropTypes.oneOf(['small', 'medium', 'large'])
-}
-
 const allowedProps: AllowedPropKeys = [
   'variant',
   'summary',
@@ -130,4 +111,4 @@ const allowedProps: AllowedPropKeys = [
 ]
 
 export type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle }
-export { propTypes, allowedProps }
+export { allowedProps }

package/src/ToggleGroup/index.tsx

@@ -41,9 +41,8 @@ import {
   IconArrowOpenEndSolid,
   IconArrowOpenDownSolid
 } from '@instructure/ui-icons'
-import { testable } from '@instructure/ui-testable'
 import type { ToggleGroupProps } from './props'
-import { allowedProps, propTypes } from './props'
+import { allowedProps } from './props'
 
 import { withStyle } from '@instructure/emotion'
 
@@ -56,12 +55,10 @@ category: components
 ---
 **/
 @withStyle(generateStyle, generateComponentTheme)
-@testable()
 class ToggleGroup extends Component<ToggleGroupProps> {
   static readonly componentId = 'ToggleGroup'
 
   static allowedProps = allowedProps
-  static propTypes = propTypes
 
   static defaultProps = {
     size: 'medium',
@@ -175,6 +172,7 @@ class ToggleGroup extends Component<ToggleGroupProps> {
               borderRadius="medium"
               background="primary"
               borderColor={styles?.borderColor}
+              data-cid="ToggleGroup"
             >
               <Flex
                 padding={

package/src/ToggleGroup/props.ts

@@ -23,14 +23,10 @@
  */
 
 import React from 'react'
-import PropTypes from 'prop-types'
-
-import { controllable } from '@instructure/ui-prop-types'
 
 import {
   AsElementType,
   OtherHTMLAttributes,
-  PropValidators,
   Renderable,
   ToggleGroupTheme
 } from '@instructure/shared-types'
@@ -99,23 +95,6 @@ type ToggleGroupStyle = { borderColor: string }
 type ToggleGroupProps = ToggleGroupOwnProps &
   OtherHTMLAttributes<ToggleGroupOwnProps> &
   WithStyleProps<ToggleGroupTheme, ToggleGroupStyle>
-
-const propTypes: PropValidators<PropKeys> = {
-  children: PropTypes.node.isRequired,
-  summary: PropTypes.node.isRequired,
-  toggleLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  as: PropTypes.elementType,
-  elementRef: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  expanded: controllable(PropTypes.bool, 'onToggle', 'defaultExpanded'),
-  defaultExpanded: PropTypes.bool,
-  onToggle: PropTypes.func,
-  icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  iconExpanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  transition: PropTypes.bool,
-  border: PropTypes.bool
-}
-
 const allowedProps: AllowedPropKeys = [
   'children',
   'summary',
@@ -133,4 +112,4 @@ const allowedProps: AllowedPropKeys = [
 ]
 
 export type { ToggleGroupProps, ToggleGroupStyle }
-export { propTypes, allowedProps }
+export { allowedProps }

package/tsconfig.build.json

@@ -18,9 +18,7 @@
     { "path": "../ui-flex/tsconfig.build.json" },
     { "path": "../ui-icons/tsconfig.build.json" },
     { "path": "../ui-motion/tsconfig.build.json" },
-    { "path": "../ui-prop-types/tsconfig.build.json" },
     { "path": "../ui-react-utils/tsconfig.build.json" },
-    { "path": "../ui-testable/tsconfig.build.json" },
     { "path": "../ui-utils/tsconfig.build.json" },
     { "path": "../ui-view/tsconfig.build.json" },
     { "path": "../uid/tsconfig.build.json" }