@instructure/ui-list 8.8.0 → 8.8.1-snapshot.63

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+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.

package/es/InlineList/InlineListItem/index.js

@@ -29,13 +29,13 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { testable } from '@instructure/ui-testable';
 import { passthroughProps } from '@instructure/ui-react-utils';
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -65,7 +65,7 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
           rest = _objectWithoutProperties(_this$props, _excluded);
 
     return jsx(View, Object.assign({}, passthroughProps(rest), {
-      css: styles.inlineListItem,
+      css: styles === null || styles === void 0 ? void 0 : styles.inlineListItem,
       as: "li",
       margin: margin,
       padding: padding,
@@ -73,46 +73,13 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
       maxWidth: "100%",
       elementRef: elementRef
     }), children, jsx("span", {
-      css: styles.delimiter,
+      css: styles === null || styles === void 0 ? void 0 : styles.delimiter,
       "aria-hidden": "true"
     }));
   }
 
-}, _class2.displayName = "InlineListItem", _class2.componentId = 'InlineList.Item', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-
-  /**
-   * Inherits delimiter from the parent InlineList component
-   */
-  delimiter: PropTypes.oneOf(['none', 'pipe', 'slash', 'arrow']),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: ThemeablePropTypes.spacing,
-
-  /**
-   * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-   */
-  padding: ThemeablePropTypes.spacing,
-
-  /**
-   * Inherits itemSpacing from the parent InlineList component
-   */
-  spacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
-  elementRef: PropTypes.func
-}, _class2.defaultProps = {
+}, _class2.displayName = "InlineListItem", _class2.componentId = 'InlineList.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   padding: 'none',
-  margin: void 0,
   spacing: 'none',
   delimiter: 'none',
   size: 'medium',

package/es/InlineList/InlineListItem/props.js

@@ -0,0 +1,56 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+import PropTypes from 'prop-types';
+import { ThemeablePropTypes } from '@instructure/emotion';
+const propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+
+  /**
+   * Inherits delimiter from the parent InlineList component
+   */
+  delimiter: PropTypes.oneOf(['none', 'pipe', 'slash', 'arrow']),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing,
+
+  /**
+   * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
+   */
+  padding: ThemeablePropTypes.spacing,
+
+  /**
+   * Inherits itemSpacing from the parent InlineList component
+   */
+  spacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
+  elementRef: PropTypes.func
+};
+const allowedProps = ['children', 'delimiter', 'size', 'margin', 'padding', 'spacing', 'elementRef'];
+export { propTypes, allowedProps };

package/es/InlineList/index.js

@@ -27,13 +27,11 @@ var _dec, _class, _class2, _temp;
  * SOFTWARE.
  */
 import React, { Children, Component } from 'react';
-import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
-import { ThemeablePropTypes } from '@instructure/emotion';
 import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { testable } from '@instructure/ui-testable';
 import { InlineListItem } from './InlineListItem';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -69,28 +67,7 @@ let InlineList = (_dec = testable(), _dec(_class = (_temp = _class2 = class Inli
     }), this.renderChildren());
   }
 
-}, _class2.displayName = "InlineList", _class2.propTypes = {
-  /**
-   * Only accepts `<InlineList.Item>` as a child
-   */
-  children: ChildrenPropTypes.oneOf([InlineListItem]),
-  as: PropTypes.oneOf(['ul', 'ol']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: ThemeablePropTypes.spacing,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  delimiter: PropTypes.oneOf(['none', 'pipe', 'slash', 'arrow']),
-
-  /**
-   * Sets the margin separating each ListItem.
-   */
-  itemSpacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
-  elementRef: PropTypes.func
-}, _class2.defaultProps = {
+}, _class2.displayName = "InlineList", _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   children: null,
   itemSpacing: 'none',
   elementRef: el => {},

package/{src/InlineList/InlineListItem/types.ts → es/InlineList/props.js}

@@ -21,25 +21,31 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import PropTypes from 'prop-types';
+import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
+import { ThemeablePropTypes } from '@instructure/emotion';
+import { InlineListItem } from './InlineListItem';
+const propTypes = {
+  /**
+   * Only accepts `<InlineList.Item>` as a child
+   */
+  children: ChildrenPropTypes.oneOf([InlineListItem]),
+  as: PropTypes.oneOf(['ul', 'ol']),
 
-import { Spacing } from '@instructure/emotion'
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  delimiter: PropTypes.oneOf(['none', 'pipe', 'slash', 'arrow']),
 
-export type InlineListItemProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  delimiter?: 'none' | 'pipe' | 'slash' | 'arrow'
-  size?: 'small' | 'medium' | 'large'
-  margin?: Spacing
-  padding?: Spacing
-  spacing?:
-    | 'none'
-    | 'xxx-small'
-    | 'xx-small'
-    | 'x-small'
-    | 'small'
-    | 'medium'
-    | 'large'
-    | 'x-large'
-    | 'xx-large'
-  elementRef?: (...args: any[]) => any
-}
+  /**
+   * Sets the margin separating each ListItem.
+   */
+  itemSpacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
+  elementRef: PropTypes.func
+};
+const allowedProps = ['children', 'as', 'margin', 'size', 'delimiter', 'itemSpacing', 'elementRef'];
+export { propTypes, allowedProps };

