@pingux/astro 2.7.0-alpha.2 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/NOTICE.html +12804 -0
  3. package/lib/cjs/components/IconButton/IconButton.js +38 -2
  4. package/lib/cjs/components/IconButton/IconButton.stories.js +34 -2
  5. package/lib/cjs/components/ListView/ListView.js +9 -0
  6. package/lib/cjs/components/ListView/ListView.stories.js +80 -34
  7. package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +1 -6
  8. package/lib/cjs/components/Menu/Menu.js +60 -7
  9. package/lib/cjs/components/Menu/Menu.stories.js +56 -2
  10. package/lib/cjs/components/SwitchField/SwitchField.js +54 -12
  11. package/lib/cjs/components/SwitchField/SwitchField.stories.js +34 -2
  12. package/lib/cjs/components/SwitchField/SwitchField.test.js +5 -4
  13. package/lib/cjs/index.js +1 -33
  14. package/lib/cjs/utils/docUtils/ariaAttributes.js +1 -2
  15. package/lib/cjs/utils/docUtils/hoverProps.js +2 -7
  16. package/lib/components/IconButton/IconButton.js +38 -2
  17. package/lib/components/IconButton/IconButton.stories.js +34 -2
  18. package/lib/components/ListView/ListView.js +9 -0
  19. package/lib/components/ListView/ListView.stories.js +82 -35
  20. package/lib/components/ListViewItem/ListViewItem.styles.js +1 -6
  21. package/lib/components/Menu/Menu.js +60 -7
  22. package/lib/components/Menu/Menu.stories.js +57 -2
  23. package/lib/components/SwitchField/SwitchField.js +55 -14
  24. package/lib/components/SwitchField/SwitchField.stories.js +34 -2
  25. package/lib/components/SwitchField/SwitchField.test.js +5 -4
  26. package/lib/index.js +1 -7
  27. package/lib/utils/docUtils/ariaAttributes.js +1 -1
  28. package/lib/utils/docUtils/hoverProps.js +2 -7
  29. package/package.json +1 -1
  30. package/lib/cjs/components/IconButton/iconButtonAttributes.js +0 -100
  31. package/lib/cjs/components/Menu/menuAttributes.js +0 -104
  32. package/lib/cjs/components/SwitchField/switchFieldAttributes.js +0 -191
  33. package/lib/cjs/experimental/StyledListItem/StyledListItem.js +0 -159
  34. package/lib/cjs/experimental/StyledListItem/StyledListItem.stories.js +0 -155
  35. package/lib/cjs/experimental/StyledListItem/StyledListItem.test.js +0 -83
  36. package/lib/cjs/experimental/StyledListItem/controls/ListItemEditButton.js +0 -34
  37. package/lib/cjs/experimental/StyledListItem/controls/ListItemEditButton.stories.js +0 -31
  38. package/lib/cjs/experimental/StyledListItem/controls/ListItemEditButton.test.js +0 -25
  39. package/lib/cjs/experimental/StyledListItem/controls/ListItemMenu.js +0 -37
  40. package/lib/cjs/experimental/StyledListItem/controls/ListItemMenu.stories.js +0 -36
  41. package/lib/cjs/experimental/StyledListItem/controls/ListItemMenu.test.js +0 -59
  42. package/lib/cjs/experimental/StyledListItem/controls/ListItemSwitchField.js +0 -32
  43. package/lib/cjs/experimental/StyledListItem/controls/ListItemSwitchField.stories.js +0 -41
  44. package/lib/cjs/experimental/StyledListItem/controls/ListItemSwitchField.test.js +0 -25
  45. package/lib/cjs/experimental/StyledListItem/styledListItemAttributes.js +0 -81
  46. package/lib/cjs/experimental/recipes/ListAndPanel.stories.js +0 -370
  47. package/lib/cjs/experimental/recipes/ScrollableListView.stories.js +0 -108
  48. package/lib/cjs/experimental/recipes/items.js +0 -126
  49. package/lib/cjs/utils/docUtils/docArgTypes.js +0 -41
  50. package/lib/components/IconButton/iconButtonAttributes.js +0 -91
  51. package/lib/components/Menu/menuAttributes.js +0 -95
  52. package/lib/components/SwitchField/switchFieldAttributes.js +0 -182
  53. package/lib/experimental/StyledListItem/StyledListItem.js +0 -146
  54. package/lib/experimental/StyledListItem/StyledListItem.stories.js +0 -140
  55. package/lib/experimental/StyledListItem/StyledListItem.test.js +0 -74
  56. package/lib/experimental/StyledListItem/controls/ListItemEditButton.js +0 -25
  57. package/lib/experimental/StyledListItem/controls/ListItemEditButton.stories.js +0 -21
  58. package/lib/experimental/StyledListItem/controls/ListItemEditButton.test.js +0 -22
  59. package/lib/experimental/StyledListItem/controls/ListItemMenu.js +0 -28
  60. package/lib/experimental/StyledListItem/controls/ListItemMenu.stories.js +0 -26
  61. package/lib/experimental/StyledListItem/controls/ListItemMenu.test.js +0 -56
  62. package/lib/experimental/StyledListItem/controls/ListItemSwitchField.js +0 -23
  63. package/lib/experimental/StyledListItem/controls/ListItemSwitchField.stories.js +0 -32
  64. package/lib/experimental/StyledListItem/controls/ListItemSwitchField.test.js +0 -22
  65. package/lib/experimental/StyledListItem/styledListItemAttributes.js +0 -72
  66. package/lib/experimental/recipes/ListAndPanel.stories.js +0 -353
  67. package/lib/experimental/recipes/ScrollableListView.stories.js +0 -93
  68. package/lib/experimental/recipes/items.js +0 -117
  69. package/lib/utils/docUtils/docArgTypes.js +0 -29
