@procore/core-react 11.3.0-rc.1 → 11.3.0-rc.2
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/dist/AvatarStack/AvatarStack.d.ts +1 -1
- package/dist/AvatarStack/AvatarStack.js +8 -2
- package/dist/AvatarStack/AvatarStack.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +2 -1
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.styles.js +1 -1
- package/dist/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.d.ts +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.js +69 -54
- package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.types.d.ts +7 -71
- package/dist/DropdownFlyout/DropdownFlyout.types.js.map +1 -1
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.d.ts +11 -0
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js +14 -0
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js.map +1 -0
- package/dist/Overlay/Overlay.d.ts +1 -0
- package/dist/Overlay/Overlay.js.map +1 -1
- package/dist/Overlay/OverlayArrow.d.ts +11 -0
- package/dist/Overlay/OverlayArrow.js +25 -0
- package/dist/Overlay/OverlayArrow.js.map +1 -0
- package/dist/Overlay/OverlayArrow.styles.d.ts +2 -0
- package/dist/Overlay/OverlayArrow.styles.js +9 -0
- package/dist/Overlay/OverlayArrow.styles.js.map +1 -0
- package/dist/Overlay/useOverlay.d.ts +18 -0
- package/dist/Overlay/useOverlay.js +23 -0
- package/dist/Overlay/useOverlay.js.map +1 -0
- package/dist/OverlayTrigger/OverlayTrigger.d.ts +34 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +93 -48
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/Popover/Popover.js +2 -2
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.d.ts +1 -0
- package/dist/Popover/Popover.styles.js +3 -7
- package/dist/Popover/Popover.styles.js.map +1 -1
- package/dist/Popover/Popover.types.d.ts +6 -0
- package/dist/Select/Select.styles.js +1 -1
- package/dist/Select/Select.styles.js.map +1 -1
- package/dist/Tabs/Tabs.js +2 -4
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +3 -3
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.styles.d.ts +1 -4
- package/dist/Tooltip/Tooltip.styles.js +2 -6
- package/dist/Tooltip/Tooltip.styles.js.map +1 -1
- package/dist/Tree/Tree.js +10 -14
- package/dist/Tree/Tree.js.map +1 -1
- package/dist/_hooks/Trigger.js +3 -2
- package/dist/_hooks/Trigger.js.map +1 -1
- package/dist/_styles/arrows.d.ts +0 -2
- package/dist/_styles/arrows.js +1 -44
- package/dist/_styles/arrows.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +17 -17
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +22 -22
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +12 -12
- package/dist/_typedoc/Box/Box.types.json +66 -66
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +7 -7
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +79 -79
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +7 -7
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +35 -35
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +52 -62
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +26 -26
- package/dist/_typedoc/FlexList/FlexList.types.json +29 -29
- package/dist/_typedoc/Form/Form.types.json +688 -688
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +51 -51
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +61 -61
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +67 -67
- package/dist/_typedoc/Modal/Modal.types.json +27 -27
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +30 -30
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +36 -36
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.json +64 -18
- package/dist/_typedoc/PageLayout/PageLayout.types.json +7 -7
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +1 -1
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +19 -9
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +5 -5
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +31 -31
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +8 -8
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +94 -94
- package/dist/_typedoc/Tabs/Tabs.types.json +15 -15
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +10 -10
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +7 -7
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +25 -25
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +41 -41
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +27 -27
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +8 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +85 -85
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_utils/placement.d.ts +2 -0
- package/dist/_utils/placement.js +14 -1
- package/dist/_utils/placement.js.map +1 -1
- package/dist/_utils/types.d.ts +3 -0
- package/package.json +3 -2
|
@@ -22,7 +22,7 @@ export declare function BaseAvatarStack<Item extends AvatarStackItem>({ items, s
|
|
|
22
22
|
colors: Map<AvatarStackItemId, Color>;
|
|
23
23
|
size: AvatarStackSize;
|
|
24
24
|
}): JSX.Element;
|
|
25
|
-
export declare function FoldedAvatarStack<Item extends AvatarStackItem>({ items, onClickViewAll, size, restCountLabel, isViewAllNeeded, }: FoldedAvatarStackProps<Item>): JSX.Element;
|
|
25
|
+
export declare function FoldedAvatarStack<Item extends AvatarStackItem>({ items, onClickViewAll: onClickViewAll_, size, restCountLabel, isViewAllNeeded, }: FoldedAvatarStackProps<Item>): JSX.Element;
|
|
26
26
|
export declare function ViewAllModal<Item extends AvatarStackItem>({ isOpen, onClose, title, items, }: ViewAllModalProps<Item>): JSX.Element;
|
|
27
27
|
export declare function defaultInitials<Item extends AvatarStackItem>(item: Item): string;
|
|
28
28
|
export declare function defaultGetImageUrl<Item extends AvatarStackItem>(item: Item): string;
|
|
@@ -129,9 +129,15 @@ export function BaseAvatarStack(_a) {
|
|
|
129
129
|
})));
|
|
130
130
|
}
|
|
131
131
|
export function FoldedAvatarStack(_a) {
|
|
132
|
-
var items = _a.items,
|
|
132
|
+
var items = _a.items, onClickViewAll_ = _a.onClickViewAll, size = _a.size, restCountLabel = _a.restCountLabel, isViewAllNeeded = _a.isViewAllNeeded;
|
|
133
133
|
var I18n = useI18nContext();
|
|
134
|
-
|
|
134
|
+
var overlayRef = React.useRef(null);
|
|
135
|
+
function onClickViewAll() {
|
|
136
|
+
var _a;
|
|
137
|
+
onClickViewAll_();
|
|
138
|
+
(_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.hide();
|
|
139
|
+
}
|
|
140
|
+
return (React.createElement(Popover, { trigger: "hover", overlayRef: overlayRef, overlay: React.createElement(Popover.Content, null,
|
|
135
141
|
React.createElement(StyledContactItems, null, items.map(function (item) { return (React.createElement(AvatarStackContactItem, { key: item.id, id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })); })),
|
|
136
142
|
isViewAllNeeded && (React.createElement(StyledViewAllWrapper, null,
|
|
137
143
|
React.createElement(StyledViewAll, { "data-qa": "core-avatar-stack-view-all-modal-trigger", color: "blue50", onClick: onClickViewAll }, I18n.t('core.avatarStack.viewAll'))))) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -110,7 +110,8 @@ var Dropdown_ = React.forwardRef(function Dropdown(_a, ref) {
|
|
|
110
110
|
target: { value: '' },
|
|
111
111
|
});
|
|
112
112
|
}
|
|
113
|
-
return (React.createElement(OverlayTrigger, { afterHide: afterHide, afterShow: afterShow, beforeHide: beforeHide, beforeShow: beforeShow, overlay: React.createElement(DropdownMenu, { footer: footer, i18nScope: i18nScope, menuRef: menuRef, onSearch: onSearch, onSelect: onSelect }, children), placement: placement, ref: ref, restoreFocusOnHide: false },
|
|
113
|
+
return (React.createElement(OverlayTrigger, { afterHide: afterHide, afterShow: afterShow, beforeHide: beforeHide, beforeShow: beforeShow, overlay: React.createElement(DropdownMenu, { footer: footer, i18nScope: i18nScope, menuRef: menuRef, onSearch: onSearch, onSelect: onSelect }, children), placement: placement, ref: ref, restoreFocusOnHide: false },
|
|
114
|
+
React.createElement(DropdownButton, __assign({}, props, { arrow: label !== undefined, focusTarget: onSearch ? DropdownFocusTarget.search : DropdownFocusTarget.button, icon: props.loading && !label ? undefined : !icon && !label ? (React.createElement(EllipsisVertical, null)) : (icon), onKeyDown: onKeyDown, variant: variant }), label)));
|
|
114
115
|
});
|
|
115
116
|
export var useDropdownContext = useOverlayTriggerContext;
|
|
116
117
|
export function DropdownConsumer(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAMxE,OAAO,EACL,cAAc,EACd,wBAAwB,GACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAGL,mBAAmB,GAGpB,MAAM,kBAAkB,CAAA;AAEzB,IAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAE7C,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,EAAE,CAAA;AAE5B,SAAS,IAAI,KAAI,CAAC;AAElB,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IACtB,OAAO,oBAAC,cAAc,CAAC,IAAI,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AACrD,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CACvB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,mBAAwC,EAAxC,WAAW,mBAAG,mBAAmB,CAAC,MAAM,KAAA,EACxC,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EAClB,KAAK,cARV,+EASC,CADS;IAIV,IAAM,KAAK,GACT,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAA;IAEnE,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CACrB,oBAAC,qBAAqB,IACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAC7C,CACH,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,eACf,KAAK,IACT,SAAS,EAAE,EAAE,CACX,EAAE,KAAK,EAAE,IAAI,IAAI,WAAW,KAAK,mBAAmB,CAAC,MAAM,EAAE,EAC7D,SAAS,CACV,eACU,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAE,IAAI,cACL,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KAEP,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,YAAY,CACnB,EAOC,EACD,GAAG;QAPD,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,SAAS,eAAA,EACT,OAAO,aAAA,EACG,SAAS,cAAA,EACnB,gBAA0B,EAAhB,SAAS,mBAAG,IAAI,KAAA;IAI5B,IAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAElD,IAAA,KAAsB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAvC,MAAM,QAAA,EAAE,SAAS,QAAsB,CAAA;IAE9C,SAAS,QAAQ,CAAC,SAAoB;QACpC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEhC,SAAS,CAAC,SAAS,CAAC,CAAA;IACtB,CAAC;IAED,SAAS,QAAQ,CAAC,CAAsC;QACtD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAEzB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,SAAS,CACb;;QACE,MAAA,OAAO,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAA;IACnC,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,kBAAkB,IAAC,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;QAC7C,oBAAC,cAAc,IAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;YAC7C,SAAS,IAAI,CACZ,oBAAC,cAAc,CAAC,MAAM,IACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,YAAY,EAAC,OAAO,EACpB,SAAS,EAAE,SAAS,GACpB,CACH;YACD,oBAAC,cAAc,CAAC,OAAO,QAAE,QAAQ,CAA0B;YAC1D,MAAM,IAAI,oBAAC,cAAc,CAAC,MAAM,QAAE,MAAM,CAAyB,CACnD,CACE,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,SAAS,QAAQ,CACf,EAiBC,EACD,GAAG;IAjBD,IAAW,UAAU,eAAA,EACV,UAAU,eAAA,EACrB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,MAAM,YAAA,EACN,iBAA2B,EAA3B,SAAS,mBAAG,eAAe,KAAA,EAC3B,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,iBAA4B,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAC5B,QAAQ,cAAA,EACR,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,iBAAyB,EAAzB,SAAS,mBAAG,aAAa,KAAA,EACzB,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EAClB,KAAK,cAhBV,gLAiBC,CADS;IAIV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAU,IAAI,CAAC,CAAA;IAE3C,SAAS,SAAS,CAAC,CAAyC;;QAC1D,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;YACzC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA;SACxB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACpD,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA;SACxB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,CAAC,CAAA;SAC3B;QAED,UAAU,CAAC,CAAC,CAAC,CAAA;IACf,CAAC;IAED,0EAA0E;IAC1E,kFAAkF;IAClF,0FAA0F;IAC1F,oDAAoD;IACpD,SAAS,SAAS;;QAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAA;QAEd,IAAI,CAAC,QAAQ,EAAE;YACb,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,EAAE,0CAAE,KAAK,EAAE,CAAA;SAC7B;IACH,CAAC;IAED,SAAS,SAAS;QAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAA;QAEd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG;YACT,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACiB,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,OAAO,EACL,oBAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACI,EAEjB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { Button } from '../Button/Button';
|
|
|
7
7
|
import { getBGColor } from '../Button/Button.styles';
|
|
8
8
|
import { Card } from '../Card/Card';
|
|
9
9
|
import { Spinner } from '../Spinner/Spinner';
|
|
10
|
-
export var StyledDropdownMenu = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n max-height: 40vh;\n max-width: 248px;\n"], ["\n display: flex;\n max-height: 40vh;\n max-width: 248px;\n"])));
|
|
10
|
+
export var StyledDropdownMenu = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n max-height: 40vh;\n max-width: 248px;\n min-width: inherit;\n"], ["\n display: flex;\n max-height: 40vh;\n max-width: 248px;\n min-width: inherit;\n"])));
|
|
11
11
|
export var StyledDropdownSpinner = styled(Spinner)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 6px; // TODO one-off\n"], ["\n margin: 0 6px; // TODO one-off\n"])));
|
|
12
12
|
export var StyledDropdownButton = styled(Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n pointer-events: ", ";\n\n ", "\n"], ["\n pointer-events: ", ";\n\n ", "\n"])), function (_a) {
|
|
13
13
|
var disabled = _a.disabled, $loading = _a.$loading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.styles.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Dropdown.styles.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,0JAAA,uFAK7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAC,yGAAA,sCAEnD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,0GAGhD,sBACkB,EACyB,SAEzC,EAMD,IACF,KAVmB,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACrC,OAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;AAAzC,CAAyC,EAEzC,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IACpB,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,wGAAA,wBACM,EAAyB,WACxC,KADe,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EACxC;KACF;AACH,CAAC,CACF,CAAA"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { DropdownFlyoutProps, FlyoutCaptionProps, FlyoutItemProps, FlyoutListProps } from './DropdownFlyout.types';
|
|
3
3
|
export declare const FlyoutCaption: React.ForwardRefExoticComponent<FlyoutCaptionProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
export declare function FlyoutItem({ option, container, placement }: FlyoutItemProps): JSX.Element;
|
|
5
|
-
export declare
|
|
5
|
+
export declare const FlyoutList: React.ForwardRefExoticComponent<FlyoutListProps & React.RefAttributes<unknown>>;
|
|
6
6
|
/**
|
|
7
7
|
|
|
8
8
|
The dropdown flyout allows for additional menu items to be nested within
|
|
@@ -24,12 +24,12 @@ import { EllipsisVertical } from '@procore/core-icons/dist';
|
|
|
24
24
|
import React from 'react';
|
|
25
25
|
import { Card } from '../Card/Card';
|
|
26
26
|
import { DropdownButton } from '../Dropdown/Dropdown';
|
|
27
|
-
import { Overlay } from '../Overlay/Overlay';
|
|
28
27
|
import { useClickOutside } from '../_hooks/ClickOutside';
|
|
29
|
-
import {
|
|
28
|
+
import { mergeRefs } from '../_utils/mergeRefs';
|
|
30
29
|
import { defaultOptionRenderer, DropdownFlyoutContext, noop, transformOption, useDropdownFlyout, useDropdownFlyoutContext, } from './DropdownFlyout.helpers';
|
|
31
30
|
import { StyledDropdownFlyout, StyledDropdownFlyoutItem, } from './DropdownFlyout.styles';
|
|
32
31
|
import { rootId, } from './DropdownFlyout.types';
|
|
32
|
+
import { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay';
|
|
33
33
|
export var FlyoutCaption = React.forwardRef(function FlyoutCaption(_a, ref) {
|
|
34
34
|
var option = _a.option, highlighted = _a.highlighted, optionRenderer = _a.optionRenderer, props = __rest(_a, ["option", "highlighted", "optionRenderer"]);
|
|
35
35
|
return (React.createElement(StyledDropdownFlyoutItem, __assign({}, props, { ref: ref, "data-highlighted": highlighted, "data-flyout": true }), optionRenderer(option)));
|
|
@@ -38,31 +38,33 @@ FlyoutCaption.displayName = 'FlyoutCaption';
|
|
|
38
38
|
export function FlyoutItem(_a) {
|
|
39
39
|
var option = _a.option, container = _a.container, placement = _a.placement;
|
|
40
40
|
var captionRef = React.useRef(null);
|
|
41
|
-
var
|
|
41
|
+
var overlayElRef = React.useRef(null);
|
|
42
42
|
var _b = useDropdownFlyoutContext(), isHighlighted = _b.isHighlighted, isExpanded = _b.isExpanded, _onClick = _b.onClick, expand = _b.expand, collapse = _b.collapse, optionRenderer = _b.optionRenderer;
|
|
43
43
|
var onMouseEnter = React.useCallback(function () { return expand(option); }, [option, expand]);
|
|
44
44
|
var onMouseLeave = React.useCallback(function (e) {
|
|
45
45
|
var _a;
|
|
46
46
|
if (e.relatedTarget instanceof Node &&
|
|
47
|
-
!((_a =
|
|
47
|
+
!((_a = overlayElRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
|
|
48
48
|
collapse(option);
|
|
49
49
|
}
|
|
50
50
|
}, [collapse, option]);
|
|
51
51
|
var onClick = React.useCallback(function () { return _onClick(option); }, [_onClick, option]);
|
|
52
|
+
var _c = useDropdownFlyoutOverlay({
|
|
53
|
+
placement: placement,
|
|
54
|
+
offset: { mainAxis: 0 },
|
|
55
|
+
}), overlayStyle = _c.overlayStyle, referenceRef = _c.referenceRef, overlayRef = _c.overlayRef;
|
|
52
56
|
return (React.createElement(React.Fragment, null,
|
|
53
|
-
React.createElement(FlyoutCaption, { ref:
|
|
54
|
-
Array.isArray(option.children) && isExpanded(option) ? (React.createElement(FlyoutList, { options: option.children, overlayRef: overlayRef,
|
|
55
|
-
}
|
|
56
|
-
export function FlyoutList(_a) {
|
|
57
|
-
var options = _a.options, targetRef = _a.targetRef, ref = _a.overlayRef, container = _a.container, placement = _a.placement, props = __rest(_a, ["options", "targetRef", "overlayRef", "container", "placement"]);
|
|
58
|
-
var overlayRef = React.useRef(null);
|
|
59
|
-
return (React.createElement(Overlay, __assign({}, __assign(__assign({ ref: ref, overlayRef: overlayRef, targetRef: targetRef, placement: placement, container: container, padding: 0 }, props), { isFlyout: true })),
|
|
60
|
-
React.createElement(Card, { shadowStrength: 2 },
|
|
61
|
-
React.createElement(StyledDropdownFlyout, null, options.map(function (option) { return (React.createElement(FlyoutItem, { key: option.id, option: option, container: container, placement: placement })); })))));
|
|
57
|
+
React.createElement(FlyoutCaption, { ref: referenceRef, option: option.origin, onClick: onClick, optionRenderer: optionRenderer, highlighted: isHighlighted(option), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }),
|
|
58
|
+
Array.isArray(option.children) && isExpanded(option) ? (React.createElement(FlyoutList, { options: option.children, overlayRef: mergeRefs(overlayElRef, overlayRef), ref: captionRef, container: container, placement: placement, style: overlayStyle })) : null));
|
|
62
59
|
}
|
|
60
|
+
export var FlyoutList = React.forwardRef(function FlyoutList(_a, ref) {
|
|
61
|
+
var options = _a.options, overlayRef = _a.overlayRef, placement = _a.placement, props = __rest(_a, ["options", "overlayRef", "placement"]);
|
|
62
|
+
return (React.createElement(Card, __assign({ ref: overlayRef, shadowStrength: 2 }, props),
|
|
63
|
+
React.createElement(StyledDropdownFlyout, null, options.map(function (option) { return (React.createElement(FlyoutItem, { key: option.id, option: option, placement: placement })); }))));
|
|
64
|
+
});
|
|
63
65
|
var DefaultButton = React.forwardRef(function DefaultButton(_a, ref) {
|
|
64
66
|
var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
|
|
65
|
-
return (React.createElement(DropdownButton, __assign({}, props, { icon: props.loading ? undefined : !icon && !children ? (React.createElement(EllipsisVertical, null)) : (icon), arrow:
|
|
67
|
+
return (React.createElement(DropdownButton, __assign({}, props, { icon: props.loading ? undefined : !icon && !children ? (React.createElement(EllipsisVertical, null)) : (icon), arrow: Boolean(React.Children.count(children)), ref: ref }), children));
|
|
66
68
|
});
|
|
67
69
|
/**
|
|
68
70
|
|
|
@@ -77,57 +79,70 @@ var DefaultButton = React.forwardRef(function DefaultButton(_a, ref) {
|
|
|
77
79
|
|
|
78
80
|
*/
|
|
79
81
|
export var DropdownFlyout = React.forwardRef(function DropdownFlyout(_a, ref) {
|
|
80
|
-
var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, _options = _a.options, _b = _a.onClick, _onClick = _b === void 0 ? noop : _b, _c = _a.optionRenderer, optionRenderer = _c === void 0 ? defaultOptionRenderer : _c, children = _a.children, _d = _a.placement, placement = _d === void 0 ? 'right-bottom' : _d, _onKeyDown = _a.onKeyDown,
|
|
82
|
+
var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, _options = _a.options, _b = _a.onClick, _onClick = _b === void 0 ? noop : _b, _c = _a.optionRenderer, optionRenderer = _c === void 0 ? defaultOptionRenderer : _c, children = _a.children, _d = _a.placement, placement = _d === void 0 ? 'right-bottom' : _d, _onKeyDown = _a.onKeyDown, onFocus_ = _a.onFocus, onBlur_ = _a.onBlur, onMouseDown_ = _a.onMouseDown, onMouseEnter_ = _a.onMouseEnter, onMouseLeave_ = _a.onMouseLeave, size = _a.size, _e = _a.variant, variant = _e === void 0 ? 'secondary' : _e, props = __rest(_a, ["disabled", "icon", "label", "loading", "options", "onClick", "optionRenderer", "children", "placement", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "onMouseEnter", "onMouseLeave", "size", "variant"]);
|
|
81
83
|
var innerRef = React.useRef(null);
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
+
var containerRef = ref || innerRef;
|
|
85
|
+
var overlayElRef = React.useRef(null);
|
|
84
86
|
var targetRef = React.useRef(null);
|
|
85
87
|
var flyoutOptions = React.useMemo(function () { return transformOption(_options, rootId); }, [_options]);
|
|
86
88
|
var _f = useDropdownFlyout({
|
|
87
89
|
flyoutOptions: flyoutOptions,
|
|
88
90
|
onClick: _onClick,
|
|
89
91
|
onKeyDown: _onKeyDown,
|
|
90
|
-
}), options = _f.options, collapse = _f.collapse, expand = _f.expand,
|
|
92
|
+
}), options = _f.options, collapse = _f.collapse, expand = _f.expand, closeSelectedDropdown = _f.closeSelectedDropdown, openDropdown = _f.openDropdown, isOpen = _f.isOpen, onClick = _f.onClick, onKeyDown = _f.onKeyDown, setMouseOver = _f.setMouseOver, setFocused = _f.setFocused, isExpanded = _f.isExpanded, isHighlighted = _f.isHighlighted;
|
|
91
93
|
useClickOutside({
|
|
92
94
|
onClickOutside: closeSelectedDropdown,
|
|
93
|
-
refs: [
|
|
95
|
+
refs: [containerRef],
|
|
94
96
|
});
|
|
95
97
|
var element = typeof children === 'function' ? children({ isOpen: isOpen }) : children;
|
|
96
98
|
var trigger = React.isValidElement(element) ? (element) : (React.createElement(DefaultButton, { "aria-label": props['aria-label'], children: label, disabled: disabled, loading: loading, icon: icon, size: size, variant: variant }));
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
99
|
+
function onBlur(e) {
|
|
100
|
+
setFocused(false);
|
|
101
|
+
closeSelectedDropdown(e);
|
|
102
|
+
onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
|
|
103
|
+
}
|
|
104
|
+
function onFocus(e) {
|
|
105
|
+
setFocused(true);
|
|
106
|
+
onFocus_ === null || onFocus_ === void 0 ? void 0 : onFocus_(e);
|
|
107
|
+
}
|
|
108
|
+
function onMouseDown(e) {
|
|
109
|
+
var _a, _b;
|
|
110
|
+
// Discard firing of blur event
|
|
111
|
+
// when click was inside the dropdown
|
|
112
|
+
if (e.target.dataset.flyout) {
|
|
113
|
+
e.preventDefault();
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
if (e.target instanceof Node && ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
|
|
117
|
+
e.preventDefault();
|
|
118
|
+
(_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
119
|
+
}
|
|
120
|
+
onMouseDown_ === null || onMouseDown_ === void 0 ? void 0 : onMouseDown_(e);
|
|
121
|
+
}
|
|
122
|
+
function onMouseLeave(e) {
|
|
123
|
+
setMouseOver(false);
|
|
124
|
+
onMouseLeave_ === null || onMouseLeave_ === void 0 ? void 0 : onMouseLeave_(e);
|
|
125
|
+
}
|
|
126
|
+
function onMouseEnter(e) {
|
|
127
|
+
setMouseOver(true);
|
|
128
|
+
onMouseEnter_ === null || onMouseEnter_ === void 0 ? void 0 : onMouseEnter_(e);
|
|
129
|
+
}
|
|
130
|
+
var _g = useDropdownFlyoutOverlay({
|
|
131
|
+
placement: placement,
|
|
132
|
+
offset: { mainAxis: 4 },
|
|
133
|
+
}), overlayStyle = _g.overlayStyle, referenceRef = _g.referenceRef, overlayRef = _g.overlayRef;
|
|
134
|
+
return (React.createElement("div", __assign({}, props, { "aria-label": undefined, ref: containerRef, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onMouseDown: onMouseDown, onBlur: onBlur }),
|
|
135
|
+
React.cloneElement(trigger, {
|
|
136
|
+
ref: trigger.ref
|
|
137
|
+
? mergeRefs(trigger.ref, targetRef, referenceRef)
|
|
138
|
+
: mergeRefs(targetRef, referenceRef),
|
|
139
|
+
onClick: function (e) {
|
|
140
|
+
var _a, _b;
|
|
141
|
+
(_b = (_a = trigger.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
142
|
+
openDropdown();
|
|
143
|
+
},
|
|
144
|
+
tabIndex: 0,
|
|
145
|
+
}),
|
|
131
146
|
React.createElement(DropdownFlyoutContext.Provider, { value: {
|
|
132
147
|
expand: expand,
|
|
133
148
|
collapse: collapse,
|
|
@@ -135,6 +150,6 @@ export var DropdownFlyout = React.forwardRef(function DropdownFlyout(_a, ref) {
|
|
|
135
150
|
isExpanded: isExpanded,
|
|
136
151
|
isHighlighted: isHighlighted,
|
|
137
152
|
optionRenderer: optionRenderer,
|
|
138
|
-
} }, isOpen && (React.createElement(FlyoutList, { options: options, targetRef: targetRef, overlayRef: overlayRef, placement: placement,
|
|
153
|
+
} }, isOpen && (React.createElement(FlyoutList, { options: options, targetRef: targetRef, overlayRef: mergeRefs(overlayRef, overlayElRef), placement: placement, style: overlayStyle })))));
|
|
139
154
|
});
|
|
140
155
|
//# sourceMappingURL=DropdownFlyout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFlyout.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownFlyout.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import { Ref, RefCallback } from 'react';
|
|
2
2
|
import { DropdownProps } from '../Dropdown/Dropdown.types';
|
|
3
3
|
import { OverlayProps } from '../Overlay/Overlay';
|
|
4
|
-
import { DivAttributes, Props } from '../_utils/types';
|
|
4
|
+
import { DivAttributes, Placement, Props } from '../_utils/types';
|
|
5
5
|
export declare const rootId = "ROOT_ID";
|
|
6
6
|
export declare type Action = {
|
|
7
7
|
type: 'highlight';
|
|
@@ -25,43 +25,16 @@ export declare type Action = {
|
|
|
25
25
|
};
|
|
26
26
|
declare type ExpandedItem = FlyoutOptionId;
|
|
27
27
|
export declare type State = {
|
|
28
|
-
/**
|
|
29
|
-
* @since 10.19.0
|
|
30
|
-
*/
|
|
31
28
|
highlighted: FlyoutOption;
|
|
32
|
-
/**
|
|
33
|
-
* @since 10.19.0
|
|
34
|
-
*/
|
|
35
29
|
expanded: ExpandedItem[];
|
|
36
|
-
/**
|
|
37
|
-
* @since 10.19.0
|
|
38
|
-
*/
|
|
39
30
|
options: FlyoutOption[];
|
|
40
|
-
/**
|
|
41
|
-
* @since 10.19.0
|
|
42
|
-
*/
|
|
43
31
|
isMouseOver: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* @since 10.19.0
|
|
46
|
-
*/
|
|
47
32
|
isFocused: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* @since 10.19.0
|
|
50
|
-
*/
|
|
51
33
|
isOpen: boolean;
|
|
52
34
|
};
|
|
53
35
|
export interface DropdownOption {
|
|
54
|
-
/**
|
|
55
|
-
* @since 10.19.0
|
|
56
|
-
*/
|
|
57
36
|
value: any;
|
|
58
|
-
/**
|
|
59
|
-
* @since 10.19.0
|
|
60
|
-
*/
|
|
61
37
|
label: string;
|
|
62
|
-
/**
|
|
63
|
-
* @since 10.19.0
|
|
64
|
-
*/
|
|
65
38
|
children?: DropdownOption[];
|
|
66
39
|
}
|
|
67
40
|
declare type OptionId = string;
|
|
@@ -85,43 +58,15 @@ export interface FlyoutOption {
|
|
|
85
58
|
}
|
|
86
59
|
export declare type FlyoutOptionId = FlyoutOption['id'] | typeof rootId;
|
|
87
60
|
export interface FlyoutCaptionProps extends DivAttributes {
|
|
88
|
-
/**
|
|
89
|
-
* @since 10.19.0
|
|
90
|
-
*/
|
|
91
61
|
option: DropdownOption;
|
|
92
|
-
/**
|
|
93
|
-
* @since 10.19.0
|
|
94
|
-
*/
|
|
95
62
|
highlighted: boolean;
|
|
96
|
-
/**
|
|
97
|
-
* @since 10.19.0
|
|
98
|
-
*/
|
|
99
63
|
optionRenderer: (option: DropdownOption) => React.ReactNode;
|
|
100
64
|
}
|
|
101
|
-
export interface FlyoutListProps {
|
|
102
|
-
/**
|
|
103
|
-
* @since 10.19.0
|
|
104
|
-
*/
|
|
65
|
+
export interface FlyoutListProps extends DivAttributes {
|
|
105
66
|
options: FlyoutOption[];
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
targetRef: OverlayProps['targetRef'];
|
|
110
|
-
/**
|
|
111
|
-
* @since 10.19.0
|
|
112
|
-
*/
|
|
113
|
-
overlayRef: OverlayProps['overlayRef'];
|
|
114
|
-
/**
|
|
115
|
-
* @since 10.19.0
|
|
116
|
-
*/
|
|
117
|
-
placement: OverlayProps['placement'];
|
|
118
|
-
/**
|
|
119
|
-
* @since 10.19.0
|
|
120
|
-
*/
|
|
121
|
-
padding?: OverlayProps['padding'];
|
|
122
|
-
/**
|
|
123
|
-
* @since 10.19.0
|
|
124
|
-
*/
|
|
67
|
+
targetRef?: OverlayProps['targetRef'];
|
|
68
|
+
overlayRef?: RefCallback<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | Ref<HTMLDivElement>;
|
|
69
|
+
placement: Placement;
|
|
125
70
|
container?: HTMLElement;
|
|
126
71
|
}
|
|
127
72
|
export interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {
|
|
@@ -187,17 +132,8 @@ export interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {
|
|
|
187
132
|
variant?: DropdownProps['variant'];
|
|
188
133
|
}
|
|
189
134
|
export interface FlyoutItemProps extends Props {
|
|
190
|
-
/**
|
|
191
|
-
* @since 10.19.0
|
|
192
|
-
*/
|
|
193
135
|
option: FlyoutOption;
|
|
194
|
-
/**
|
|
195
|
-
* @since 10.19.0
|
|
196
|
-
*/
|
|
197
136
|
container?: HTMLElement;
|
|
198
|
-
|
|
199
|
-
* @since 10.19.0
|
|
200
|
-
*/
|
|
201
|
-
placement: OverlayProps['placement'];
|
|
137
|
+
placement: Placement;
|
|
202
138
|
}
|
|
203
139
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFlyout.types.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownFlyout.types.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,MAAM,GAAG,SAAS,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { OverlayOffsetValue, OverlayRefType, ReferenceRefType } from '../Overlay/useOverlay';
|
|
3
|
+
import { Placement } from '../_utils/placement';
|
|
4
|
+
export declare function useDropdownFlyoutOverlay({ placement, offset: offsetConfig, }: {
|
|
5
|
+
placement: Placement;
|
|
6
|
+
offset?: OverlayOffsetValue;
|
|
7
|
+
}): {
|
|
8
|
+
overlayRef: OverlayRefType;
|
|
9
|
+
referenceRef: ReferenceRefType;
|
|
10
|
+
overlayStyle: CSSProperties;
|
|
11
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { flip, limitShift, offset, shift } from '@floating-ui/react-dom';
|
|
2
|
+
import { useOverlay, } from '../Overlay/useOverlay';
|
|
3
|
+
export function useDropdownFlyoutOverlay(_a) {
|
|
4
|
+
var placement = _a.placement, offsetConfig = _a.offset;
|
|
5
|
+
return useOverlay({
|
|
6
|
+
placement: placement,
|
|
7
|
+
middleware: [
|
|
8
|
+
offset(offsetConfig),
|
|
9
|
+
flip(),
|
|
10
|
+
shift({ limiter: limitShift() }),
|
|
11
|
+
],
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=useDropdownFlyoutOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDropdownFlyoutOverlay.js","sourceRoot":"","sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,EAIL,UAAU,GACX,MAAM,uBAAuB,CAAA;AAG9B,MAAM,UAAU,wBAAwB,CAAC,EAMxC;QALC,SAAS,eAAA,EACD,YAAY,YAAA;IASpB,OAAO,UAAU,CAAC;QAChB,SAAS,WAAA;QACT,UAAU,EAAE;YACV,MAAM,CAAC,YAAY,CAAC;YACpB,IAAI,EAAE;YACN,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;SACjC;KACF,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAe,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAe,MAAM,kBAAkB,CAAA;AAetD;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EASC,EACD,UAAU;QATR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,QAAQ,cAAA,EACR,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA;IAIV,IAAM,GAAG;IACP,sDAAsD;IACrD,UAA2C,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS;QAC1B,oBAAC,MAAM,eACD;YACF,OAAO,SAAA;YACP,YAAY,EAAE,CAAC,QAAQ,CAAC;YACxB,QAAQ,EAAE,UAAC,MAAM;gBACf,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;oBAChB,OAAM;iBACP;gBAED,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACpC,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBAElC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,kCAA2B,IAAI,iBAAO,GAAG,QAAK,CAAA;YAC9E,CAAC;YACD,UAAU,EAAE,GAAG;YACf,OAAO,SAAA;YACP,SAAS,WAAA;YACT,SAAS,WAAA;YACT,aAAa,eAAA;YACb,QAAQ,UAAA;SACT,GAEA,QAAQ,CACF,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MiddlewareData } from '@floating-ui/react-dom';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { OverlayPlacement } from './useOverlay';
|
|
4
|
+
interface ArrowProps {
|
|
5
|
+
placement: OverlayPlacement;
|
|
6
|
+
x?: number;
|
|
7
|
+
y?: number;
|
|
8
|
+
arrow: MiddlewareData['arrow'];
|
|
9
|
+
}
|
|
10
|
+
export declare const Arrow: React.ForwardRefExoticComponent<ArrowProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { arrowSize, StyledArrow } from './OverlayArrow.styles';
|
|
3
|
+
export var Arrow = React.forwardRef(function Arrow(_a, ref) {
|
|
4
|
+
var _b;
|
|
5
|
+
var _c, _d;
|
|
6
|
+
var placement = _a.placement, arrow = _a.arrow;
|
|
7
|
+
var staticSide = {
|
|
8
|
+
top: 'bottom',
|
|
9
|
+
right: 'left',
|
|
10
|
+
bottom: 'top',
|
|
11
|
+
left: 'right',
|
|
12
|
+
}[placement.split('-')[0]];
|
|
13
|
+
var arrowX = (_c = arrow === null || arrow === void 0 ? void 0 : arrow.x) !== null && _c !== void 0 ? _c : null;
|
|
14
|
+
var arrowY = (_d = arrow === null || arrow === void 0 ? void 0 : arrow.y) !== null && _d !== void 0 ? _d : null;
|
|
15
|
+
return (React.createElement(StyledArrow, { ref: ref, style: (_b = {
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
left: arrowX !== null ? "".concat(arrowX, "px") : undefined,
|
|
18
|
+
top: arrowY !== null ? "".concat(arrowY, "px") : undefined,
|
|
19
|
+
right: '',
|
|
20
|
+
bottom: ''
|
|
21
|
+
},
|
|
22
|
+
_b[staticSide] = "-".concat(arrowSize / 2, "px"),
|
|
23
|
+
_b), "data-overlay-arrow": true }));
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=OverlayArrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayArrow.js","sourceRoot":"","sources":["../../src/Overlay/OverlayArrow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAU9D,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,KAAK,CAAC,EAAoB,EAAE,GAAG;;;QAAvB,SAAS,eAAA,EAAE,KAAK,WAAA;IAC/B,IAAM,UAAU,GAAG;QACjB,GAAG,EAAE,QAAQ;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE1B,IAAM,MAAM,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,CAAC,mCAAI,IAAI,CAAA;IAC/B,IAAM,MAAM,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,CAAC,mCAAI,IAAI,CAAA;IAE/B,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK;gBACH,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS;gBACjD,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS;gBAChD,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;;YACV,GAAC,UAAoB,IAAG,WAAI,SAAS,GAAG,CAAC,OAAI;8CAG/C,CACH,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
export var arrowSize = 8;
|
|
7
|
+
export var StyledArrow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n background: inherit;\n width: ", "px;\n height: ", "px;\n transform: rotate(45deg);\n"], ["\n position: absolute;\n background: inherit;\n width: ", "px;\n height: ", "px;\n transform: rotate(45deg);\n"])), arrowSize, arrowSize);
|
|
8
|
+
var templateObject_1;
|
|
9
|
+
//# sourceMappingURL=OverlayArrow.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayArrow.styles.js","sourceRoot":"","sources":["../../src/Overlay/OverlayArrow.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,wLAAA,4DAG1B,EAAS,iBACR,EAAS,oCAEpB,KAHU,SAAS,EACR,SAAS,CAEpB,CAAA"}
|