@zendeskgarden/react-forms 8.75.1 → 8.76.1

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 (119) hide show
  1. package/dist/esm/elements/Checkbox.js +101 -0
  2. package/dist/esm/elements/FileUpload.js +79 -0
  3. package/dist/esm/elements/Input.js +97 -0
  4. package/dist/esm/elements/MediaInput.js +160 -0
  5. package/dist/esm/elements/MultiThumbRange.js +166 -0
  6. package/dist/esm/elements/Radio.js +85 -0
  7. package/dist/esm/elements/Range.js +112 -0
  8. package/dist/esm/elements/Select.js +101 -0
  9. package/dist/esm/elements/Textarea.js +174 -0
  10. package/dist/esm/elements/Toggle.js +85 -0
  11. package/dist/esm/elements/common/Field.js +96 -0
  12. package/dist/esm/elements/common/Fieldset.js +77 -0
  13. package/dist/esm/elements/common/Hint.js +96 -0
  14. package/dist/esm/elements/common/Label.js +142 -0
  15. package/dist/esm/elements/common/Legend.js +67 -0
  16. package/dist/esm/elements/common/Message.js +117 -0
  17. package/dist/esm/elements/faux-input/FauxInput.js +104 -0
  18. package/dist/esm/elements/faux-input/components/EndIcon.js +63 -0
  19. package/dist/esm/elements/faux-input/components/StartIcon.js +63 -0
  20. package/dist/esm/elements/file-list/FileList.js +70 -0
  21. package/dist/esm/elements/file-list/components/Close.js +79 -0
  22. package/dist/esm/elements/file-list/components/Delete.js +79 -0
  23. package/dist/esm/elements/file-list/components/File.js +98 -0
  24. package/dist/esm/elements/file-list/components/Item.js +68 -0
  25. package/dist/esm/elements/file-list/utils.js +50 -0
  26. package/dist/esm/elements/input-group/InputGroup.js +79 -0
  27. package/dist/esm/elements/tiles/Tiles.js +64 -0
  28. package/dist/esm/elements/tiles/components/Description.js +68 -0
  29. package/dist/esm/elements/tiles/components/Icon.js +68 -0
  30. package/dist/esm/elements/tiles/components/Label.js +77 -0
  31. package/dist/esm/elements/tiles/components/Tile.js +95 -0
  32. package/dist/esm/index.js +27 -0
  33. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-circle-stroke.svg.js +33 -0
  34. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js +29 -0
  35. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js +27 -0
  36. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/dash-fill.svg.js +27 -0
  37. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-document-stroke.svg.js +27 -0
  38. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-error-stroke.svg.js +27 -0
  39. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-generic-stroke.svg.js +26 -0
  40. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-image-stroke.svg.js +33 -0
  41. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-pdf-stroke.svg.js +35 -0
  42. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-presentation-stroke.svg.js +26 -0
  43. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-spreadsheet-stroke.svg.js +27 -0
  44. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-zip-stroke.svg.js +27 -0
  45. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/trash-stroke.svg.js +27 -0
  46. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js +26 -0
  47. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js +37 -0
  48. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js +32 -0
  49. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js +33 -0
  50. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +25 -0
  51. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/circle-sm-fill.svg.js +27 -0
  52. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-document-stroke.svg.js +27 -0
  53. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-error-stroke.svg.js +27 -0
  54. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-generic-stroke.svg.js +26 -0
  55. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-image-stroke.svg.js +32 -0
  56. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-pdf-stroke.svg.js +35 -0
  57. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-presentation-stroke.svg.js +26 -0
  58. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-spreadsheet-stroke.svg.js +27 -0
  59. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-zip-stroke.svg.js +27 -0
  60. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/trash-stroke.svg.js +27 -0
  61. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +26 -0
  62. package/dist/esm/styled/checkbox/StyledCheckHint.js +23 -0
  63. package/dist/esm/styled/checkbox/StyledCheckInput.js +34 -0
  64. package/dist/esm/styled/checkbox/StyledCheckLabel.js +23 -0
  65. package/dist/esm/styled/checkbox/StyledCheckMessage.js +23 -0
  66. package/dist/esm/styled/checkbox/StyledCheckSvg.js +25 -0
  67. package/dist/esm/styled/checkbox/StyledDashSvg.js +25 -0
  68. package/dist/esm/styled/common/StyledField.js +22 -0
  69. package/dist/esm/styled/common/StyledFieldset.js +24 -0
  70. package/dist/esm/styled/common/StyledHint.js +22 -0
  71. package/dist/esm/styled/common/StyledLabel.js +23 -0
  72. package/dist/esm/styled/common/StyledLegend.js +24 -0
  73. package/dist/esm/styled/common/StyledMessage.js +40 -0
  74. package/dist/esm/styled/common/StyledMessageIcon.js +45 -0
  75. package/dist/esm/styled/file-list/StyledFile.js +74 -0
  76. package/dist/esm/styled/file-list/StyledFileClose.js +22 -0
  77. package/dist/esm/styled/file-list/StyledFileDelete.js +23 -0
  78. package/dist/esm/styled/file-list/StyledFileIcon.js +31 -0
  79. package/dist/esm/styled/file-list/StyledFileList.js +22 -0
  80. package/dist/esm/styled/file-list/StyledFileListItem.js +24 -0
  81. package/dist/esm/styled/file-upload/StyledFileUpload.js +45 -0
  82. package/dist/esm/styled/input-group/StyledInputGroup.js +35 -0
  83. package/dist/esm/styled/radio/StyledRadioHint.js +24 -0
  84. package/dist/esm/styled/radio/StyledRadioInput.js +61 -0
  85. package/dist/esm/styled/radio/StyledRadioLabel.js +30 -0
  86. package/dist/esm/styled/radio/StyledRadioMessage.js +24 -0
  87. package/dist/esm/styled/radio/StyledRadioSvg.js +25 -0
  88. package/dist/esm/styled/range/StyledRangeInput.js +160 -0
  89. package/dist/esm/styled/range/StyledSlider.js +26 -0
  90. package/dist/esm/styled/range/StyledSliderThumb.js +45 -0
  91. package/dist/esm/styled/range/StyledSliderTrack.js +42 -0
  92. package/dist/esm/styled/range/StyledSliderTrackRail.js +28 -0
  93. package/dist/esm/styled/select/StyledSelect.js +36 -0
  94. package/dist/esm/styled/select/StyledSelectWrapper.js +24 -0
  95. package/dist/esm/styled/text/StyledTextFauxInput.js +59 -0
  96. package/dist/esm/styled/text/StyledTextInput.js +105 -0
  97. package/dist/esm/styled/text/StyledTextMediaFigure.js +57 -0
  98. package/dist/esm/styled/text/StyledTextMediaInput.js +24 -0
  99. package/dist/esm/styled/text/StyledTextarea.js +33 -0
  100. package/dist/esm/styled/tiles/StyledTile.js +53 -0
  101. package/dist/esm/styled/tiles/StyledTileDescription.js +34 -0
  102. package/dist/esm/styled/tiles/StyledTileIcon.js +38 -0
  103. package/dist/esm/styled/tiles/StyledTileInput.js +18 -0
  104. package/dist/esm/styled/tiles/StyledTileLabel.js +36 -0
  105. package/dist/esm/styled/toggle/StyledToggleHint.js +24 -0
  106. package/dist/esm/styled/toggle/StyledToggleInput.js +40 -0
  107. package/dist/esm/styled/toggle/StyledToggleLabel.js +28 -0
  108. package/dist/esm/styled/toggle/StyledToggleMessage.js +25 -0
  109. package/dist/esm/styled/toggle/StyledToggleSvg.js +23 -0
  110. package/dist/esm/types/index.js +11 -0
  111. package/dist/esm/utils/useFieldContext.js +15 -0
  112. package/dist/esm/utils/useFieldsetContext.js +15 -0
  113. package/dist/esm/utils/useFileContext.js +14 -0
  114. package/dist/esm/utils/useInputContext.js +14 -0
  115. package/dist/esm/utils/useInputGroupContext.js +14 -0
  116. package/dist/esm/utils/useTilesContext.js +14 -0
  117. package/dist/index.cjs.js +82 -98
  118. package/package.json +5 -5
  119. package/dist/index.esm.js +0 -2921