package/es/List/ListItem/index.js

@@ -29,13 +29,13 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { testable } from '@instructure/ui-testable';
 import { passthroughProps } from '@instructure/ui-react-utils';
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -65,7 +65,7 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
           rest = _objectWithoutProperties(_this$props, _excluded);
 
     return jsx(View, Object.assign({}, passthroughProps(rest), {
-      css: styles.listItem,
+      css: styles === null || styles === void 0 ? void 0 : styles.listItem,
       as: "li",
       margin: margin,
       padding: padding,
@@ -74,41 +74,8 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     }), children);
   }
 
-}, _class2.displayName = "ListItem", _class2.componentId = 'List.Item', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-
-  /**
-   * Inherits delimiter from the parent List component.
-   */
-  delimiter: PropTypes.oneOf(['none', 'dashed', 'solid']),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: ThemeablePropTypes.spacing,
-
-  /**
-   * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-   */
-  padding: ThemeablePropTypes.spacing,
-
-  /**
-   * Inherits itemSpacing from the parent List component
-   */
-  spacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
-  elementRef: PropTypes.func
-}, _class2.defaultProps = {
+}, _class2.displayName = "ListItem", _class2.componentId = 'List.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   padding: 'none',
-  margin: void 0,
   spacing: 'none',
   delimiter: 'none',
   size: 'medium',

package/es/List/ListItem/props.js

@@ -0,0 +1,56 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+import PropTypes from 'prop-types';
+import { ThemeablePropTypes } from '@instructure/emotion';
+const propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+
+  /**
+   * Inherits delimiter from the parent List component.
+   */
+  delimiter: PropTypes.oneOf(['none', 'dashed', 'solid']),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing,
+
+  /**
+   * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
+   */
+  padding: ThemeablePropTypes.spacing,
+
+  /**
+   * Inherits itemSpacing from the parent List component
+   */
+  spacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
+  elementRef: PropTypes.func
+};
+const allowedProps = ['children', 'delimiter', 'size', 'margin', 'padding', 'spacing', 'elementRef'];
+export { propTypes, allowedProps };

package/es/List/index.js

@@ -29,15 +29,14 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Children, Component } from 'react';
-import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { testable } from '@instructure/ui-testable';
 import { ListItem } from './ListItem';
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -76,7 +75,7 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
           rest = _objectWithoutProperties(_this$props, _excluded);
 
     return jsx(View, Object.assign({}, passthroughProps(rest), {
-      css: styles.list,
+      css: styles === null || styles === void 0 ? void 0 : styles.list,
       as: as,
       margin: margin,
       elementRef: elementRef,
@@ -84,47 +83,11 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
     }), this.renderChildren());
   }
 
-}, _class2.displayName = "List", _class2.componentId = 'List', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-
-  /**
-   * Only accepts `<List.Item>` as a child
-   */
-  children: ChildrenPropTypes.oneOf([ListItem]),
-  as: PropTypes.oneOf(['ul', 'ol']),
-
-  /**
-   * One of: none, dashed, solid
-   */
-  delimiter: PropTypes.oneOf(['none', 'dashed', 'solid']),
-
-  /**
-   * When set, renders the List Items without a list style type.
-   */
-  isUnstyled: PropTypes.bool,
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: ThemeablePropTypes.spacing,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Sets the margin separating each ListItem.
-   */
-  itemSpacing: PropTypes.oneOf(['none', 'xxx-small', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
-  elementRef: PropTypes.func
-}, _class2.defaultProps = {
+}, _class2.displayName = "List", _class2.componentId = 'List', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   children: null,
   as: 'ul',
   delimiter: 'none',
   isUnstyled: false,
-  margin: void 0,
   size: 'medium',
   itemSpacing: 'none',
   elementRef: el => {}