@digigov/react-core 0.12.0 → 0.14.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.
- package/AccordionControls/__snapshots__/index.test.tsx.snap +13 -0
- package/AccordionSection/__snapshots__/index.test.tsx.snap +9 -7
- package/AccordionSectionHeader/__snapshots__/index.test.tsx.snap +2 -2
- package/AccordionSectionHeader/index.d.ts +1 -1
- package/AccordionSectionHeader/index.js +1 -1
- package/AccordionSectionSummary/__snapshots__/index.test.tsx.snap +11 -0
- package/AccordionSectionSummary/index.d.ts +9 -0
- package/AccordionSectionSummary/index.js +35 -0
- package/AccordionSectionSummary/index.test.d.ts +1 -0
- package/AccordionSectionSummary/index.test.js +15 -0
- package/AccordionSectionSummaryHeading/__snapshots__/index.test.tsx.snap +15 -0
- package/AccordionSectionSummaryHeading/index.d.ts +9 -0
- package/AccordionSectionSummaryHeading/index.js +37 -0
- package/AccordionSectionSummaryHeading/index.test.d.ts +1 -0
- package/AccordionSectionSummaryHeading/index.test.js +15 -0
- package/CHANGELOG.md +30 -1
- package/Card/index.d.ts +12 -2
- package/Card/index.js +1 -1
- package/Container/__snapshots__/index.test.tsx.snap +33 -0
- package/Container/index.test.js +17 -0
- package/List/__snapshots__/index.test.tsx.snap +15 -15
- package/List/index.d.ts +2 -2
- package/List/index.js +2 -2
- package/Masthead/__snapshots__/index.test.tsx.snap +1 -9
- package/Masthead/index.js +1 -3
- package/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +11 -0
- package/PhaseBannerHeaderContainer/inde.test.d.ts +1 -0
- package/PhaseBannerHeaderContainer/inde.test.js +15 -0
- package/PhaseBannerHeaderContainer/index.d.ts +8 -0
- package/PhaseBannerHeaderContainer/index.js +32 -0
- package/es/AccordionControls/__snapshots__/index.test.tsx.snap +13 -0
- package/es/AccordionSection/__snapshots__/index.test.tsx.snap +9 -7
- package/es/AccordionSectionHeader/__snapshots__/index.test.tsx.snap +2 -2
- package/es/AccordionSectionHeader/index.js +1 -1
- package/es/AccordionSectionSummary/__snapshots__/index.test.tsx.snap +11 -0
- package/es/AccordionSectionSummary/index.js +20 -0
- package/es/AccordionSectionSummary/index.test.js +9 -0
- package/es/AccordionSectionSummaryHeading/__snapshots__/index.test.tsx.snap +15 -0
- package/es/AccordionSectionSummaryHeading/index.js +22 -0
- package/es/AccordionSectionSummaryHeading/index.test.js +9 -0
- package/es/Card/index.js +1 -1
- package/es/Container/__snapshots__/index.test.tsx.snap +33 -0
- package/es/Container/index.test.js +17 -0
- package/es/List/__snapshots__/index.test.tsx.snap +15 -15
- package/es/List/index.js +2 -2
- package/es/Masthead/__snapshots__/index.test.tsx.snap +1 -9
- package/es/Masthead/index.js +1 -2
- package/es/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +11 -0
- package/es/PhaseBannerHeaderContainer/inde.test.js +9 -0
- package/es/PhaseBannerHeaderContainer/index.js +16 -0
- package/es/index.js +3 -0
- package/esm/AccordionControls/__snapshots__/index.test.tsx.snap +13 -0
- package/esm/AccordionSection/__snapshots__/index.test.tsx.snap +9 -7
- package/esm/AccordionSectionHeader/__snapshots__/index.test.tsx.snap +2 -2
- package/esm/AccordionSectionHeader/index.js +1 -1
- package/esm/AccordionSectionSummary/__snapshots__/index.test.tsx.snap +11 -0
- package/esm/AccordionSectionSummary/index.js +20 -0
- package/esm/AccordionSectionSummary/index.test.js +9 -0
- package/esm/AccordionSectionSummaryHeading/__snapshots__/index.test.tsx.snap +15 -0
- package/esm/AccordionSectionSummaryHeading/index.js +22 -0
- package/esm/AccordionSectionSummaryHeading/index.test.js +9 -0
- package/esm/Card/index.js +1 -1
- package/esm/Container/__snapshots__/index.test.tsx.snap +33 -0
- package/esm/Container/index.test.js +17 -0
- package/esm/List/__snapshots__/index.test.tsx.snap +15 -15
- package/esm/List/index.js +2 -2
- package/esm/Masthead/__snapshots__/index.test.tsx.snap +1 -9
- package/esm/Masthead/index.js +1 -2
- package/esm/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +11 -0
- package/esm/PhaseBannerHeaderContainer/inde.test.js +9 -0
- package/esm/PhaseBannerHeaderContainer/index.js +16 -0
- package/esm/index.js +5 -2
- package/index.d.ts +3 -0
- package/index.js +24 -0
- package/package.json +3 -3
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the AccordionControls with button 1`] = `
|
|
4
|
+
<ForwardRef(AccordionControls)>
|
|
5
|
+
<div
|
|
6
|
+
className="govgr-accordion__controls"
|
|
7
|
+
>
|
|
8
|
+
<button>
|
|
9
|
+
open all
|
|
10
|
+
</button>
|
|
11
|
+
</div>
|
|
12
|
+
</ForwardRef(AccordionControls)>
|
|
13
|
+
`;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`renders the AccordionSection with no props 1`] = `
|
|
4
4
|
<ForwardRef(AccordionSection)>
|
|
5
|
-
<
|
|
5
|
+
<details
|
|
6
6
|
className="govgr-accordion__section"
|
|
7
7
|
>
|
|
8
8
|
hello
|
|
9
|
-
</
|
|
9
|
+
</details>
|
|
10
10
|
</ForwardRef(AccordionSection)>
|
|
11
11
|
`;
|
|
12
12
|
|
|
@@ -14,11 +14,12 @@ exports[`renders the AccordionSection with open=false 1`] = `
|
|
|
14
14
|
<ForwardRef(AccordionSection)
|
|
15
15
|
open={false}
|
|
16
16
|
>
|
|
17
|
-
<
|
|
17
|
+
<details
|
|
18
18
|
className="govgr-accordion__section"
|
|
19
|
+
open={false}
|
|
19
20
|
>
|
|
20
21
|
hello
|
|
21
|
-
</
|
|
22
|
+
</details>
|
|
22
23
|
</ForwardRef(AccordionSection)>
|
|
23
24
|
`;
|
|
24
25
|
|
|
@@ -26,10 +27,11 @@ exports[`renders the AccordionSection with open=true 1`] = `
|
|
|
26
27
|
<ForwardRef(AccordionSection)
|
|
27
28
|
open={true}
|
|
28
29
|
>
|
|
29
|
-
<
|
|
30
|
-
className="govgr-accordion__section
|
|
30
|
+
<details
|
|
31
|
+
className="govgr-accordion__section"
|
|
32
|
+
open={true}
|
|
31
33
|
>
|
|
32
34
|
hello
|
|
33
|
-
</
|
|
35
|
+
</details>
|
|
34
36
|
</ForwardRef(AccordionSection)>
|
|
35
37
|
`;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`renders the AccordionSectionHeader with no props 1`] = `
|
|
4
4
|
<ForwardRef(AccordionSectionHeader)>
|
|
5
|
-
<
|
|
5
|
+
<summary
|
|
6
6
|
className="govgr-accordion__section-header"
|
|
7
7
|
>
|
|
8
8
|
<h2
|
|
@@ -14,6 +14,6 @@ exports[`renders the AccordionSectionHeader with no props 1`] = `
|
|
|
14
14
|
hello
|
|
15
15
|
</span>
|
|
16
16
|
</h2>
|
|
17
|
-
</
|
|
17
|
+
</summary>
|
|
18
18
|
</ForwardRef(AccordionSectionHeader)>
|
|
19
19
|
`;
|
|
@@ -3,7 +3,7 @@ declare type DivElementAttributes = JSX.IntrinsicElements['div'];
|
|
|
3
3
|
export interface AccordionSectionHeaderProps extends DivElementAttributes {
|
|
4
4
|
}
|
|
5
5
|
/**
|
|
6
|
-
* AccordionSectionHeader
|
|
6
|
+
* AccordionSectionHeader will be deprecated and implemented using AccordionSectionSummary and AccordionSectionSummaryHeading.
|
|
7
7
|
*/
|
|
8
8
|
export declare const AccordionSectionHeader: React.ForwardRefExoticComponent<Pick<AccordionSectionHeaderProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
export default AccordionSectionHeader;
|
|
@@ -18,7 +18,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
18
18
|
var _excluded = ["className", "children"];
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
|
-
* AccordionSectionHeader
|
|
21
|
+
* AccordionSectionHeader will be deprecated and implemented using AccordionSectionSummary and AccordionSectionSummaryHeading.
|
|
22
22
|
*/
|
|
23
23
|
var AccordionSectionHeader = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionHeader(_ref, ref) {
|
|
24
24
|
var className = _ref.className,
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the AccordionSectionSummary with no props 1`] = `
|
|
4
|
+
<ForwardRef(AccordionSectionSummary)>
|
|
5
|
+
<summary
|
|
6
|
+
className="govgr-accordion__section-summary"
|
|
7
|
+
>
|
|
8
|
+
hello
|
|
9
|
+
</summary>
|
|
10
|
+
</ForwardRef(AccordionSectionSummary)>
|
|
11
|
+
`;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type SummaryElementAttributes = JSX.IntrinsicElements['summary'];
|
|
3
|
+
export interface AccordionSectionSummaryProps extends SummaryElementAttributes {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
|
|
7
|
+
*/
|
|
8
|
+
export declare const AccordionSectionSummary: React.ForwardRefExoticComponent<Pick<AccordionSectionSummaryProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export default AccordionSectionSummary;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = exports.AccordionSectionSummary = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
17
|
+
|
|
18
|
+
var _excluded = ["className", "children"];
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
|
|
22
|
+
*/
|
|
23
|
+
var AccordionSectionSummary = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionSummary(_ref, ref) {
|
|
24
|
+
var className = _ref.className,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("summary", (0, _extends2["default"])({
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-summary')
|
|
30
|
+
}, props), children);
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
exports.AccordionSectionSummary = AccordionSectionSummary;
|
|
34
|
+
var _default = AccordionSectionSummary;
|
|
35
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
|
|
7
|
+
var _enzyme = require("enzyme");
|
|
8
|
+
|
|
9
|
+
var _AccordionSectionSummary = _interopRequireDefault(require("@digigov/react-core/AccordionSectionSummary"));
|
|
10
|
+
|
|
11
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_AccordionSectionSummary["default"], null, "hello");
|
|
12
|
+
|
|
13
|
+
it('renders the AccordionSectionSummary with no props', function () {
|
|
14
|
+
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
15
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the AccordionSectionSummaryHeading with no props 1`] = `
|
|
4
|
+
<ForwardRef(AccordionSectionSummaryHeading)>
|
|
5
|
+
<h2
|
|
6
|
+
className="govgr-accordion__section-heading"
|
|
7
|
+
>
|
|
8
|
+
<span
|
|
9
|
+
className="govgr-accordion__section-button"
|
|
10
|
+
>
|
|
11
|
+
hello
|
|
12
|
+
</span>
|
|
13
|
+
</h2>
|
|
14
|
+
</ForwardRef(AccordionSectionSummaryHeading)>
|
|
15
|
+
`;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type H2ElementAttributes = JSX.IntrinsicElements['h2'];
|
|
3
|
+
export interface AccordionSectionSummaryHeadingProps extends H2ElementAttributes {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
|
|
7
|
+
*/
|
|
8
|
+
export declare const AccordionSectionSummaryHeading: React.ForwardRefExoticComponent<Pick<AccordionSectionSummaryHeadingProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
9
|
+
export default AccordionSectionSummaryHeading;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = exports.AccordionSectionSummaryHeading = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
17
|
+
|
|
18
|
+
var _excluded = ["className", "children"];
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
|
|
22
|
+
*/
|
|
23
|
+
var AccordionSectionSummaryHeading = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionSummaryHeading(_ref, ref) {
|
|
24
|
+
var className = _ref.className,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("h2", (0, _extends2["default"])({
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-heading')
|
|
30
|
+
}, props), /*#__PURE__*/_react["default"].createElement("span", {
|
|
31
|
+
className: (0, _clsx["default"])(true && 'govgr-accordion__section-button')
|
|
32
|
+
}, children));
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
exports.AccordionSectionSummaryHeading = AccordionSectionSummaryHeading;
|
|
36
|
+
var _default = AccordionSectionSummaryHeading;
|
|
37
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
|
|
7
|
+
var _enzyme = require("enzyme");
|
|
8
|
+
|
|
9
|
+
var _AccordionSectionSummaryHeading = _interopRequireDefault(require("@digigov/react-core/AccordionSectionSummaryHeading"));
|
|
10
|
+
|
|
11
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_AccordionSectionSummaryHeading["default"], null, "hello");
|
|
12
|
+
|
|
13
|
+
it('renders the AccordionSectionSummaryHeading with no props', function () {
|
|
14
|
+
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
15
|
+
});
|
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,35 @@
|
|
|
1
1
|
# Change Log - @digigov/react-core
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue,
|
|
3
|
+
This log was last generated on Tue, 17 May 2022 11:04:22 GMT and should not be manually modified.
|
|
4
|
+
|
|
5
|
+
## 0.14.1
|
|
6
|
+
Tue, 17 May 2022 11:04:22 GMT
|
|
7
|
+
|
|
8
|
+
_Version update only_
|
|
9
|
+
|
|
10
|
+
## 0.14.0
|
|
11
|
+
Mon, 16 May 2022 14:42:45 GMT
|
|
12
|
+
|
|
13
|
+
### Minor changes
|
|
14
|
+
|
|
15
|
+
- remove Container from Masthead component
|
|
16
|
+
|
|
17
|
+
### Patches
|
|
18
|
+
|
|
19
|
+
- Change MIT License to BSD-2-Clause
|
|
20
|
+
|
|
21
|
+
## 0.13.0
|
|
22
|
+
Tue, 10 May 2022 14:04:00 GMT
|
|
23
|
+
|
|
24
|
+
### Minor changes
|
|
25
|
+
|
|
26
|
+
- Create PhaseBannerHeaderContainer
|
|
27
|
+
- Implement AccordionSectionHeader using AccordionSectionSummary and AccordionSectionSummaryHeading
|
|
28
|
+
|
|
29
|
+
### Patches
|
|
30
|
+
|
|
31
|
+
- change element tag from ul to ol in List component
|
|
32
|
+
- Add comments to List component properties
|
|
4
33
|
|
|
5
34
|
## 0.12.0
|
|
6
35
|
Tue, 03 May 2022 10:27:10 GMT
|
package/Card/index.d.ts
CHANGED
|
@@ -6,8 +6,18 @@ export interface CardProps extends DivElementAttributes {
|
|
|
6
6
|
* divider
|
|
7
7
|
* `variant` property is optional.
|
|
8
8
|
*/
|
|
9
|
-
variant?:
|
|
10
|
-
|
|
9
|
+
variant?: 'border' | 'divider' | 'border-top';
|
|
10
|
+
/**
|
|
11
|
+
*borderColor property is optional and it is used to set the color of the Card's border.
|
|
12
|
+
*
|
|
13
|
+
*
|
|
14
|
+
*/
|
|
15
|
+
borderColor?: 'gray' | 'dark';
|
|
16
|
+
/**
|
|
17
|
+
*callToAction property is optional and it is used to set the content of the Card clickable.
|
|
18
|
+
*
|
|
19
|
+
*
|
|
20
|
+
*/
|
|
11
21
|
callToAction?: boolean;
|
|
12
22
|
}
|
|
13
23
|
/**
|
package/Card/index.js
CHANGED
|
@@ -32,7 +32,7 @@ var Card = /*#__PURE__*/_react["default"].forwardRef(function Card(_ref, ref) {
|
|
|
32
32
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
33
33
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
34
34
|
ref: ref,
|
|
35
|
-
className: (0, _clsx["default"])(className, variant ===
|
|
35
|
+
className: (0, _clsx["default"])(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'gray' && 'govgr-card--border-gray', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
|
|
36
36
|
}, props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
37
37
|
className: (0, _clsx["default"])(true && 'govgr-card__body')
|
|
38
38
|
}, children));
|
|
@@ -1,5 +1,38 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
+
exports[`renders the Container with cols={false} prop 1`] = `
|
|
4
|
+
<ForwardRef(Container)
|
|
5
|
+
cols={false}
|
|
6
|
+
fullWidth={true}
|
|
7
|
+
>
|
|
8
|
+
<div
|
|
9
|
+
className="govgr-full-width-container"
|
|
10
|
+
>
|
|
11
|
+
<div
|
|
12
|
+
className=""
|
|
13
|
+
>
|
|
14
|
+
hello
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</ForwardRef(Container)>
|
|
18
|
+
`;
|
|
19
|
+
|
|
20
|
+
exports[`renders the Container with fullWidth prop 1`] = `
|
|
21
|
+
<ForwardRef(Container)
|
|
22
|
+
fullWidth={true}
|
|
23
|
+
>
|
|
24
|
+
<div
|
|
25
|
+
className="govgr-full-width-container"
|
|
26
|
+
>
|
|
27
|
+
<div
|
|
28
|
+
className="govgr-main-wrapper"
|
|
29
|
+
>
|
|
30
|
+
hello
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</ForwardRef(Container)>
|
|
34
|
+
`;
|
|
35
|
+
|
|
3
36
|
exports[`renders the Container with no props 1`] = `
|
|
4
37
|
<ForwardRef(Container)>
|
|
5
38
|
<div
|
package/Container/index.test.js
CHANGED
|
@@ -12,4 +12,21 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Container["default"], n
|
|
|
12
12
|
|
|
13
13
|
it('renders the Container with no props', function () {
|
|
14
14
|
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_Container["default"], {
|
|
18
|
+
fullWidth: true
|
|
19
|
+
}, "hello");
|
|
20
|
+
|
|
21
|
+
it('renders the Container with fullWidth prop', function () {
|
|
22
|
+
expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
var _ref3 = /*#__PURE__*/_react["default"].createElement(_Container["default"], {
|
|
26
|
+
fullWidth: true,
|
|
27
|
+
cols: false
|
|
28
|
+
}, "hello");
|
|
29
|
+
|
|
30
|
+
it('renders the Container with cols={false} prop', function () {
|
|
31
|
+
expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
|
|
15
32
|
});
|
|
@@ -4,11 +4,11 @@ exports[`renders the List with listStyle=bullet 1`] = `
|
|
|
4
4
|
<ForwardRef(List)
|
|
5
5
|
listStyle="bullet"
|
|
6
6
|
>
|
|
7
|
-
<
|
|
7
|
+
<ol
|
|
8
8
|
className="govgr-list--bullet govgr-list"
|
|
9
9
|
>
|
|
10
10
|
hello
|
|
11
|
-
</
|
|
11
|
+
</ol>
|
|
12
12
|
</ForwardRef(List)>
|
|
13
13
|
`;
|
|
14
14
|
|
|
@@ -16,7 +16,7 @@ exports[`renders the List with listStyle=bullet 2`] = `
|
|
|
16
16
|
<ForwardRef(List)
|
|
17
17
|
listStyle="bullet"
|
|
18
18
|
>
|
|
19
|
-
<
|
|
19
|
+
<ol
|
|
20
20
|
className="govgr-list--bullet govgr-list"
|
|
21
21
|
>
|
|
22
22
|
<ForwardRef(ListItem)>
|
|
@@ -33,7 +33,7 @@ exports[`renders the List with listStyle=bullet 2`] = `
|
|
|
33
33
|
hello Katerina
|
|
34
34
|
</li>
|
|
35
35
|
</ForwardRef(ListItem)>
|
|
36
|
-
</
|
|
36
|
+
</ol>
|
|
37
37
|
</ForwardRef(List)>
|
|
38
38
|
`;
|
|
39
39
|
|
|
@@ -42,7 +42,7 @@ exports[`renders the List with listStyle=bullet and spaced 1`] = `
|
|
|
42
42
|
listStyle="bullet"
|
|
43
43
|
spaced={true}
|
|
44
44
|
>
|
|
45
|
-
<
|
|
45
|
+
<ol
|
|
46
46
|
className="govgr-list--bullet govgr-list--spaced govgr-list"
|
|
47
47
|
>
|
|
48
48
|
<ForwardRef(ListItem)>
|
|
@@ -59,7 +59,7 @@ exports[`renders the List with listStyle=bullet and spaced 1`] = `
|
|
|
59
59
|
hello Katerina
|
|
60
60
|
</li>
|
|
61
61
|
</ForwardRef(ListItem)>
|
|
62
|
-
</
|
|
62
|
+
</ol>
|
|
63
63
|
</ForwardRef(List)>
|
|
64
64
|
`;
|
|
65
65
|
|
|
@@ -67,11 +67,11 @@ exports[`renders the List with listStyle=number 1`] = `
|
|
|
67
67
|
<ForwardRef(List)
|
|
68
68
|
listStyle="number"
|
|
69
69
|
>
|
|
70
|
-
<
|
|
70
|
+
<ol
|
|
71
71
|
className="govgr-list--number govgr-list"
|
|
72
72
|
>
|
|
73
73
|
hello
|
|
74
|
-
</
|
|
74
|
+
</ol>
|
|
75
75
|
</ForwardRef(List)>
|
|
76
76
|
`;
|
|
77
77
|
|
|
@@ -79,7 +79,7 @@ exports[`renders the List with listStyle=number 2`] = `
|
|
|
79
79
|
<ForwardRef(List)
|
|
80
80
|
listStyle="number"
|
|
81
81
|
>
|
|
82
|
-
<
|
|
82
|
+
<ol
|
|
83
83
|
className="govgr-list--number govgr-list"
|
|
84
84
|
>
|
|
85
85
|
<ForwardRef(ListItem)>
|
|
@@ -96,7 +96,7 @@ exports[`renders the List with listStyle=number 2`] = `
|
|
|
96
96
|
hello Katerina
|
|
97
97
|
</li>
|
|
98
98
|
</ForwardRef(ListItem)>
|
|
99
|
-
</
|
|
99
|
+
</ol>
|
|
100
100
|
</ForwardRef(List)>
|
|
101
101
|
`;
|
|
102
102
|
|
|
@@ -105,7 +105,7 @@ exports[`renders the List with listStyle=number and spaced 1`] = `
|
|
|
105
105
|
listStyle="number"
|
|
106
106
|
spaced={true}
|
|
107
107
|
>
|
|
108
|
-
<
|
|
108
|
+
<ol
|
|
109
109
|
className="govgr-list--number govgr-list--spaced govgr-list"
|
|
110
110
|
>
|
|
111
111
|
<ForwardRef(ListItem)>
|
|
@@ -122,16 +122,16 @@ exports[`renders the List with listStyle=number and spaced 1`] = `
|
|
|
122
122
|
hello Katerina
|
|
123
123
|
</li>
|
|
124
124
|
</ForwardRef(ListItem)>
|
|
125
|
-
</
|
|
125
|
+
</ol>
|
|
126
126
|
</ForwardRef(List)>
|
|
127
127
|
`;
|
|
128
128
|
|
|
129
129
|
exports[`renders the List with no props 1`] = `
|
|
130
130
|
<ForwardRef(List)>
|
|
131
|
-
<
|
|
132
|
-
className="govgr-list"
|
|
131
|
+
<ol
|
|
132
|
+
className="govgr-list--bullet govgr-list"
|
|
133
133
|
>
|
|
134
134
|
hello
|
|
135
|
-
</
|
|
135
|
+
</ol>
|
|
136
136
|
</ForwardRef(List)>
|
|
137
137
|
`;
|
package/List/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare type UlElementAttributes = JSX.IntrinsicElements['
|
|
2
|
+
declare type UlElementAttributes = JSX.IntrinsicElements['ol'];
|
|
3
3
|
export interface ListProps extends UlElementAttributes {
|
|
4
4
|
/**
|
|
5
5
|
* listStyle is optional. By default, the list style is none.
|
|
@@ -14,5 +14,5 @@ export interface ListProps extends UlElementAttributes {
|
|
|
14
14
|
* List component is used for listing items.
|
|
15
15
|
* This component must contain ListItem component.
|
|
16
16
|
*/
|
|
17
|
-
export declare const List: React.ForwardRefExoticComponent<Pick<ListProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "listStyle" | "spaced"> & React.RefAttributes<
|
|
17
|
+
export declare const List: React.ForwardRefExoticComponent<Pick<ListProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "reversed" | "start" | "listStyle" | "spaced"> & React.RefAttributes<HTMLOListElement>>;
|
|
18
18
|
export default List;
|
package/List/index.js
CHANGED
|
@@ -23,13 +23,13 @@ var _excluded = ["listStyle", "spaced", "className", "children"];
|
|
|
23
23
|
*/
|
|
24
24
|
var List = /*#__PURE__*/_react["default"].forwardRef(function List(_ref, ref) {
|
|
25
25
|
var _ref$listStyle = _ref.listStyle,
|
|
26
|
-
listStyle = _ref$listStyle === void 0 ? '
|
|
26
|
+
listStyle = _ref$listStyle === void 0 ? 'none' : _ref$listStyle,
|
|
27
27
|
_ref$spaced = _ref.spaced,
|
|
28
28
|
spaced = _ref$spaced === void 0 ? false : _ref$spaced,
|
|
29
29
|
className = _ref.className,
|
|
30
30
|
children = _ref.children,
|
|
31
31
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement("
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement("ol", (0, _extends2["default"])({
|
|
33
33
|
ref: ref,
|
|
34
34
|
className: (0, _clsx["default"])(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
|
|
35
35
|
}, props), children);
|
|
@@ -5,15 +5,7 @@ exports[`renders the Masthead with no props 1`] = `
|
|
|
5
5
|
<div
|
|
6
6
|
className="govgr-masthead govgr-background-dark"
|
|
7
7
|
>
|
|
8
|
-
|
|
9
|
-
className="govgr-width-container"
|
|
10
|
-
>
|
|
11
|
-
<div
|
|
12
|
-
className="govgr-main-wrapper"
|
|
13
|
-
>
|
|
14
|
-
hello
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
8
|
+
hello
|
|
17
9
|
</div>
|
|
18
10
|
</ForwardRef(Masthead)>
|
|
19
11
|
`;
|
package/Masthead/index.js
CHANGED
|
@@ -15,8 +15,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
17
17
|
|
|
18
|
-
var _Container = _interopRequireDefault(require("@digigov/react-core/Container"));
|
|
19
|
-
|
|
20
18
|
var _excluded = ["className", "children"];
|
|
21
19
|
|
|
22
20
|
/**
|
|
@@ -29,7 +27,7 @@ var Masthead = /*#__PURE__*/_react["default"].forwardRef(function Masthead(_ref,
|
|
|
29
27
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
30
28
|
ref: ref,
|
|
31
29
|
className: (0, _clsx["default"])(className, true && ['govgr-masthead', 'govgr-background-dark'])
|
|
32
|
-
}, props),
|
|
30
|
+
}, props), children);
|
|
33
31
|
});
|
|
34
32
|
|
|
35
33
|
exports.Masthead = Masthead;
|