@@ -1,13 +1,24 @@
1
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
2
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
3
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
4
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
5
+ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
6
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
+ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
8
+ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
1
9
  import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
2
10
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
11
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
12
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
3
14
  import React from 'react';
4
15
  import { Item } from 'react-stately';
5
16
  import { withDesign } from 'storybook-addon-designs';
6
17
  import DocsLayout from '../../../.storybook/storybookDocsLayout';
7
18
  import { Menu, Text } from '../../index';
8
19
  import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.js';
20
+ import { onHoverArgTypes } from '../../utils/docUtils/hoverProps';
9
21
  import MenuReadme from './Menu.mdx';
10
- import { menuArgTypes } from './menuAttributes';
11
22
  import { jsx as ___EmotionJSX } from "@emotion/react";
12
23
  export default {
13
24
  title: 'Components/Menu',
@@ -29,7 +40,51 @@ export default {
29
40
  type: 'figma'
30
41
  }
31
42
  },
32
- argTypes: menuArgTypes
43
+ argTypes: _objectSpread({
44
+ selectionMode: {},
45
+ isDisabled: {},
46
+ isNotFocusedOnHover: {},
47
+ 'aria-label': {
48
+ control: {
49
+ type: 'text'
50
+ }
51
+ },
52
+ 'aria-labelledby': {
53
+ control: {
54
+ type: 'text'
55
+ }
56
+ },
57
+ 'aria-describedby': {
58
+ control: {
59
+ type: 'text'
60
+ }
61
+ },
62
+ 'aria-details': {
63
+ control: {
64
+ type: 'text'
65
+ }
66
+ },
67
+ isSelected: {
68
+ control: {
69
+ type: 'none'
70
+ }
71
+ },
72
+ disabledKeys: {
73
+ control: {
74
+ type: 'none'
75
+ }
76
+ },
77
+ defaultSelectedKeys: {
78
+ control: {
79
+ type: 'none'
80
+ }
81
+ },
82
+ selectedKeys: {
83
+ control: {
84
+ type: 'none'
85
+ }
86
+ }
87
+ }, onHoverArgTypes)
33
88
  };