@@ -0,0 +1,79 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { useMemo } from 'react';
8
+ import PropTypes from 'prop-types';
9
+ import { InputGroupContext } from '../../utils/useInputGroupContext.js';
10
+ import '../../styled/common/StyledField.js';
11
+ import '../../styled/common/StyledFieldset.js';
12
+ import '../../styled/common/StyledLegend.js';
13
+ import '../../styled/common/StyledHint.js';
14
+ import '../../styled/common/StyledLabel.js';
15
+ import '../../styled/common/StyledMessage.js';
16
+ import '../../styled/common/StyledMessageIcon.js';
17
+ import '../../styled/text/StyledTextInput.js';
18
+ import '../../styled/text/StyledTextarea.js';
19
+ import '../../styled/text/StyledTextFauxInput.js';
20
+ import '../../styled/text/StyledTextMediaInput.js';
21
+ import '../../styled/text/StyledTextMediaFigure.js';
22
+ import { StyledInputGroup } from '../../styled/input-group/StyledInputGroup.js';
23
+ import '../../styled/checkbox/StyledCheckLabel.js';
24
+ import '../../styled/checkbox/StyledCheckHint.js';
25
+ import '../../styled/checkbox/StyledCheckInput.js';
26
+ import '../../styled/checkbox/StyledCheckMessage.js';
27
+ import '../../styled/checkbox/StyledCheckSvg.js';
28
+ import '../../styled/checkbox/StyledDashSvg.js';
29
+ import '../../styled/file-upload/StyledFileUpload.js';
30
+ import '../../styled/file-list/StyledFile.js';
31
+ import '../../styled/file-list/StyledFileClose.js';
32
+ import '../../styled/file-list/StyledFileDelete.js';
33
+ import '../../styled/file-list/StyledFileIcon.js';
34
+ import '../../styled/file-list/StyledFileList.js';
35
+ import '../../styled/file-list/StyledFileListItem.js';
36
+ import '../../styled/radio/StyledRadioLabel.js';
37
+ import '../../styled/radio/StyledRadioHint.js';
38
+ import '../../styled/radio/StyledRadioInput.js';
39
+ import '../../styled/radio/StyledRadioMessage.js';
40
+ import '../../styled/radio/StyledRadioSvg.js';
41
+ import '../../styled/toggle/StyledToggleLabel.js';
42
+ import '../../styled/toggle/StyledToggleHint.js';
43
+ import '../../styled/toggle/StyledToggleInput.js';
44
+ import '../../styled/toggle/StyledToggleMessage.js';
45
+ import '../../styled/toggle/StyledToggleSvg.js';
46
+ import '../../styled/select/StyledSelect.js';
47
+ import '../../styled/select/StyledSelectWrapper.js';
48
+ import '../../styled/range/StyledRangeInput.js';
49
+ import '../../styled/range/StyledSlider.js';
50
+ import '../../styled/range/StyledSliderThumb.js';
51
+ import '../../styled/range/StyledSliderTrack.js';
52
+ import '../../styled/range/StyledSliderTrackRail.js';
53
+ import '../../styled/tiles/StyledTile.js';
54
+ import '../../styled/tiles/StyledTileDescription.js';
55
+ import '../../styled/tiles/StyledTileIcon.js';
56
+ import '../../styled/tiles/StyledTileInput.js';
57
+ import '../../styled/tiles/StyledTileLabel.js';
58
+
59
+ const InputGroup = React__default.forwardRef((_ref, ref) => {
60
+ let {
61
+ isCompact,
62
+ ...props
63
+ } = _ref;
64
+ const contextValue = useMemo(() => ({
65
+ isCompact
66
+ }), [isCompact]);
67
+ return React__default.createElement(InputGroupContext.Provider, {
68
+ value: contextValue
69
+ }, React__default.createElement(StyledInputGroup, Object.assign({
70
+ ref: ref,
71
+ isCompact: isCompact
72
+ }, props)));
73
+ });
74
+ InputGroup.displayName = 'InputGroup';
75
+ InputGroup.propTypes = {
76
+ isCompact: PropTypes.bool
77
+ };
78
+
79
+ export { InputGroup };
@@ -0,0 +1,64 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { forwardRef, useState, useCallback, useMemo } from 'react';
8
+ import PropTypes from 'prop-types';
9
+ import { getControlledValue } from '@zendeskgarden/container-utilities';
10
+ import { TilesContext } from '../../utils/useTilesContext.js';
11
+ import { Tile } from './components/Tile.js';
12
+ import { Description } from './components/Description.js';
13
+ import { Icon } from './components/Icon.js';
14
+ import { Label } from './components/Label.js';
15
+
16
+ const TilesComponent = forwardRef((_ref, ref) => {
17
+ let {
18
+ onChange,
19
+ value: controlledValue,
20
+ name,
21
+ isCentered,
22
+ ...props
23
+ } = _ref;
24
+ const [value, setValue] = useState(controlledValue);
25
+ const handleOnChange = useCallback(function () {
26
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
27
+ args[_key] = arguments[_key];
28
+ }
29
+ setValue(args[0].target.value);
30
+ if (onChange) {
31
+ onChange(...args);
32
+ }
33
+ }, [onChange]);
34
+ const selectedValue = getControlledValue(controlledValue, value);
35
+ const tileContext = useMemo(() => ({
36
+ onChange: handleOnChange,
37
+ value: selectedValue,
38
+ name,
39
+ isCentered
40
+ }), [handleOnChange, selectedValue, name, isCentered]);
41
+ return React__default.createElement(TilesContext.Provider, {
42
+ value: tileContext
43
+ }, React__default.createElement("div", Object.assign({
44
+ ref: ref,
45
+ role: "radiogroup"
46
+ }, props)));
47
+ });
48
+ TilesComponent.displayName = 'Tiles';
49
+ TilesComponent.propTypes = {
50
+ value: PropTypes.string,
51
+ onChange: PropTypes.func,
52
+ name: PropTypes.string.isRequired,
53
+ isCentered: PropTypes.bool
54
+ };
55
+ TilesComponent.defaultProps = {
56
+ isCentered: true
57
+ };
58
+ const Tiles = TilesComponent;
59
+ Tiles.Description = Description;
60
+ Tiles.Icon = Icon;
61
+ Tiles.Label = Label;
62
+ Tiles.Tile = Tile;
63
+
64
+ export { Tiles };
@@ -0,0 +1,68 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { forwardRef } from 'react';
8
+ import '../../../styled/common/StyledField.js';
9
+ import '../../../styled/common/StyledFieldset.js';
10
+ import '../../../styled/common/StyledLegend.js';
11
+ import '../../../styled/common/StyledHint.js';
12
+ import '../../../styled/common/StyledLabel.js';
13
+ import '../../../styled/common/StyledMessage.js';
14
+ import '../../../styled/common/StyledMessageIcon.js';
15
+ import '../../../styled/text/StyledTextInput.js';
16
+ import '../../../styled/text/StyledTextarea.js';
17
+ import '../../../styled/text/StyledTextFauxInput.js';
18
+ import '../../../styled/text/StyledTextMediaInput.js';
19
+ import '../../../styled/text/StyledTextMediaFigure.js';
20
+ import '../../../styled/input-group/StyledInputGroup.js';
21
+ import '../../../styled/checkbox/StyledCheckLabel.js';
22
+ import '../../../styled/checkbox/StyledCheckHint.js';
23
+ import '../../../styled/checkbox/StyledCheckInput.js';
24
+ import '../../../styled/checkbox/StyledCheckMessage.js';
25
+ import '../../../styled/checkbox/StyledCheckSvg.js';
26
+ import '../../../styled/checkbox/StyledDashSvg.js';
27
+ import '../../../styled/file-upload/StyledFileUpload.js';
28
+ import '../../../styled/file-list/StyledFile.js';
29
+ import '../../../styled/file-list/StyledFileClose.js';
30
+ import '../../../styled/file-list/StyledFileDelete.js';
31
+ import '../../../styled/file-list/StyledFileIcon.js';
32
+ import '../../../styled/file-list/StyledFileList.js';
33
+ import '../../../styled/file-list/StyledFileListItem.js';
34
+ import '../../../styled/radio/StyledRadioLabel.js';
35
+ import '../../../styled/radio/StyledRadioHint.js';
36
+ import '../../../styled/radio/StyledRadioInput.js';
37
+ import '../../../styled/radio/StyledRadioMessage.js';
38
+ import '../../../styled/radio/StyledRadioSvg.js';
39
+ import '../../../styled/toggle/StyledToggleLabel.js';
40
+ import '../../../styled/toggle/StyledToggleHint.js';
41
+ import '../../../styled/toggle/StyledToggleInput.js';
42
+ import '../../../styled/toggle/StyledToggleMessage.js';
43
+ import '../../../styled/toggle/StyledToggleSvg.js';
44
+ import '../../../styled/select/StyledSelect.js';
45
+ import '../../../styled/select/StyledSelectWrapper.js';
46
+ import '../../../styled/range/StyledRangeInput.js';
47
+ import '../../../styled/range/StyledSlider.js';
48
+ import '../../../styled/range/StyledSliderThumb.js';
49
+ import '../../../styled/range/StyledSliderTrack.js';
50
+ import '../../../styled/range/StyledSliderTrackRail.js';
51
+ import '../../../styled/tiles/StyledTile.js';
52
+ import { StyledTileDescription } from '../../../styled/tiles/StyledTileDescription.js';
53
+ import '../../../styled/tiles/StyledTileIcon.js';
54
+ import '../../../styled/tiles/StyledTileInput.js';
55
+ import '../../../styled/tiles/StyledTileLabel.js';
56
+ import { useTilesContext } from '../../../utils/useTilesContext.js';
57
+
58
+ const DescriptionComponent = forwardRef((props, ref) => {
59
+ const tilesContext = useTilesContext();
60
+ return React__default.createElement(StyledTileDescription, Object.assign({
61
+ ref: ref,
62
+ isCentered: tilesContext && tilesContext.isCentered
63
+ }, props));
64
+ });
65
+ DescriptionComponent.displayName = 'Tiles.Description';
66
+ const Description = DescriptionComponent;
67
+
68
+ export { Description };
@@ -0,0 +1,68 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { forwardRef } from 'react';
8
+ import { useTilesContext } from '../../../utils/useTilesContext.js';
9
+ import '../../../styled/common/StyledField.js';
10
+ import '../../../styled/common/StyledFieldset.js';
11
+ import '../../../styled/common/StyledLegend.js';
12
+ import '../../../styled/common/StyledHint.js';
13
+ import '../../../styled/common/StyledLabel.js';
14
+ import '../../../styled/common/StyledMessage.js';
15
+ import '../../../styled/common/StyledMessageIcon.js';
16
+ import '../../../styled/text/StyledTextInput.js';
17
+ import '../../../styled/text/StyledTextarea.js';
18
+ import '../../../styled/text/StyledTextFauxInput.js';
19
+ import '../../../styled/text/StyledTextMediaInput.js';
20
+ import '../../../styled/text/StyledTextMediaFigure.js';
21
+ import '../../../styled/input-group/StyledInputGroup.js';
22
+ import '../../../styled/checkbox/StyledCheckLabel.js';
23
+ import '../../../styled/checkbox/StyledCheckHint.js';
24
+ import '../../../styled/checkbox/StyledCheckInput.js';
25
+ import '../../../styled/checkbox/StyledCheckMessage.js';
26
+ import '../../../styled/checkbox/StyledCheckSvg.js';
27
+ import '../../../styled/checkbox/StyledDashSvg.js';
28
+ import '../../../styled/file-upload/StyledFileUpload.js';
29
+ import '../../../styled/file-list/StyledFile.js';
30
+ import '../../../styled/file-list/StyledFileClose.js';
31
+ import '../../../styled/file-list/StyledFileDelete.js';
32
+ import '../../../styled/file-list/StyledFileIcon.js';
33
+ import '../../../styled/file-list/StyledFileList.js';
34
+ import '../../../styled/file-list/StyledFileListItem.js';
35
+ import '../../../styled/radio/StyledRadioLabel.js';
36
+ import '../../../styled/radio/StyledRadioHint.js';
37
+ import '../../../styled/radio/StyledRadioInput.js';
38
+ import '../../../styled/radio/StyledRadioMessage.js';
39
+ import '../../../styled/radio/StyledRadioSvg.js';
40
+ import '../../../styled/toggle/StyledToggleLabel.js';
41
+ import '../../../styled/toggle/StyledToggleHint.js';
42
+ import '../../../styled/toggle/StyledToggleInput.js';
43
+ import '../../../styled/toggle/StyledToggleMessage.js';
44
+ import '../../../styled/toggle/StyledToggleSvg.js';
45
+ import '../../../styled/select/StyledSelect.js';
46
+ import '../../../styled/select/StyledSelectWrapper.js';
47
+ import '../../../styled/range/StyledRangeInput.js';
48
+ import '../../../styled/range/StyledSlider.js';
49
+ import '../../../styled/range/StyledSliderThumb.js';
50
+ import '../../../styled/range/StyledSliderTrack.js';
51
+ import '../../../styled/range/StyledSliderTrackRail.js';
52
+ import '../../../styled/tiles/StyledTile.js';
53
+ import '../../../styled/tiles/StyledTileDescription.js';
54
+ import { StyledTileIcon } from '../../../styled/tiles/StyledTileIcon.js';
55
+ import '../../../styled/tiles/StyledTileInput.js';
56
+ import '../../../styled/tiles/StyledTileLabel.js';
57
+
58
+ const IconComponent = forwardRef((props, ref) => {
59
+ const tileContext = useTilesContext();
60
+ return React__default.createElement(StyledTileIcon, Object.assign({
61
+ ref: ref,
62
+ isCentered: tileContext && tileContext.isCentered
63
+ }, props));
64
+ });
65
+ IconComponent.displayName = 'Tiles.Icon';
66
+ const Icon = IconComponent;
67
+
68
+ export { Icon };
@@ -0,0 +1,77 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
8
+ import mergeRefs from 'react-merge-refs';
9
+ import '../../../styled/common/StyledField.js';
10
+ import '../../../styled/common/StyledFieldset.js';
11
+ import '../../../styled/common/StyledLegend.js';
12
+ import '../../../styled/common/StyledHint.js';
13
+ import '../../../styled/common/StyledLabel.js';
14
+ import '../../../styled/common/StyledMessage.js';
15
+ import '../../../styled/common/StyledMessageIcon.js';
16
+ import '../../../styled/text/StyledTextInput.js';
17
+ import '../../../styled/text/StyledTextarea.js';
18
+ import '../../../styled/text/StyledTextFauxInput.js';
19
+ import '../../../styled/text/StyledTextMediaInput.js';
20
+ import '../../../styled/text/StyledTextMediaFigure.js';
21
+ import '../../../styled/input-group/StyledInputGroup.js';
22
+ import '../../../styled/checkbox/StyledCheckLabel.js';
23
+ import '../../../styled/checkbox/StyledCheckHint.js';
24
+ import '../../../styled/checkbox/StyledCheckInput.js';
25
+ import '../../../styled/checkbox/StyledCheckMessage.js';
26
+ import '../../../styled/checkbox/StyledCheckSvg.js';
27
+ import '../../../styled/checkbox/StyledDashSvg.js';
28
+ import '../../../styled/file-upload/StyledFileUpload.js';
29
+ import '../../../styled/file-list/StyledFile.js';
30
+ import '../../../styled/file-list/StyledFileClose.js';
31
+ import '../../../styled/file-list/StyledFileDelete.js';
32
+ import '../../../styled/file-list/StyledFileIcon.js';
33
+ import '../../../styled/file-list/StyledFileList.js';
34
+ import '../../../styled/file-list/StyledFileListItem.js';
35
+ import '../../../styled/radio/StyledRadioLabel.js';
36
+ import '../../../styled/radio/StyledRadioHint.js';
37
+ import '../../../styled/radio/StyledRadioInput.js';
38
+ import '../../../styled/radio/StyledRadioMessage.js';
39
+ import '../../../styled/radio/StyledRadioSvg.js';
40
+ import '../../../styled/toggle/StyledToggleLabel.js';
41
+ import '../../../styled/toggle/StyledToggleHint.js';
42
+ import '../../../styled/toggle/StyledToggleInput.js';
43
+ import '../../../styled/toggle/StyledToggleMessage.js';
44
+ import '../../../styled/toggle/StyledToggleSvg.js';
45
+ import '../../../styled/select/StyledSelect.js';
46
+ import '../../../styled/select/StyledSelectWrapper.js';
47
+ import '../../../styled/range/StyledRangeInput.js';
48
+ import '../../../styled/range/StyledSlider.js';
49
+ import '../../../styled/range/StyledSliderThumb.js';
50
+ import '../../../styled/range/StyledSliderTrack.js';
51
+ import '../../../styled/range/StyledSliderTrackRail.js';
52
+ import '../../../styled/tiles/StyledTile.js';
53
+ import '../../../styled/tiles/StyledTileDescription.js';
54
+ import '../../../styled/tiles/StyledTileIcon.js';
55
+ import '../../../styled/tiles/StyledTileInput.js';
56
+ import { StyledTileLabel } from '../../../styled/tiles/StyledTileLabel.js';
57
+ import { useTilesContext } from '../../../utils/useTilesContext.js';
58
+
59
+ const LabelComponent = forwardRef((props, forwardedRef) => {
60
+ const [title, setTitle] = useState('');
61
+ const ref = useRef();
62
+ const tilesContext = useTilesContext();
63
+ useEffect(() => {
64
+ if (ref.current) {
65
+ setTitle(ref.current.textContent || undefined);
66
+ }
67
+ }, [ref]);
68
+ return React__default.createElement(StyledTileLabel, Object.assign({
69
+ ref: mergeRefs([ref, forwardedRef]),
70
+ title: title,
71
+ isCentered: tilesContext && tilesContext.isCentered
72
+ }, props));
73
+ });
74
+ LabelComponent.displayName = 'Tiles.Label';
75
+ const Label = LabelComponent;
76
+
77
+ export { Label };
@@ -0,0 +1,95 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React__default, { useRef } from 'react';
8
+ import PropTypes from 'prop-types';
9
+ import { useTilesContext } from '../../../utils/useTilesContext.js';
10
+ import '../../../styled/common/StyledField.js';
11
+ import '../../../styled/common/StyledFieldset.js';
12
+ import '../../../styled/common/StyledLegend.js';
13
+ import '../../../styled/common/StyledHint.js';
14
+ import '../../../styled/common/StyledLabel.js';
15
+ import '../../../styled/common/StyledMessage.js';
16
+ import '../../../styled/common/StyledMessageIcon.js';
17
+ import '../../../styled/text/StyledTextInput.js';
18
+ import '../../../styled/text/StyledTextarea.js';
19
+ import '../../../styled/text/StyledTextFauxInput.js';
20
+ import '../../../styled/text/StyledTextMediaInput.js';
21
+ import '../../../styled/text/StyledTextMediaFigure.js';
22
+ import '../../../styled/input-group/StyledInputGroup.js';
23
+ import '../../../styled/checkbox/StyledCheckLabel.js';
24
+ import '../../../styled/checkbox/StyledCheckHint.js';
25
+ import '../../../styled/checkbox/StyledCheckInput.js';
26
+ import '../../../styled/checkbox/StyledCheckMessage.js';
27
+ import '../../../styled/checkbox/StyledCheckSvg.js';
28
+ import '../../../styled/checkbox/StyledDashSvg.js';
29
+ import '../../../styled/file-upload/StyledFileUpload.js';
30
+ import '../../../styled/file-list/StyledFile.js';
31
+ import '../../../styled/file-list/StyledFileClose.js';
32
+ import '../../../styled/file-list/StyledFileDelete.js';
33
+ import '../../../styled/file-list/StyledFileIcon.js';
34
+ import '../../../styled/file-list/StyledFileList.js';
35
+ import '../../../styled/file-list/StyledFileListItem.js';
36
+ import '../../../styled/radio/StyledRadioLabel.js';
37
+ import '../../../styled/radio/StyledRadioHint.js';
38
+ import '../../../styled/radio/StyledRadioInput.js';
39
+ import '../../../styled/radio/StyledRadioMessage.js';
40
+ import '../../../styled/radio/StyledRadioSvg.js';
41
+ import '../../../styled/toggle/StyledToggleLabel.js';
42
+ import '../../../styled/toggle/StyledToggleHint.js';
43
+ import '../../../styled/toggle/StyledToggleInput.js';
44
+ import '../../../styled/toggle/StyledToggleMessage.js';
45
+ import '../../../styled/toggle/StyledToggleSvg.js';
46
+ import '../../../styled/select/StyledSelect.js';
47
+ import '../../../styled/select/StyledSelectWrapper.js';
48
+ import '../../../styled/range/StyledRangeInput.js';
49
+ import '../../../styled/range/StyledSlider.js';
50
+ import '../../../styled/range/StyledSliderThumb.js';
51
+ import '../../../styled/range/StyledSliderTrack.js';
52
+ import '../../../styled/range/StyledSliderTrackRail.js';
53
+ import { StyledTile } from '../../../styled/tiles/StyledTile.js';
54
+ import '../../../styled/tiles/StyledTileDescription.js';
55
+ import '../../../styled/tiles/StyledTileIcon.js';
56
+ import { StyledTileInput } from '../../../styled/tiles/StyledTileInput.js';
57
+ import '../../../styled/tiles/StyledTileLabel.js';
58
+
59
+ const TileComponent = React__default.forwardRef((_ref, ref) => {
60
+ let {
61
+ children,
62
+ value,
63
+ disabled,
64
+ ...props
65
+ } = _ref;
66
+ const tilesContext = useTilesContext();
67
+ const inputRef = useRef(null);
68
+ let inputProps;
69
+ if (tilesContext) {
70
+ inputProps = {
71
+ name: tilesContext.name,
72
+ checked: tilesContext.value === value,
73
+ onChange: tilesContext.onChange
74
+ };
75
+ }
76
+ return React__default.createElement(StyledTile, Object.assign({
77
+ ref: ref,
78
+ "aria-disabled": disabled,
79
+ isDisabled: disabled,
80
+ isSelected: tilesContext && tilesContext.value === value
81
+ }, props), children, React__default.createElement(StyledTileInput, Object.assign({}, inputProps, {
82
+ disabled: disabled,
83
+ value: value,
84
+ type: "radio",
85
+ ref: inputRef
86
+ })));
87
+ });
88
+ TileComponent.displayName = 'Tiles.Tile';
89
+ TileComponent.propTypes = {
90
+ value: PropTypes.string,
91
+ disabled: PropTypes.bool
92
+ };
93
+ const Tile = TileComponent;
94
+
95
+ export { Tile };
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ export { Field } from './elements/common/Field.js';
8
+ export { Fieldset } from './elements/common/Fieldset.js';
9
+ export { Hint } from './elements/common/Hint.js';
10
+ export { Label } from './elements/common/Label.js';
11
+ export { Message } from './elements/common/Message.js';
12
+ export { Checkbox } from './elements/Checkbox.js';
13
+ export { Input } from './elements/Input.js';
14
+ export { Radio } from './elements/Radio.js';
15
+ export { Range } from './elements/Range.js';
16
+ export { Textarea } from './elements/Textarea.js';
17
+ export { Toggle } from './elements/Toggle.js';
18
+ export { Select } from './elements/Select.js';
19
+ export { MultiThumbRange } from './elements/MultiThumbRange.js';
20
+ export { Tiles } from './elements/tiles/Tiles.js';
21
+ export { InputGroup } from './elements/input-group/InputGroup.js';
22
+ export { FileUpload } from './elements/FileUpload.js';
23
+ export { FileList } from './elements/file-list/FileList.js';
24
+ export { File } from './elements/file-list/components/File.js';
25
+ export { FauxInput } from './elements/faux-input/FauxInput.js';
26
+ export { MediaInput } from './elements/MediaInput.js';
27
+ export { VALIDATION } from './types/index.js';
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import * as React from 'react';
8
+
9
+ var _g;
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: 12,
15
+ height: 12,
16
+ focusable: "false",
17
+ viewBox: "0 0 12 12",
18
+ "aria-hidden": "true"
19
+ }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
20
+ fill: "none",
21
+ stroke: "currentColor"
22
+ }, /*#__PURE__*/React.createElement("path", {
23
+ strokeLinecap: "round",
24
+ strokeLinejoin: "round",
25
+ d: "M3.5 6l2 2L9 4.5"
26
+ }), /*#__PURE__*/React.createElement("circle", {
27
+ cx: 6,
28
+ cy: 6,
29
+ r: 5.5
30
+ }))));
31
+ };
32
+
33
+ export { SvgCheckCircleStroke as default };
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import * as React from 'react';
8
+
9
+ var _path;
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var SvgCheckSmFill = function SvgCheckSmFill(props) {
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: 12,
15
+ height: 12,
16
+ focusable: "false",
17
+ viewBox: "0 0 12 12",
18
+ "aria-hidden": "true"
19
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
20
+ fill: "none",
21
+ stroke: "currentColor",
22
+ strokeLinecap: "round",
23
+ strokeLinejoin: "round",
24
+ strokeWidth: 2,
25
+ d: "M3 6l2 2 4-4"
26
+ })));
27
+ };
28
+
29
+ export { SvgCheckSmFill as default };
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import * as React from 'react';
8
+
9
+ var _circle;
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var SvgCircleSmFill = function SvgCircleSmFill(props) {
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: 12,
15
+ height: 12,
16
+ focusable: "false",
17
+ viewBox: "0 0 12 12",
18
+ "aria-hidden": "true"
19
+ }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
20
+ cx: 6,
21
+ cy: 6,
22
+ r: 2,
23
+ fill: "currentColor"
24
+ })));
25
+ };
26
+
27
+ export { SvgCircleSmFill as default };
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import * as React from 'react';
8
+
9
+ var _path;
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var SvgDashFill = function SvgDashFill(props) {
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: 12,
15
+ height: 12,
16
+ focusable: "false",
17
+ viewBox: "0 0 12 12",
18
+ "aria-hidden": "true"
19
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
20
+ stroke: "currentColor",
21
+ strokeLinecap: "round",
22
+ strokeWidth: 2,
23
+ d: "M3 6h6"
24
+ })));
25
+ };
26
+
27
+ export { SvgDashFill as default };
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import * as React from 'react';
8
+
9
+ var _path;
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var SvgFileDocumentStroke = function SvgFileDocumentStroke(props) {
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: 12,
15
+ height: 12,
16
+ focusable: "false",
17
+ viewBox: "0 0 12 12",
18
+ "aria-hidden": "true"
19
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
20
+ fill: "none",
21
+ stroke: "currentColor",
22
+ strokeLinecap: "round",
23
+ d: "M3.5 5.5h5m-5 2h5m-5 2h5m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
24
+ })));
25
+ };
26
+
27
+ export { SvgFileDocumentStroke as default };