@instructure/ui-toggle-details 8.9.2-snapshot.3 → 8.10.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-toggle-details
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-toggle-details

package/es/ToggleDetails/index.js

@@ -97,7 +97,7 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
 
   renderToggle(toggleProps, expanded) {
     const variant = this.props.variant;
-    const props = { ...omitProps(this.props, ToggleDetails.propTypes),
+    const props = { ...omitProps(this.props, ToggleDetails.allowedProps),
       ...toggleProps,
       children: this.renderSummary()
     };
@@ -159,7 +159,7 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }
 
   render() {
-    return jsx(Expandable, Object.assign({}, pickProps(this.props, Expandable.propTypes), {
+    return jsx(Expandable, Object.assign({}, pickProps(this.props, Expandable.allowedProps), {
       onToggle: this.handleToggle
     }), ({
       expanded,

package/es/ToggleGroup/index.js

@@ -100,12 +100,12 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_temp = _class2 = class Tog
 
   render() {
     const Element = getElementType(ToggleGroup, this.props);
-    return /*#__PURE__*/React.createElement(Expandable, pickProps(this.props, Expandable.propTypes), ({
+    return /*#__PURE__*/React.createElement(Expandable, pickProps(this.props, Expandable.allowedProps), ({
       expanded,
       getToggleProps,
       getDetailsProps
     }) => {
-      return /*#__PURE__*/React.createElement(View, Object.assign({}, omitProps(this.props, ToggleGroup.propTypes), {
+      return /*#__PURE__*/React.createElement(View, Object.assign({}, omitProps(this.props, ToggleGroup.allowedProps), {
         borderWidth: this.props.border ? 'small' : 'none',
         as: Element,
         elementRef: this.props.elementRef,

package/lib/ToggleDetails/index.js

@@ -95,7 +95,7 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
 
   renderToggle(toggleProps, expanded) {
     const variant = this.props.variant;
-    const props = { ...(0, _omitProps.omitProps)(this.props, ToggleDetails.propTypes),
+    const props = { ...(0, _omitProps.omitProps)(this.props, ToggleDetails.allowedProps),
       ...toggleProps,
       children: this.renderSummary()
     };
@@ -157,7 +157,7 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }
 
   render() {
-    return (0, _emotion.jsx)(_Expandable.Expandable, Object.assign({}, (0, _pickProps.pickProps)(this.props, _Expandable.Expandable.propTypes), {
+    return (0, _emotion.jsx)(_Expandable.Expandable, Object.assign({}, (0, _pickProps.pickProps)(this.props, _Expandable.Expandable.allowedProps), {
       onToggle: this.handleToggle
     }), ({
       expanded,

package/lib/ToggleGroup/index.js

@@ -102,12 +102,12 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cla
 
   render() {
     const Element = (0, _getElementType.getElementType)(ToggleGroup, this.props);
-    return /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, (0, _pickProps.pickProps)(this.props, _Expandable.Expandable.propTypes), ({
+    return /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, (0, _pickProps.pickProps)(this.props, _Expandable.Expandable.allowedProps), ({
       expanded,
       getToggleProps,
       getDetailsProps
     }) => {
-      return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ToggleGroup.propTypes), {
+      return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ToggleGroup.allowedProps), {
         borderWidth: this.props.border ? 'small' : 'none',
         as: Element,
         elementRef: this.props.elementRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-toggle-details",
-  "version": "8.9.2-snapshot.3+ddc7880d5",
+  "version": "8.10.0",
   "description": "A styled toggleable, accordion-like component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,29 +24,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-test-queries": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-themes": "8.9.2-snapshot.3+ddc7880d5"
+    "@instructure/ui-babel-preset": "8.10.0",
+    "@instructure/ui-test-locator": "8.10.0",
+    "@instructure/ui-test-queries": "8.10.0",
+    "@instructure/ui-test-utils": "8.10.0",
+    "@instructure/ui-themes": "8.10.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/shared-types": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-buttons": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-dom-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-expandable": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-flex": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-icons": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-menu": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-motion": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-prop-types": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-testable": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-view": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/uid": "8.9.2-snapshot.3+ddc7880d5",
+    "@instructure/emotion": "8.10.0",
+    "@instructure/shared-types": "8.10.0",
+    "@instructure/ui-buttons": "8.10.0",
+    "@instructure/ui-dom-utils": "8.10.0",
+    "@instructure/ui-expandable": "8.10.0",
+    "@instructure/ui-flex": "8.10.0",
+    "@instructure/ui-icons": "8.10.0",
+    "@instructure/ui-menu": "8.10.0",
+    "@instructure/ui-motion": "8.10.0",
+    "@instructure/ui-prop-types": "8.10.0",
+    "@instructure/ui-react-utils": "8.10.0",
+    "@instructure/ui-testable": "8.10.0",
+    "@instructure/ui-utils": "8.10.0",
+    "@instructure/ui-view": "8.10.0",
+    "@instructure/uid": "8.10.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -55,6 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "ddc7880d5a2f7d4d0596332e8d49cb9b1de68024"
+  "sideEffects": false
 }

package/src/ToggleDetails/index.tsx

@@ -105,7 +105,7 @@ class ToggleDetails extends Component<ToggleDetailsProps> {
     const { variant } = this.props
 
     const props = {
-      ...omitProps(this.props, ToggleDetails.propTypes),
+      ...omitProps(this.props, ToggleDetails.allowedProps),
       ...toggleProps,
       // @ts-expect-error ts-migrate(2554) FIXME: Expected 1 arguments, but got 0.
       children: this.renderSummary()
@@ -181,7 +181,7 @@ class ToggleDetails extends Component<ToggleDetailsProps> {
   render() {
     return (
       <Expandable
-        {...pickProps(this.props, Expandable.propTypes)}
+        {...pickProps(this.props, Expandable.allowedProps)}
         onToggle={this.handleToggle}
       >
         {({ expanded, getToggleProps, getDetailsProps }) => {

package/src/ToggleDetails/props.ts

@@ -21,13 +21,17 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React from 'react'
 import PropTypes from 'prop-types'
 
 import { controllable } from '@instructure/ui-prop-types'
 
-import type { PropValidators } from '@instructure/shared-types'
-import type { WithStyleProps } from '@instructure/emotion'
+import type {
+  PropValidators,
+  ToggleDetailsTheme
+} from '@instructure/shared-types'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type ToggleDetailsOwnProps = {
   variant?: 'default' | 'filled'
@@ -47,7 +51,22 @@ type PropKeys = keyof ToggleDetailsOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps
+type ToggleDetailsProps = ToggleDetailsOwnProps &
+  WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle>
+
+type ToggleDetailsStyle = ComponentStyle<
+  | 'toggleDetails'
+  | 'summary'
+  | 'summaryText'
+  | 'toggle'
+  | 'icon'
+  | 'details'
+  | 'content'
+>
+
+type ToggleDetailsStyleProps = {
+  animate: boolean
+}
 
 const propTypes: PropValidators<PropKeys> = {
   variant: PropTypes.oneOf(['default', 'filled']),
@@ -104,9 +123,5 @@ const allowedProps: AllowedPropKeys = [
   'size'
 ]
 
-export type { ToggleDetailsProps }
+export type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle }
 export { propTypes, allowedProps }
-
-export type ToggleDetailsStyleProps = {
-  animate: boolean
-}

package/src/ToggleDetails/styles.ts

@@ -23,8 +23,14 @@
  */
 
 import { keyframes } from '@instructure/emotion'
-import { ToggleDetailsTheme } from '@instructure/shared-types'
-import { ToggleDetailsProps, ToggleDetailsStyleProps } from './props'
+
+import type { ToggleDetailsTheme } from '@instructure/shared-types'
+import type {
+  ToggleDetailsProps,
+  ToggleDetailsStyleProps,
+  ToggleDetailsStyle
+} from './props'
+
 const contentAnimation = keyframes`
   to {
     opacity: 1;
@@ -44,7 +50,7 @@ const generateStyle = (
   componentTheme: ToggleDetailsTheme,
   props: ToggleDetailsProps,
   state: ToggleDetailsStyleProps
-): any => {
+): ToggleDetailsStyle => {
   const { fluidWidth, iconPosition, size, variant } = props
   const { animate } = state
 

package/src/ToggleGroup/index.tsx

@@ -140,11 +140,11 @@ class ToggleGroup extends Component<ToggleGroupProps> {
     const Element = getElementType(ToggleGroup, this.props)
 
     return (
-      <Expandable {...pickProps(this.props, Expandable.propTypes)}>
+      <Expandable {...pickProps(this.props, Expandable.allowedProps)}>
         {({ expanded, getToggleProps, getDetailsProps }) => {
           return (
             <View
-              {...omitProps(this.props, ToggleGroup.propTypes)}
+              {...omitProps(this.props, ToggleGroup.allowedProps)}
               borderWidth={this.props.border ? 'small' : 'none'}
               as={Element}
               elementRef={this.props.elementRef}

package/types/ToggleDetails/props.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { PropValidators } from '@instructure/shared-types';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators, ToggleDetailsTheme } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type ToggleDetailsOwnProps = {
     variant?: 'default' | 'filled';
     summary: React.ReactNode;
@@ -16,12 +16,13 @@ declare type ToggleDetailsOwnProps = {
 };
 declare type PropKeys = keyof ToggleDetailsOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps;
+declare type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle>;
+declare type ToggleDetailsStyle = ComponentStyle<'toggleDetails' | 'summary' | 'summaryText' | 'toggle' | 'icon' | 'details' | 'content'>;
+declare type ToggleDetailsStyleProps = {
+    animate: boolean;
+};
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { ToggleDetailsProps };
+export type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle };
 export { propTypes, allowedProps };
-export declare type ToggleDetailsStyleProps = {
-    animate: boolean;
-};
 //# sourceMappingURL=props.d.ts.map

package/types/ToggleDetails/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAAG,cAAc,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA;AAElC,oBAAY,uBAAuB,GAAG;IACpC,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAA;AAExD,aAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ToggleDetails/styles.d.ts

@@ -1,5 +1,5 @@
-import { ToggleDetailsTheme } from '@instructure/shared-types';
-import { ToggleDetailsProps, ToggleDetailsStyleProps } from './props';
+import type { ToggleDetailsTheme } from '@instructure/shared-types';
+import type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,6 +10,6 @@ import { ToggleDetailsProps, ToggleDetailsStyleProps } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: ToggleDetailsTheme, props: ToggleDetailsProps, state: ToggleDetailsStyleProps) => any;
+declare const generateStyle: (componentTheme: ToggleDetailsTheme, props: ToggleDetailsProps, state: ToggleDetailsStyleProps) => ToggleDetailsStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/ToggleDetails/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/styles.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAMrE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,kBAAkB,SAC3B,kBAAkB,SAClB,uBAAuB,KAC7B,GA0IF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAOhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,kBAAkB,SAC3B,kBAAkB,SAClB,uBAAuB,KAC7B,kBA0IF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.