34
89
  export var Default = function Default(_ref) {
35
90
  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
@@ -12,16 +12,17 @@ var _excluded = ["label", "helperText", "isDefaultSelected", "isSelected", "onCh
12
12
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
13
13
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
14
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
- /* eslint-disable no-unused-vars */
16
15
  import React, { forwardRef, useImperativeHandle, useRef } from 'react';
17
16
  import { useSwitch } from 'react-aria';
18
17
  import { useToggleState } from 'react-stately';
19
18
  import { usePress } from '@react-aria/interactions';
20
19
  import omit from 'lodash/omit';
20
+ import PropTypes from 'prop-types';
21
21
  import { Box, FieldHelperText, Label, Switch } from '../..';
22
22
  import { useField, usePropWarning } from '../../hooks';
23
- import { statusDefaultProp } from '../../utils/docUtils/statusProp';
24
- import { switchFieldPropTypes } from './switchFieldAttributes';
23
+ import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
24
+ import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
25
+ import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
25
26
  import { jsx as ___EmotionJSX } from "@emotion/react";
26
27
  var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
27
28
  var label = props.label,
@@ -32,14 +33,10 @@ var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
32
33
  value = props.value,
33
34
  name = props.name,
34
35
  id = props.id,
35
- _props$isDisabled = props.isDisabled,
36
- isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
37
- _props$isReadOnly = props.isReadOnly,
38
- isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
39
- _props$isRequired = props.isRequired,
40
- isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
41
- _props$hasAutoFocus = props.hasAutoFocus,
42
- hasAutoFocus = _props$hasAutoFocus === void 0 ? false : _props$hasAutoFocus,
36
+ isDisabled = props.isDisabled,
37
+ isReadOnly = props.isReadOnly,
38
+ isRequired = props.isRequired,
39
+ hasAutoFocus = props.hasAutoFocus,
43
40
  onFocus = props.onFocus,
44
41
  onBlur = props.onBlur,
45
42
  onFocusChange = props.onFocusChange,
@@ -89,11 +86,55 @@ var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
89
86
  }, fieldLabelProps), ___EmotionJSX(Box, fieldControlWrapperProps, ___EmotionJSX(Switch, _extends({
90
87
  ref: switchRef,
91
88
  inputProps: fieldControlInputProps
92
- }, unhandledAriaProps, others))), label), helperText && ___EmotionJSX(FieldHelperText, {
89
+ }, unhandledAriaProps))), label), helperText && ___EmotionJSX(FieldHelperText, {
93
90
  status: status
94
91
  }, helperText));
95
92
  });
96
- SwitchField.propTypes = switchFieldPropTypes;
97
- SwitchField.defaultProps = _objectSpread({}, statusDefaultProp);
93
+ SwitchField.propTypes = _objectSpread(_objectSpread(_objectSpread({
94
+ /** A list of class names to apply to the input element. */
95
+ className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
96
+ /** Whether the element should receive focus on render. */
97
+ hasAutoFocus: PropTypes.bool,
98
+ /** Text rendered below the input. */
99
+ helperText: PropTypes.node,
100
+ /** If present this prop will cause a help hint to render in the label of the field. */
101
+ hintText: PropTypes.string,
102
+ /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
103
+ id: PropTypes.string,
104
+ /** Whether the element should be selected (uncontrolled). */
105
+ isDefaultSelected: PropTypes.bool,
106
+ /** Whether the field is disabled. */
107
+ isDisabled: PropTypes.bool,
108
+ /** Whether the input can be selected, but not changed by the user. */
109
+ isReadOnly: PropTypes.bool,
110
+ /** Whether user input is required on the input before form submission. */
111
+ isRequired: PropTypes.bool,
112
+ /** Whether the element should be selected (controlled). */
113
+ isSelected: PropTypes.bool,
114
+ /** The rendered label for the field. */
115
+ label: PropTypes.node,
116
+ /** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
117
+ name: PropTypes.string,
118
+ /** Handler that is called when the element loses focus. */
119
+ onBlur: PropTypes.func,
120
+ /** Handler that is called when the element's selection state changes. */
121
+ onChange: PropTypes.func,
122
+ /** Handler that is called when the element receives focus. */
123
+ onFocus: PropTypes.func,
124
+ /** Handler that is called when the element's focus status changes. */
125
+ onFocusChange: PropTypes.func,
126
+ /** Handler that is called when a key is pressed. */
127
+ onKeyDown: PropTypes.func,
128
+ /** Handler that is called when a key is released. */
129
+ onKeyUp: PropTypes.func,
130
+ /** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */
131
+ value: PropTypes.string
132
+ }, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
133
+ SwitchField.defaultProps = _objectSpread({
134
+ isDisabled: false,
135
+ isReadOnly: false,
136
+ isRequired: false,
137
+ hasAutoFocus: false
138
+ }, statusDefaultProp);
98
139
  SwitchField.displayName = 'SwitchField';
99
140
  export default SwitchField;
@@ -18,7 +18,6 @@ import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
18
18
  import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
19
19
  import { statusArgTypes } from '../../utils/docUtils/statusProp';
20
20
  import SwitchFieldReadme from './SwitchField.mdx';
21
- import { switchFieldArgTypes } from './switchFieldAttributes';
22
21
  import { jsx as ___EmotionJSX } from "@emotion/react";
23
22
  export default {
24
23
  title: 'Form/SwitchField',
@@ -33,7 +32,40 @@ export default {
33
32
  }
34
33
  }
35
34
  },
36
- argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, switchFieldArgTypes), statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
35
+ argTypes: _objectSpread(_objectSpread(_objectSpread({
36
+ label: {
37
+ control: {
38
+ type: 'text'
39
+ },
40
+ defaultValue: 'Example Label'
41
+ },
42
+ helperText: {
43
+ control: {
44
+ type: 'text'
45
+ }
46
+ },
47
+ hintText: {
48
+ control: {
49
+ type: 'text'
50
+ }
51
+ },
52
+ value: {
53
+ defaultValue: 'my-switch'
54
+ },
55
+ name: {},
56
+ className: {},
57
+ isDisabled: {},
58
+ isRequired: {},
59
+ isReadOnly: {},
60
+ isDefaultSelected: {},
61
+ hasAutoFocus: {},
62
+ id: {},
63
+ isSelected: {
64
+ control: {
65
+ type: 'none'
66
+ }
67
+ }
68
+ }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
37
69
  };
38
70
  export var Default = function Default(args) {
39
71
  return ___EmotionJSX(SwitchField, args);
@@ -5,9 +5,10 @@ import axeTest from '../../utils/testUtils/testAxe';
5
5
  import { render, screen } from '../../utils/testUtils/testWrapper';
6
6
  import SwitchField from './SwitchField';
7
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
- var TEST_LABEL = 'test label';
8
+ var testId = 'test-switch';
9
9
  var defaultProps = {
10
- label: TEST_LABEL
10
+ label: 'Example label',
11
+ 'data-testid': testId
11
12
  };
12
13
  var getComponent = function getComponent() {
13
14
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -20,9 +21,9 @@ test('renders Switch component', function () {
20
21
  getComponent({
21
22
  'aria-label': 'test'
22
23
  });
23
- var switchComponent = screen.getByText(TEST_LABEL);
24
+ var switchComponent = screen.getByTestId(testId);
24
25
  screen.getByRole('switch');
25
- expect(switchComponent).toBeInstanceOf(HTMLLabelElement);
26
+ expect(switchComponent).toBeInstanceOf(HTMLDivElement);
26
27
  expect(switchComponent).toBeInTheDocument();
27
28
  });
28
29
  test('renders label', function () {
package/lib/index.js CHANGED
@@ -166,10 +166,4 @@ export { default as DataTable } from './components/DataTable';
166
166
  export * from './components/DataTable';
167
167
  export { OverlayProvider, useOverlayPosition, useOverlayTrigger } from 'react-aria';
168
168
  export { Item, Section, useOverlayTriggerState } from 'react-stately';
169
- export { TableBody as DataTableBody, Cell as DataTableCell, Column as DataTableColumn, TableHeader as DataTableHeader, Row as DataTableRow } from 'react-stately';
170
-
171
- // Experimental
172
- export { default as ListItemEditButton } from './experimental/StyledListItem/controls/ListItemEditButton';
173
- export { default as ListItemMenu } from './experimental/StyledListItem/controls/ListItemMenu';
174
- export { default as ListItemSwitchField } from './experimental/StyledListItem/controls/ListItemSwitchField';
175
- export { default as StyledListItem } from './experimental/StyledListItem/StyledListItem';
169
+ export { TableBody as DataTableBody, Cell as DataTableCell, Column as DataTableColumn, TableHeader as DataTableHeader, Row as DataTableRow } from 'react-stately';
@@ -14,7 +14,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
14
14
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
15
  import omit from 'lodash/omit';
16
16
  import PropTypes from 'prop-types';
17
- export var descriptions = {
17
+ var descriptions = {
18
18
  ariaControls: 'Identifies the element (or elements) whose contents or presence are controlled by the current element.',
19
19
  ariaDescribedby: 'Identifies the element (or elements) that describes the object.',
20
20
  ariaDetails: 'Identifies the element (or elements) that provide a detailed, extended description for the object.',
@@ -11,7 +11,6 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
11
11
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
12
12
  import PropTypes from 'prop-types';
13
13
  var descriptions = {
14
- isHovered: 'If the item is hovered',
15
14
  onHoverStart: 'Handler that is called when a hover interaction starts.',
16
15
  onHoverEnd: 'Handler that is called when a hover interaction ends.',
17
16
  onHoverChange: 'Handler that is called when the hover state changes.'
@@ -28,9 +27,6 @@ export var baseDocSettings = {
28
27
  }
29
28
  };
30
29
  export var onHoverArgTypes = {
31
- isHovered: _objectSpread({
32
- description: descriptions.isHovered
33
- }, baseDocSettings),
34
30
  'onHoverStart': _objectSpread({
35
31
  description: descriptions.onHoverStart
36
32
  }, baseDocSettings),
@@ -42,8 +38,7 @@ export var onHoverArgTypes = {
42
38
  }, baseDocSettings)
43
39
  };
44
40
  export var onHoverPropTypes = {
45
- isHovered: PropTypes.bool,
46
- onHoverChange: PropTypes.func,
41
+ onHoverStart: PropTypes.func,
47
42
  onHoverEnd: PropTypes.func,
48
- onHoverStart: PropTypes.func
43
+ onHoverChange: PropTypes.func
49
44
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.7.0-alpha.2",
3
+ "version": "2.7.0",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,100 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
- var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
5
- var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
- var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
8
- var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
9
- var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
10
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
- _Object$defineProperty(exports, "__esModule", {
13
- value: true
14
- });
15
- exports.iconButtonPropTypes = exports.iconButtonArgTypes = void 0;
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
- var _CreateIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateIcon"));
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
20
- var _docArgTypes = require("../../utils/docUtils/docArgTypes");
21
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
23
- var descriptions = {
24
- icon: 'The icon to render. List of icons at https://materialdesignicons.com/',
25
- isDisabled: 'Whether the icon is disabled.',
26
- onPress: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
27
- onPressChange: 'Handler that is called when the press state changes. (isPressed: boolean) => void',
28
- onPressEnd: 'Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. (e: PressEvent) => void',
29
- onPressStart: 'Handler that is called when a press interaction starts. (e: PressEvent) => void',
30
- onPressUp: 'Handler that is called when a press is released over the target, regardless of whether it started on the target or not. (e: PressEvent) => void',
31
- title: 'Content will be displayed in a tooltip on hover or focus.',
32
- variant: 'Styling to apply to the IconButton.'
33
- };
34
- var iconButtonArgTypes = {
35
- icon: {
36
- control: {
37
- type: 'none'
38
- },
39
- defaultValue: _CreateIcon["default"],
40
- description: descriptions.icon
41
- },
42
- title: {
43
- control: {
44
- type: 'text'
45
- },
46
- description: descriptions.title
47
- },
48
- 'aria-label': {
49
- control: {
50
- type: 'text'
51
- },
52
- description: _ariaAttributes.descriptions.ariaLabel
53
- },
54
- isDisabled: _objectSpread({
55
- description: descriptions.isDisabled
56
- }, _docArgTypes.booleanArg),
57
- variant: {
58
- control: {
59
- type: 'select',
60
- options: ['base', 'inverted', 'invertedSquare', 'square']
61
- },
62
- defaultValue: 'base',
63
- description: descriptions.variant
64
- },
65
- size: {
66
- control: {
67
- type: 'select',
68
- options: ['xs', 'sm', 'md']
69
- },
70
- defaultValue: 'sm'
71
- },
72
- onPress: _objectSpread({
73
- description: descriptions.onPress
74
- }, _docArgTypes.funcArg),
75
- onPressStart: _objectSpread({
76
- description: descriptions.onPressStart
77
- }, _docArgTypes.funcArg),
78
- onPressEnd: _objectSpread({
79
- description: descriptions.onPressEnd
80
- }, _docArgTypes.funcArg),
81
- onPressChange: _objectSpread({
82
- description: descriptions.onPressChange
83
- }, _docArgTypes.funcArg),
84
- onPressUp: _objectSpread({
85
- description: descriptions.onPressUp
86
- }, _docArgTypes.funcArg)
87
- };
88
- exports.iconButtonArgTypes = iconButtonArgTypes;
89
- var iconButtonPropTypes = {
90
- variant: _propTypes["default"].string,
91
- 'aria-label': _propTypes["default"].string,
92
- title: _propTypes["default"].string,
93
- onPress: _propTypes["default"].func,
94
- onPressStart: _propTypes["default"].func,
95
- onPressEnd: _propTypes["default"].func,
96
- onPressChange: _propTypes["default"].func,
97
- onPressUp: _propTypes["default"].func,
98
- isDisabled: _propTypes["default"].bool
99
- };
100
- exports.iconButtonPropTypes = iconButtonPropTypes;
@@ -1,104 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
- var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
5
- var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
- var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
8
- var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
9
- var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
10
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
- _Object$defineProperty(exports, "__esModule", {
13
- value: true
14
- });
15
- exports.menuPropTypes = exports.menuArgTypes = void 0;
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
- var _propTypes = _interopRequireDefault(require("prop-types"));
18
- var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
19
- var _docArgTypes = require("../../utils/docUtils/docArgTypes");
20
- var _hoverProps = require("../../utils/docUtils/hoverProps");
21
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
23
- var descriptions = {
24
- selectionMode: 'The type of selection that is allowed.',
25
- disabledKeys: 'The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.',
26
- defaultSelectedKeys: "\n The initial selected keys in the collection (uncontrolled).\n `defaultSelectedKeys=\"all\"` can be used to select every key.\n ",
27
- selectedKeys: "\n The currently selected keys in the collection (controlled).\n `selectedKeys=\"all\"` can be used to select every key.\n ",
28
- isDisabled: 'Whether the item is disabled. ',
29
- isSelected: 'Whether the menu item is selected.',
30
- isNotFocusedOnHover: 'Whether menu item should receive focus state on hover.',
31
- onAction: 'Handler that is called when an item is selected. `(key: Key) => void`',
32
- onSelectionChange: "Handler that is called when the selection changes. Does not fire when `selectionMode=\"none\"`.\n `(keys: Selection) => any`\n "
33
- };
34
- var menuArgTypes = _objectSpread(_objectSpread({
35
- onAction: _objectSpread({
36
- description: descriptions.onAction
37
- }, _docArgTypes.funcArg),
38
- onSelectionChange: _objectSpread({
39
- description: descriptions.onSelectionChange
40
- }, _docArgTypes.funcArg),
41
- selectionMode: {
42
- description: descriptions.selectionMode,
43
- control: {
44
- type: 'radio',
45
- options: ['none', 'single', 'multiple'],
46
- defaultValue: 'none'
47
- },
48
- type: {
49
- summary: 'none, single, multiple'
50
- }
51
- },
52
- isDisabled: _objectSpread({
53
- description: descriptions.isDisabled
54
- }, _docArgTypes.booleanArg),
55
- isNotFocusedOnHover: _objectSpread({
56
- description: descriptions.isNotFocusedOnHover
57
- }, _docArgTypes.booleanArg),
58
- isSelected: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
59
- control: {
60
- type: 'none'
61
- },
62
- description: descriptions.isSelected
63
- }),
64
- disabledKeys: {
65
- control: {
66
- type: 'none'
67
- },
68
- description: descriptions.disabledKeys,
69
- type: {
70
- summary: _docArgTypes.stringOrStringArray
71
- }
72
- },
73
- defaultSelectedKeys: {
74
- control: {
75
- type: 'none'
76
- },
77
- description: descriptions.defaultSelectedKeys,
78
- type: {
79
- summary: _docArgTypes.stringOrStringArray
80
- }
81
- },
82
- selectedKeys: {
83
- control: {
84
- type: 'none'
85
- },
86
- type: {
87
- summary: _docArgTypes.stringOrStringArray
88
- },
89
- description: descriptions.selectedKeys
90
- }
91
- }, _ariaAttributes.ariaAttributeBaseArgTypes), _hoverProps.onHoverArgTypes);
92
- exports.menuArgTypes = menuArgTypes;
93
- var menuPropTypes = _objectSpread(_objectSpread({
94
- selectionMode: _propTypes["default"].oneOf(['none', 'single', 'multiple']),
95
- disabledKeys: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])),
96
- defaultSelectedKeys: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
97
- selectedKeys: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
98
- isDisabled: _propTypes["default"].bool,
99
- isSelected: _propTypes["default"].bool,
100
- isNotFocusedOnHover: _propTypes["default"].bool,
101
- onAction: _propTypes["default"].func,
102
- onSelectionChange: _propTypes["default"].func
103
- }, _ariaAttributes.ariaAttributesBasePropTypes), _hoverProps.onHoverPropTypes);
104
- exports.menuPropTypes = menuPropTypes;