@procore/core-react 11.3.0-rc.9 → 11.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Box/Box.js +2 -2
- package/dist/Box/Box.js.map +1 -1
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Box/Box.styles.js.map +1 -1
- package/dist/Box/Box.types.d.ts +10 -0
- package/dist/Checkbox/Checkbox.d.ts +7 -0
- package/dist/Checkbox/Checkbox.js +14 -1
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Checkbox/Checkbox.styles.d.ts +7 -0
- package/dist/Checkbox/Checkbox.styles.js +46 -6
- package/dist/Checkbox/Checkbox.styles.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.d.ts +2 -2
- package/dist/DropdownFlyout/DropdownFlyout.js +23 -20
- package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.types.d.ts +4 -6
- package/dist/Flex/Flex.js +2 -2
- package/dist/Flex/Flex.js.map +1 -1
- package/dist/Flex/Flex.types.d.ts +5 -1
- package/dist/NextMenu/NextMenu.d.ts +0 -12
- package/dist/NextMenu/NextMenu.js +4 -18
- package/dist/NextMenu/NextMenu.js.map +1 -1
- package/dist/NextMenu/NextMenu.styles.js +3 -2
- package/dist/NextMenu/NextMenu.styles.js.map +1 -1
- package/dist/NextMenu/NextMenu.types.d.ts +37 -20
- package/dist/NextMenu/NextMenuItem.js +2 -2
- package/dist/NextMenu/NextMenuItem.js.map +1 -1
- package/dist/NextMenu/sampleData.js +2 -9
- package/dist/NextMenu/sampleData.js.map +1 -1
- package/dist/NumberInput/NumberInput.d.ts +2 -1
- package/dist/NumberInput/NumberInput.js +32 -3
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.types.d.ts +12 -0
- package/dist/NumberInput/NumberInput.utils.d.ts +2 -1
- package/dist/NumberInput/NumberInput.utils.js +25 -14
- package/dist/NumberInput/NumberInput.utils.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +14 -10
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/_hooks/DateTime/DateTime.d.ts +1 -0
- package/dist/_hooks/DateTime/DateTime.js +1 -0
- package/dist/_hooks/DateTime/DateTime.js.map +1 -1
- package/dist/_hooks/ResizeObserver.js +5 -6
- package/dist/_hooks/ResizeObserver.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 +88 -68
- 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 +89 -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 +39 -59
- 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 +36 -26
- package/dist/_typedoc/FlexList/FlexList.types.json +39 -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 +71 -61
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +78 -68
- 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 +124 -36
- 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 +10 -10
- 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 +9 -9
- 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 +95 -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/package.json +22 -18
package/dist/Box/Box.js
CHANGED
|
@@ -55,9 +55,9 @@ function getLegacyDisplayAndDirection(d) {
|
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
export var Box = React.forwardRef(function Box(_a, ref) {
|
|
58
|
-
var as = _a.as, alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, children = _a.children, display = _a.display, flex = _a.flex, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexWrap = _a.flexWrap, justifyContent = _a.justifyContent, margin = _a.margin, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginTop = _a.marginTop, order = _a.order, padding = _a.padding, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, textAlign = _a.textAlign, props = __rest(_a, ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"]);
|
|
58
|
+
var as = _a.as, alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, children = _a.children, display = _a.display, flex = _a.flex, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexWrap = _a.flexWrap, gap = _a.gap, justifyContent = _a.justifyContent, margin = _a.margin, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginTop = _a.marginTop, order = _a.order, padding = _a.padding, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, textAlign = _a.textAlign, props = __rest(_a, ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"]);
|
|
59
59
|
var legacyProps = getLegacyDisplayAndDirection(display);
|
|
60
|
-
return (React.createElement(StyledBox, __assign({}, props, { ref: ref, "$as": as, "$alignContent": alignContent, "$alignItems": alignItems, "$alignSelf": alignSelf, "$display": legacyProps.display, "$flex": flex, "$flexBasis": flexBasis, "$flexDirection": flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction, "$flexGrow": flexGrow, "$flexShrink": flexShrink, "$flexWrap": flexWrap, "$justifyContent": justifyContent, "$margin": margin, "$marginBottom": marginBottom, "$marginLeft": marginLeft, "$marginRight": marginRight, "$marginTop": marginTop, "$order": order, "$padding": padding, "$paddingBottom": paddingBottom, "$paddingLeft": paddingLeft, "$paddingRight": paddingRight, "$paddingTop": paddingTop, "$textAlign": textAlign }), children));
|
|
60
|
+
return (React.createElement(StyledBox, __assign({}, props, { ref: ref, "$as": as, "$alignContent": alignContent, "$alignItems": alignItems, "$alignSelf": alignSelf, "$display": legacyProps.display, "$flex": flex, "$flexBasis": flexBasis, "$flexDirection": flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction, "$flexGrow": flexGrow, "$flexShrink": flexShrink, "$flexWrap": flexWrap, "$gap": gap, "$justifyContent": justifyContent, "$margin": margin, "$marginBottom": marginBottom, "$marginLeft": marginLeft, "$marginRight": marginRight, "$marginTop": marginTop, "$order": order, "$padding": padding, "$paddingBottom": paddingBottom, "$paddingLeft": paddingLeft, "$paddingRight": paddingRight, "$paddingTop": paddingTop, "$textAlign": textAlign }), children));
|
|
61
61
|
});
|
|
62
62
|
Box.displayName = 'Box';
|
|
63
63
|
//# sourceMappingURL=Box.js.map
|
package/dist/Box/Box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,gEAAgE;AAChE,SAAS,4BAA4B,CAAC,CAAW;IAC/C,IAAI,CAAC,CAAC,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,CAAA;IAEf,IAAI,SAAS,GAA8B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;QACjE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC1D,OAAO,GAAG,aAAa,CAAA;KACxB;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,OAAO,GAAG,MAAM,CAAA;KACjB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAChC,SAAS,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC/B,SAAS,GAAG,QAAQ,CAAA;KACrB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC7B,SAAS,GAAG,aAAa,CAAA;KAC1B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5B,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CACV,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,gEAAgE;AAChE,SAAS,4BAA4B,CAAC,CAAW;IAC/C,IAAI,CAAC,CAAC,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,CAAA;IAEf,IAAI,SAAS,GAA8B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;QACjE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC1D,OAAO,GAAG,aAAa,CAAA;KACxB;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,OAAO,GAAG,MAAM,CAAA;KACjB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAChC,SAAS,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC/B,SAAS,GAAG,QAAQ,CAAA;KACrB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC7B,SAAS,GAAG,aAAa,CAAA;KAC1B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5B,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CACV,EA4BC,EACD,GAAG;IA5BD,IAAA,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cA3BV,gVA4BC,CADS;IAIV,IAAM,WAAW,GAAG,4BAA4B,CAAC,OAAO,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,SACH,EAAE,mBACQ,YAAY,iBACd,UAAU,gBACX,SAAS,cACX,WAAW,CAAC,OAAO,WACtB,IAAI,gBACC,SAAS,oBACL,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,WAAW,CAAC,SAAS,eAC3C,QAAQ,iBACN,UAAU,eACZ,QAAQ,UACb,GAAG,qBACQ,cAAc,aACtB,MAAM,mBACA,YAAY,iBACd,UAAU,kBACT,WAAW,gBACb,SAAS,YACb,KAAK,cACH,OAAO,oBACD,aAAa,kBACf,WAAW,mBACV,YAAY,iBACd,UAAU,gBACX,SAAS,KAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA"}
|
package/dist/Box/Box.styles.js
CHANGED
|
@@ -30,6 +30,6 @@ export var StyledBox = styled.div(templateObject_3 || (templateObject_3 = __make
|
|
|
30
30
|
if ($as === 'ol' || $as === 'ul') {
|
|
31
31
|
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n "], ["\n list-style: none;\n margin: 0;\n padding: 0;\n "])));
|
|
32
32
|
}
|
|
33
|
-
}, function (p) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n "], ["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n "])), p.$alignContent, p.$alignItems, p.$alignSelf, p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign); });
|
|
33
|
+
}, function (p) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n gap: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n "], ["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n gap: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n "])), p.$alignContent, p.$alignItems, p.$alignSelf, p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, shorthandSizeToPx(p.$gap), p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign); });
|
|
34
34
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
35
35
|
//# sourceMappingURL=Box.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["../../src/Box/Box.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAW,MAAM,oBAAoB,CAAA;AAGrD,SAAS,QAAQ,CAAC,KAAuB;IACvC,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAA;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,GAAY;IAC/B;;;OAGG;IACH,OAAO,OAAO,CAAC,GAAc,CAAC,KAAK,SAAS;QAC1C,CAAC,CAAC,UAAG,OAAO,CAAC,GAAc,CAAC,OAAI;QAChC,CAAC,CAAC,GAAG,CAAA;AACT,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAkB;IAC3C,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,QAAQ,CAAC,IAA+B;IAC/C,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,uFAAW,MAC1C,EAQD,MACC,
|
|
1
|
+
{"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["../../src/Box/Box.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAW,MAAM,oBAAoB,CAAA;AAGrD,SAAS,QAAQ,CAAC,KAAuB;IACvC,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAA;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,GAAY;IAC/B;;;OAGG;IACH,OAAO,OAAO,CAAC,GAAc,CAAC,KAAK,SAAS;QAC1C,CAAC,CAAC,UAAG,OAAO,CAAC,GAAc,CAAC,OAAI;QAChC,CAAC,CAAC,GAAG,CAAA;AACT,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAkB;IAC3C,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,QAAQ,CAAC,IAA+B;IAC/C,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,uFAAW,MAC1C,EAQD,MACC,EAyBD,IACF,KAnCG,UAAC,EAAO;QAAL,GAAG,SAAA;IACN,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;QAChC,OAAO,GAAG,iJAAA,8EAIT,KAAA;KACF;AACH,CAAC,EACC,UAAC,CAAC,IAAK,OAAA,GAAG,inBAAA,uBACO,EAAe,sBACjB,EAAa,qBACd,EAAY,kBACf,EAAU,qBACP,EAAY,yBACR,EAAgB,oBACrB,EAAW,sBACT,EAAa,oBACf,EAAW,eAChB,EAAO,cACR,EAAyB,0BACb,EAAiB,iBAC1B,EAA4B,wBACrB,EAAyB,sBAC3B,EAAuB,uBACtB,EAAwB,qBAC1B,EAAsB,gBAC3B,EAAQ,kBACN,EAA6B,yBACtB,EAA0B,uBAC5B,EAAwB,wBACvB,EAAyB,sBAC3B,EAAuB,qBACxB,EAAY,OAC3B,KAxBkB,CAAC,CAAC,aAAa,EACjB,CAAC,CAAC,WAAW,EACd,CAAC,CAAC,UAAU,EACf,CAAC,CAAC,QAAQ,EACP,CAAC,CAAC,UAAU,EACR,CAAC,CAAC,cAAc,EACrB,CAAC,CAAC,SAAS,EACT,CAAC,CAAC,WAAW,EACf,CAAC,CAAC,SAAS,EAChB,CAAC,CAAC,KAAK,EACR,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,EACb,CAAC,CAAC,eAAe,EAC1B,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EACrB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAC1B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3B,CAAC,CAAC,MAAM,EACN,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,EAC5B,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EACvB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACxB,CAAC,CAAC,UAAU,GAxBnB,CAyBR,CACF,CAAA"}
|
package/dist/Box/Box.types.d.ts
CHANGED
|
@@ -119,6 +119,11 @@ export interface BoxProps extends Props, FlexOptions, MarginOptions, PaddingOpti
|
|
|
119
119
|
* @since 10.19.0
|
|
120
120
|
*/
|
|
121
121
|
flexWrap?: FlexWrap;
|
|
122
|
+
/**
|
|
123
|
+
* * Alias to the `gap` property on a flexbox child.
|
|
124
|
+
* @since 11.3.0
|
|
125
|
+
*/
|
|
126
|
+
gap?: MarginSize | string;
|
|
122
127
|
/**
|
|
123
128
|
* Alias to the `order` property on a flexbox child.
|
|
124
129
|
* @since 10.19.0
|
|
@@ -178,6 +183,11 @@ export interface $BoxProps {
|
|
|
178
183
|
* @since 10.19.0
|
|
179
184
|
*/
|
|
180
185
|
$flexWrap?: BoxProps['flexWrap'];
|
|
186
|
+
/**
|
|
187
|
+
* @since 11.3.0
|
|
188
|
+
*/
|
|
189
|
+
$gap?: BoxProps['gap'];
|
|
190
|
+
/**
|
|
181
191
|
/**
|
|
182
192
|
* @since 10.19.0
|
|
183
193
|
*/
|
|
@@ -15,3 +15,10 @@ import { CheckboxProps } from './Checkbox.types';
|
|
|
15
15
|
|
|
16
16
|
*/
|
|
17
17
|
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
18
|
+
/**
|
|
19
|
+
* This checkbox was created to be used as a non-interactive Checkbox component
|
|
20
|
+
* for VoiceOver inside MenuImperative.CheckboxItem.
|
|
21
|
+
*
|
|
22
|
+
* @since 11.3.0
|
|
23
|
+
*/
|
|
24
|
+
export declare const FakeCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import { StyledCheckboxContainer, StyledCheckboxInput, StyledCheckboxLabel, } from './Checkbox.styles';
|
|
24
|
+
import { StyledCheckboxContainer, StyledCheckboxInput, StyledCheckboxLabel, StyledFakeCheckboxInput, StyledFakeCheckboxLabel, } from './Checkbox.styles';
|
|
25
25
|
/**
|
|
26
26
|
|
|
27
27
|
|
|
@@ -43,4 +43,17 @@ export var Checkbox = React.forwardRef(function Checkbox(_a, ref) {
|
|
|
43
43
|
React.createElement(StyledCheckboxLabel, null, children)));
|
|
44
44
|
});
|
|
45
45
|
Checkbox.displayName = 'Checkbox';
|
|
46
|
+
/**
|
|
47
|
+
* This checkbox was created to be used as a non-interactive Checkbox component
|
|
48
|
+
* for VoiceOver inside MenuImperative.CheckboxItem.
|
|
49
|
+
*
|
|
50
|
+
* @since 11.3.0
|
|
51
|
+
*/
|
|
52
|
+
export var FakeCheckbox = React.forwardRef(function FakeCheckbox(_a, ref) {
|
|
53
|
+
var _b = _a.checked, checked = _b === void 0 ? false : _b, children = _a.children, className = _a.className, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.indeterminate, indeterminate = _e === void 0 ? false : _e, style = _a.style, props = __rest(_a, ["checked", "children", "className", "disabled", "error", "indeterminate", "style"]);
|
|
54
|
+
return (React.createElement(StyledCheckboxContainer, { className: className, style: style },
|
|
55
|
+
React.createElement(StyledFakeCheckboxInput, __assign({}, props, { "$checked": checked, "$disabled": disabled, "$error": error, "$indeterminate": indeterminate, ref: ref })),
|
|
56
|
+
React.createElement(StyledFakeCheckboxLabel, null, children)));
|
|
57
|
+
});
|
|
58
|
+
FakeCheckbox.displayName = 'FakeCheckbox';
|
|
46
59
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAG1B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,QAAQ,CACf,EAQC,EACD,GAAG;IARD,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cAPV,uEAQC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,mBAAmB,eACd,KAAK,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,YACR,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,mBAAmB,QAAE,QAAQ,CAAuB,CAC7B,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC;;;;;GAKG;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EASC,EACD,GAAG;IATD,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cARV,mFASC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,uBAAuB,eAClB,KAAK,gBACC,OAAO,eACN,QAAQ,YACX,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,uBAAuB,QAAE,QAAQ,CAA2B,CACrC,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -7,3 +7,10 @@ export declare const StyledCheckboxInput: import("styled-components").StyledComp
|
|
|
7
7
|
$error: boolean;
|
|
8
8
|
$indeterminate: boolean;
|
|
9
9
|
}, never>;
|
|
10
|
+
export declare const StyledFakeCheckboxLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
11
|
+
export declare const StyledFakeCheckboxInput: import("styled-components").StyledComponent<"div", any, {
|
|
12
|
+
$checked: boolean;
|
|
13
|
+
$error: boolean;
|
|
14
|
+
$disabled: boolean;
|
|
15
|
+
$indeterminate: boolean;
|
|
16
|
+
}, never>;
|
|
@@ -12,17 +12,23 @@ export var dataQa = {
|
|
|
12
12
|
};
|
|
13
13
|
export var StyledCheckboxContainer = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n display: block;\n position: relative;\n\n & + & {\n margin-top: ", "px;\n }\n"], ["\n color: ", ";\n display: block;\n position: relative;\n\n & + & {\n margin-top: ", "px;\n }\n"])), colors.gray15, spacing.md);
|
|
14
14
|
var checkboxSize = 20;
|
|
15
|
-
|
|
15
|
+
function StyledIndeterminate() {
|
|
16
|
+
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n content: '';\n height: 2px;\n left: 5px;\n position: absolute;\n top: 9px;\n width: 10px;\n border: none;\n "], ["\n background-color: ", ";\n content: '';\n height: 2px;\n left: 5px;\n position: absolute;\n top: 9px;\n width: 10px;\n border: none;\n "])), colors.white);
|
|
17
|
+
}
|
|
18
|
+
function StyledChecked() {
|
|
19
|
+
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n content: '';\n border: none;\n height: 20px;\n width: 20px;\n top: 0;\n left: 0;\n position: absolute;\n "], ["\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n content: '';\n border: none;\n height: 20px;\n width: 20px;\n top: 0;\n left: 0;\n position: absolute;\n "])));
|
|
20
|
+
}
|
|
21
|
+
export var StyledCheckboxLabel = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n\n display: block;\n min-height: ", "px;\n padding-left: ", "px;\n position: relative;\n user-select: none;\n\n &:before {\n background-color: ", ";\n border-radius: 2px;\n border: 2px solid ", ";\n content: '';\n display: inline-block;\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n top: 0;\n left: 0;\n position: absolute;\n }\n"], ["\n ", "\n\n display: block;\n min-height: ", "px;\n padding-left: ", "px;\n position: relative;\n user-select: none;\n\n &:before {\n background-color: ", ";\n border-radius: 2px;\n border: 2px solid ", ";\n content: '';\n display: inline-block;\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n top: 0;\n left: 0;\n position: absolute;\n }\n"])), getTypographyIntent('body'), checkboxSize, function (_a) {
|
|
16
22
|
var children = _a.children;
|
|
17
23
|
return children ? checkboxSize + spacing.md : checkboxSize;
|
|
18
24
|
}, colors.white, colors.gray70, checkboxSize, checkboxSize, checkboxSize);
|
|
19
|
-
export var StyledCheckboxInput = styled.input(
|
|
25
|
+
export var StyledCheckboxInput = styled.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n\n &:disabled:checked + ", ":before {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:disabled + ", ":before {\n background-color: ", ";\n border-color: ", ";\n }\n\n ", "\n\n &:checked + ", " {\n position: relative;\n\n &:before {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:after {\n ", "\n }\n }\n\n &:focus:not(:disabled),\n &[data-qa=", "]:not(:disabled) {\n + ", ":before {\n ", "\n }\n }\n\n ", "\n"], ["\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n\n &:disabled:checked + ", ":before {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:disabled + ", ":before {\n background-color: ", ";\n border-color: ", ";\n }\n\n ", "\n\n &:checked + ", " {\n position: relative;\n\n &:before {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:after {\n ", "\n }\n }\n\n &:focus:not(:disabled),\n &[data-qa=", "]:not(:disabled) {\n + ", ":before {\n ", "\n }\n }\n\n ", "\n"])), StyledCheckboxLabel, colors.blue85, colors.blue85, StyledCheckboxLabel, function (_a) {
|
|
20
26
|
var $indeterminate = _a.$indeterminate;
|
|
21
27
|
return $indeterminate ? colors.gray85 : colors.white;
|
|
22
28
|
}, colors.gray85, function (_a) {
|
|
23
29
|
var $error = _a.$error;
|
|
24
30
|
if ($error) {
|
|
25
|
-
return css(
|
|
31
|
+
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n & + ", ":before {\n border-color: ", ";\n }\n\n &:disabled:checked + ", ":before {\n background-color: ", ";\n border-color: ", ";\n }\n "], ["\n & + ", ":before {\n border-color: ", ";\n }\n\n &:disabled:checked + ", ":before {\n background-color: ", ";\n border-color: ", ";\n }\n "])), StyledCheckboxLabel, colors.red50, StyledCheckboxLabel, colors.gray85, colors.gray85);
|
|
26
32
|
}
|
|
27
33
|
}, StyledCheckboxLabel, function (_a) {
|
|
28
34
|
var $error = _a.$error;
|
|
@@ -30,11 +36,45 @@ export var StyledCheckboxInput = styled.input(templateObject_5 || (templateObjec
|
|
|
30
36
|
}, function (_a) {
|
|
31
37
|
var $error = _a.$error;
|
|
32
38
|
return ($error ? colors.red50 : colors.blue50);
|
|
33
|
-
}, colors.white, dataQa.focused, StyledCheckboxLabel, getFocus(), function (_a) {
|
|
39
|
+
}, colors.white, StyledChecked(), dataQa.focused, StyledCheckboxLabel, getFocus(), function (_a) {
|
|
34
40
|
var $indeterminate = _a.$indeterminate, $error = _a.$error;
|
|
35
41
|
if ($indeterminate) {
|
|
36
|
-
return css(
|
|
42
|
+
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &\n + ", ":before,\n &:checked\n + ", ":before {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &\n + ", ":after,\n &:checked\n + ", ":after {\n ", "\n }\n "], ["\n &\n + ", ":before,\n &:checked\n + ", ":before {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &\n + ", ":after,\n &:checked\n + ", ":after {\n ", "\n }\n "])), StyledCheckboxLabel, StyledCheckboxLabel, $error ? colors.red50 : colors.blue50, $error ? colors.red50 : colors.blue50, colors.white, StyledCheckboxLabel, StyledCheckboxLabel, StyledIndeterminate());
|
|
37
43
|
}
|
|
38
44
|
});
|
|
39
|
-
var
|
|
45
|
+
export var StyledFakeCheckboxLabel = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n\n display: block;\n min-height: ", "px;\n padding-left: ", "px;\n position: relative;\n user-select: none;\n"], ["\n ", "\n\n display: block;\n min-height: ", "px;\n padding-left: ", "px;\n position: relative;\n user-select: none;\n"])), getTypographyIntent('body'), checkboxSize, function (_a) {
|
|
46
|
+
var children = _a.children;
|
|
47
|
+
return children ? checkboxSize + spacing.md : checkboxSize;
|
|
48
|
+
});
|
|
49
|
+
export var StyledFakeCheckboxInput = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n width: ", "px;\n height: ", "px;\n border-radius: 2px;\n border: 2px solid ", ";\n position: absolute;\n\n ", "\n"], ["\n width: ", "px;\n height: ", "px;\n border-radius: 2px;\n border: 2px solid ", ";\n position: absolute;\n\n ", "\n"])), checkboxSize, checkboxSize, colors.gray70, function (_a) {
|
|
50
|
+
var $checked = _a.$checked, $error = _a.$error, $disabled = _a.$disabled, $indeterminate = _a.$indeterminate;
|
|
51
|
+
if ($checked) {
|
|
52
|
+
if ($disabled && $error) {
|
|
53
|
+
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n background-color: ", ";\n "], ["\n ", "\n background-color: ", ";\n "])), StyledChecked(), colors.gray85);
|
|
54
|
+
}
|
|
55
|
+
else if ($error) {
|
|
56
|
+
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n background-color: ", ";\n "], ["\n ", "\n background-color: ", ";\n "])), StyledChecked(), colors.red50);
|
|
57
|
+
}
|
|
58
|
+
else if ($disabled) {
|
|
59
|
+
return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n background-color: ", ";\n "], ["\n ", "\n background-color: ", ";\n "])), StyledChecked(), colors.blue85);
|
|
60
|
+
}
|
|
61
|
+
return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n background-color: ", ";\n "], ["\n ", "\n background-color: ", ";\n "])), StyledChecked(), colors.blue50);
|
|
62
|
+
}
|
|
63
|
+
else if ($indeterminate) {
|
|
64
|
+
if ($error) {
|
|
65
|
+
return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:before {\n ", "\n }\n "], ["\n background-color: ", ";\n border: none;\n\n &:before {\n ", "\n }\n "])), colors.red50, StyledIndeterminate());
|
|
66
|
+
}
|
|
67
|
+
else if ($disabled) {
|
|
68
|
+
return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:before {\n ", "\n }\n "], ["\n background-color: ", ";\n border: none;\n\n &:before {\n ", "\n }\n "])), colors.gray85, StyledIndeterminate());
|
|
69
|
+
}
|
|
70
|
+
return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:before {\n ", "\n }\n "], ["\n background-color: ", ";\n border: none;\n\n &:before {\n ", "\n }\n "])), colors.blue50, StyledIndeterminate());
|
|
71
|
+
}
|
|
72
|
+
else if ($disabled) {
|
|
73
|
+
return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n border-color: ", ";\n "], ["\n border-color: ", ";\n "])), colors.gray85);
|
|
74
|
+
}
|
|
75
|
+
else if ($error) {
|
|
76
|
+
return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n border-color: ", ";\n "], ["\n border-color: ", ";\n "])), colors.red50);
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
|
|
40
80
|
//# sourceMappingURL=Checkbox.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,uBAAuB;CACjC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,4KAAA,aACxC,EAAa,4EAKN,EAAU,YAE3B,KAPU,MAAM,CAAC,MAAM,EAKN,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,IAAM,YAAY,GAAG,EAAE,CAAA;AAEvB,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,4cAAA,MAC1C,EAA2B,uCAGf,EAAY,uBACV,EACqC,0FAK/B,EAAY,oDAEZ,EAAa,+DAGvB,EAAY,
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
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
|
-
export declare function FlyoutItem({ option
|
|
5
|
-
export declare
|
|
4
|
+
export declare function FlyoutItem({ option }: FlyoutItemProps): JSX.Element;
|
|
5
|
+
export declare function FlyoutList({ options, placement, referenceEl, overlayRef: overlayElRef, offset, }: FlyoutListProps): JSX.Element;
|
|
6
6
|
/**
|
|
7
7
|
|
|
8
8
|
The dropdown flyout allows for additional menu items to be nested within
|
|
@@ -24,6 +24,7 @@ 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 { Portal } from '../Portal';
|
|
27
28
|
import { useClickOutside } from '../_hooks/ClickOutside';
|
|
28
29
|
import { mergeRefs } from '../_utils/mergeRefs';
|
|
29
30
|
import { defaultOptionRenderer, DropdownFlyoutContext, noop, transformOption, useDropdownFlyout, useDropdownFlyoutContext, } from './DropdownFlyout.helpers';
|
|
@@ -36,32 +37,36 @@ export var FlyoutCaption = React.forwardRef(function FlyoutCaption(_a, ref) {
|
|
|
36
37
|
});
|
|
37
38
|
FlyoutCaption.displayName = 'FlyoutCaption';
|
|
38
39
|
export function FlyoutItem(_a) {
|
|
39
|
-
var option = _a.option
|
|
40
|
-
var captionRef = React.useRef(null);
|
|
40
|
+
var option = _a.option;
|
|
41
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
|
-
var _a;
|
|
46
45
|
if (e.relatedTarget instanceof Node &&
|
|
47
|
-
|
|
46
|
+
overlayElRef.current &&
|
|
47
|
+
!overlayElRef.current.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 = React.useState(null), referenceEl = _c[0], setReferenceEl = _c[1];
|
|
53
|
+
return (React.createElement(React.Fragment, null,
|
|
54
|
+
React.createElement(FlyoutCaption, { ref: setReferenceEl, option: option.origin, onClick: onClick, optionRenderer: optionRenderer, highlighted: isHighlighted(option), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }),
|
|
55
|
+
Array.isArray(option.children) && isExpanded(option) ? (React.createElement(Portal, null,
|
|
56
|
+
React.createElement(FlyoutList, { referenceEl: referenceEl, options: option.children, overlayRef: overlayElRef, placement: "right-top" }))) : null));
|
|
57
|
+
}
|
|
58
|
+
export function FlyoutList(_a) {
|
|
59
|
+
var options = _a.options, placement = _a.placement, referenceEl = _a.referenceEl, overlayElRef = _a.overlayRef, _b = _a.offset, offset = _b === void 0 ? 0 : _b;
|
|
52
60
|
var _c = useDropdownFlyoutOverlay({
|
|
53
61
|
placement: placement,
|
|
54
|
-
offset: { mainAxis:
|
|
62
|
+
offset: { mainAxis: offset },
|
|
55
63
|
}), overlayStyle = _c.overlayStyle, referenceRef = _c.referenceRef, overlayRef = _c.overlayRef;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
64
|
+
React.useEffect(function () {
|
|
65
|
+
referenceRef(referenceEl);
|
|
66
|
+
}, [referenceEl, referenceRef]);
|
|
67
|
+
return (React.createElement(Card, { ref: mergeRefs(overlayRef, overlayElRef), shadowStrength: 2, style: overlayStyle },
|
|
68
|
+
React.createElement(StyledDropdownFlyout, null, options.map(function (option) { return (React.createElement(FlyoutItem, { key: option.id, option: option })); }))));
|
|
59
69
|
}
|
|
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
|
-
});
|
|
65
70
|
var DefaultButton = React.forwardRef(function DefaultButton(_a, ref) {
|
|
66
71
|
var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
|
|
67
72
|
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));
|
|
@@ -127,15 +132,12 @@ export var DropdownFlyout = React.forwardRef(function DropdownFlyout(_a, ref) {
|
|
|
127
132
|
setMouseOver(true);
|
|
128
133
|
onMouseEnter_ === null || onMouseEnter_ === void 0 ? void 0 : onMouseEnter_(e);
|
|
129
134
|
}
|
|
130
|
-
var _g =
|
|
131
|
-
placement: placement,
|
|
132
|
-
offset: { mainAxis: 4 },
|
|
133
|
-
}), overlayStyle = _g.overlayStyle, referenceRef = _g.referenceRef, overlayRef = _g.overlayRef;
|
|
135
|
+
var _g = React.useState(null), referenceEl = _g[0], setReferenceEl = _g[1];
|
|
134
136
|
return (React.createElement("div", __assign({}, props, { "aria-label": undefined, ref: containerRef, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onMouseDown: onMouseDown, onBlur: onBlur }),
|
|
135
137
|
React.cloneElement(trigger, {
|
|
136
138
|
ref: trigger.ref
|
|
137
|
-
? mergeRefs(trigger.ref, targetRef,
|
|
138
|
-
: mergeRefs(targetRef,
|
|
139
|
+
? mergeRefs(trigger.ref, targetRef, setReferenceEl)
|
|
140
|
+
: mergeRefs(targetRef, setReferenceEl),
|
|
139
141
|
onClick: function (e) {
|
|
140
142
|
var _a, _b;
|
|
141
143
|
(_b = (_a = trigger.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
@@ -150,6 +152,7 @@ export var DropdownFlyout = React.forwardRef(function DropdownFlyout(_a, ref) {
|
|
|
150
152
|
isExpanded: isExpanded,
|
|
151
153
|
isHighlighted: isHighlighted,
|
|
152
154
|
optionRenderer: optionRenderer,
|
|
153
|
-
} }, isOpen && (React.createElement(
|
|
155
|
+
} }, isOpen && (React.createElement(Portal, null,
|
|
156
|
+
React.createElement(FlyoutList, { options: options, overlayRef: overlayElRef, placement: placement, referenceEl: referenceEl, offset: 4 }))))));
|
|
154
157
|
});
|
|
155
158
|
//# 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,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,EACJ,eAAe,EACf,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAKL,MAAM,GACP,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,SAAS,aAAa,CACtB,EAAiD,EACjD,GAAG;IADD,IAAA,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAK,KAAK,cAA/C,2CAAiD,CAAF;IAG/C,OAAO,CACL,oBAAC,wBAAwB,eACnB,KAAK,IACT,GAAG,EAAE,GAAG,sBACU,WAAW,0BAG5B,cAAc,CAAC,MAAM,CAAC,CACE,CAC5B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,UAAU,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"DropdownFlyout.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Ref
|
|
1
|
+
import { Ref } from 'react';
|
|
2
2
|
import { DropdownProps } from '../Dropdown/Dropdown.types';
|
|
3
3
|
import { OverlayProps } from '../Overlay/Overlay';
|
|
4
4
|
import { DivAttributes, Placement, Props } from '../_utils/types';
|
|
@@ -64,10 +64,10 @@ export interface FlyoutCaptionProps extends DivAttributes {
|
|
|
64
64
|
}
|
|
65
65
|
export interface FlyoutListProps extends DivAttributes {
|
|
66
66
|
options: FlyoutOption[];
|
|
67
|
-
|
|
68
|
-
overlayRef?: RefCallback<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | Ref<HTMLDivElement>;
|
|
67
|
+
overlayRef: Ref<HTMLDivElement>;
|
|
69
68
|
placement: Placement;
|
|
70
|
-
|
|
69
|
+
referenceEl: HTMLElement | null;
|
|
70
|
+
offset?: number;
|
|
71
71
|
}
|
|
72
72
|
export interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {
|
|
73
73
|
/**
|
|
@@ -133,7 +133,5 @@ export interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {
|
|
|
133
133
|
}
|
|
134
134
|
export interface FlyoutItemProps extends Props {
|
|
135
135
|
option: FlyoutOption;
|
|
136
|
-
container?: HTMLElement;
|
|
137
|
-
placement: Placement;
|
|
138
136
|
}
|
|
139
137
|
export {};
|
package/dist/Flex/Flex.js
CHANGED
|
@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import * as React from 'react';
|
|
24
24
|
import { Box } from '../Box/Box';
|
|
25
25
|
export var Flex = React.forwardRef(function Flex(_a, ref) {
|
|
26
|
-
var _b = _a.alignItems, alignItems = _b === void 0 ? 'flex-start' : _b, basis = _a.basis, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, grow = _a.grow, flex = _a.flex, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.justifyContent, justifyContent = _e === void 0 ? 'flex-start' : _e, shrink = _a.shrink, wrap = _a.wrap, props = __rest(_a, ["alignItems", "basis", "direction", "grow", "flex", "inline", "justifyContent", "shrink", "wrap"]);
|
|
27
|
-
return (React.createElement(Box, __assign({}, props, { ref: ref, display: inline ? 'inline-flex' : 'flex', alignItems: alignItems, justifyContent: justifyContent, flexBasis: basis, flexDirection: direction, flexGrow: grow, flexShrink: shrink, flexWrap: wrap, flex: flex })));
|
|
26
|
+
var _b = _a.alignItems, alignItems = _b === void 0 ? 'flex-start' : _b, basis = _a.basis, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, gap = _a.gap, grow = _a.grow, flex = _a.flex, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.justifyContent, justifyContent = _e === void 0 ? 'flex-start' : _e, shrink = _a.shrink, wrap = _a.wrap, props = __rest(_a, ["alignItems", "basis", "direction", "gap", "grow", "flex", "inline", "justifyContent", "shrink", "wrap"]);
|
|
27
|
+
return (React.createElement(Box, __assign({}, props, { ref: ref, display: inline ? 'inline-flex' : 'flex', alignItems: alignItems, justifyContent: justifyContent, flexBasis: basis, flexDirection: direction, flexGrow: grow, flexShrink: shrink, flexWrap: wrap, flex: flex, gap: gap })));
|
|
28
28
|
});
|
|
29
29
|
Flex.displayName = 'Flex';
|
|
30
30
|
//# sourceMappingURL=Flex.js.map
|
package/dist/Flex/Flex.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAIhC,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CACX,
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAIhC,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CACX,EAYC,EACD,GAAG;IAZD,IAAA,kBAAyB,EAAzB,UAAU,mBAAG,YAAY,KAAA,EACzB,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,sBAA6B,EAA7B,cAAc,mBAAG,YAAY,KAAA,EAC7B,MAAM,YAAA,EACN,IAAI,UAAA,EACD,KAAK,cAXV,yGAYC,CADS;IAIV,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,KAAK,EAChB,aAAa,EAAE,SAAS,EACxB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FlexDirection, FlexOptions, FlexWrap, MarginOptions, PaddingOptions } from '../Box/Box.types';
|
|
1
|
+
import { FlexDirection, FlexOptions, FlexWrap, MarginOptions, MarginSize, PaddingOptions } from '../Box/Box.types';
|
|
2
2
|
import { Props } from '../_utils/types';
|
|
3
3
|
export interface FlexProps extends Props, FlexOptions, MarginOptions, PaddingOptions {
|
|
4
4
|
/**
|
|
@@ -39,4 +39,8 @@ export interface FlexProps extends Props, FlexOptions, MarginOptions, PaddingOpt
|
|
|
39
39
|
* @since 10.19.0
|
|
40
40
|
*/
|
|
41
41
|
order?: number;
|
|
42
|
+
/**
|
|
43
|
+
* @since 11.3.0
|
|
44
|
+
*/
|
|
45
|
+
gap?: MarginSize | string;
|
|
42
46
|
}
|
|
@@ -1,17 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { NextMenuProps } from './NextMenu.types';
|
|
3
|
-
/**
|
|
4
|
-
* Defines how menu item will be rendered
|
|
5
|
-
* */
|
|
6
|
-
export declare const defaultMenuItemRenderer: (index: number) => string;
|
|
7
|
-
/**
|
|
8
|
-
* Defines how menu group header will be rendered
|
|
9
|
-
* */
|
|
10
|
-
export declare const defaultGroupHeaderRenderer: (index: number) => string;
|
|
11
|
-
/**
|
|
12
|
-
* Defines how menu group menu item will be rendered
|
|
13
|
-
* */
|
|
14
|
-
export declare const defaultGroupedMenuItemRenderer: (index: number, groupedIndex: number) => string;
|
|
15
3
|
/**
|
|
16
4
|
* Count items in groups by id received from getItemGroupId
|
|
17
5
|
*
|
|
@@ -24,18 +24,6 @@ import React from 'react';
|
|
|
24
24
|
import { GroupedVirtuoso, Virtuoso } from 'react-virtuoso';
|
|
25
25
|
import { defaultMenuHeight, optionMinHeight, StyledOptions, } from './NextMenu.styles';
|
|
26
26
|
import { NextMenuGroup, NextMenuItem } from './NextMenuItem';
|
|
27
|
-
/**
|
|
28
|
-
* Defines how menu item will be rendered
|
|
29
|
-
* */
|
|
30
|
-
export var defaultMenuItemRenderer = function (index) { return "Item: ".concat(index); };
|
|
31
|
-
/**
|
|
32
|
-
* Defines how menu group header will be rendered
|
|
33
|
-
* */
|
|
34
|
-
export var defaultGroupHeaderRenderer = function (index) { return "Group: ".concat(index); };
|
|
35
|
-
/**
|
|
36
|
-
* Defines how menu group menu item will be rendered
|
|
37
|
-
* */
|
|
38
|
-
export var defaultGroupedMenuItemRenderer = function (index, groupedIndex) { return "Item: ".concat(index, " (Group ").concat(groupedIndex, ")"); };
|
|
39
27
|
/**
|
|
40
28
|
* Count items in groups by id received from getItemGroupId
|
|
41
29
|
*
|
|
@@ -96,8 +84,8 @@ export var NextMenu = React.forwardRef(function (_a, menuRef) {
|
|
|
96
84
|
* Flat version of menu list
|
|
97
85
|
* */
|
|
98
86
|
export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
|
|
99
|
-
var _b = _a.items, items = _b === void 0 ? [] : _b,
|
|
100
|
-
return (React.createElement(Virtuoso, { ref: menuRef, components: flatComponents, context: { items: items }, data: items, overscan: overscan, style: style,
|
|
87
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.overscan, overscan = _c === void 0 ? 20 : _c, style = _a.style, totalListHeightChanged = _a.totalListHeightChanged, _d = _a.onEndReached, onEndReached = _d === void 0 ? function () { } : _d, _e = _a.components, components = _e === void 0 ? {} : _e, _f = _a.getItemLabel, getItemLabel = _f === void 0 ? function (item) { return item === null || item === void 0 ? void 0 : item.label; } : _f;
|
|
88
|
+
return (React.createElement(Virtuoso, { ref: menuRef, components: __assign(__assign({}, flatComponents), components), context: { items: items, getItemLabel: getItemLabel }, data: items, overscan: overscan, style: style, totalListHeightChanged: totalListHeightChanged, endReached: onEndReached }));
|
|
101
89
|
});
|
|
102
90
|
/**
|
|
103
91
|
* Grouped version of menu list
|
|
@@ -105,10 +93,8 @@ export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
|
|
|
105
93
|
* @see getGroupCounts
|
|
106
94
|
* */
|
|
107
95
|
export var NextMenuGrouped = React.forwardRef(function (props, menuRef) {
|
|
108
|
-
var children = props.children, _a = props.
|
|
109
|
-
? defaultGroupedMenuItemRenderer
|
|
110
|
-
: defaultMenuItemRenderer : _d, _e = props.groupHeaderRenderer, groupHeaderRenderer = _e === void 0 ? defaultGroupHeaderRenderer : _e, _f = props.overscan, overscan = _f === void 0 ? 20 : _f, onSelect_ = props.onSelect, onEndReached_ = props.onEndReached, style = props.style, totalListHeightChanged = props.totalListHeightChanged;
|
|
96
|
+
var children = props.children, _a = props.components, components = _a === void 0 ? {} : _a, _b = props.items, items = _b === void 0 ? [] : _b, _c = props.groups, groups = _c === void 0 ? [] : _c, _d = props.getItemGroupId, getItemGroupId = _d === void 0 ? function () { return -1; } : _d, _e = props.overscan, overscan = _e === void 0 ? 20 : _e, onSelect_ = props.onSelect, _f = props.onEndReached, onEndReached_ = _f === void 0 ? function () { } : _f, style = props.style, totalListHeightChanged = props.totalListHeightChanged;
|
|
111
97
|
var groupCounts = getGroupCounts(items, groups, getItemGroupId);
|
|
112
|
-
return (React.createElement(GroupedVirtuoso, { ref: menuRef, style: style, components: groupedComponents,
|
|
98
|
+
return (React.createElement(GroupedVirtuoso, { ref: menuRef, style: style, components: __assign(__assign({}, groupedComponents), components), context: { items: items }, groupCounts: groupCounts, overscan: overscan, endReached: onEndReached_, totalListHeightChanged: totalListHeightChanged }));
|
|
113
99
|
});
|
|
114
100
|
//# sourceMappingURL=NextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import styled from 'styled-components';
|
|
6
6
|
import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
|
|
7
|
+
import { spacing } from '../_styles/spacing';
|
|
7
8
|
export var optionMinHeight = 32;
|
|
8
9
|
/** Large enough to fit one group and one item */
|
|
9
10
|
export var defaultMenuHeight = 64;
|
|
10
11
|
export var StyledOptions = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
11
|
-
export var StyledItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n\n cursor: pointer;\n list-style-type: none;\n"], ["\n ", ";\n\n cursor: pointer;\n list-style-type: none;\n"])), getTypographyIntent('body'));
|
|
12
|
-
export var StyledGroup = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n font-weight: ", ";\n background: white;\n list-style-type: none;\n"], ["\n ", ";\n font-weight: ", ";\n background: white;\n list-style-type: none;\n"])), getTypographyIntent('body'), typographyWeights.semibold);
|
|
12
|
+
export var StyledItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n\n padding: ", "px ", "px;\n cursor: pointer;\n list-style-type: none;\n"], ["\n ", ";\n\n padding: ", "px ", "px;\n cursor: pointer;\n list-style-type: none;\n"])), getTypographyIntent('body'), spacing.xs, spacing.md);
|
|
13
|
+
export var StyledGroup = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n\n padding: ", "px ", "px ", "px;\n font-weight: ", ";\n background: white;\n list-style-type: none;\n"], ["\n ", ";\n\n padding: ", "px ", "px ", "px;\n font-weight: ", ";\n background: white;\n list-style-type: none;\n"])), getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
|
|
13
14
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
14
15
|
//# sourceMappingURL=NextMenu.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextMenu.styles.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"NextMenu.styles.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAA;AACjC,iDAAiD;AACjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAA;AAEnC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAEzC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,2JAAA,MAChC,EAA2B,kBAElB,EAAU,KAAM,EAAU,qDAGtC,KALG,mBAAmB,CAAC,MAAM,CAAC,EAElB,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CAGtC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,0LAAA,MACjC,EAA2B,kBAElB,EAAU,KAAM,EAAU,KAAM,EAAU,sBACtC,EAA0B,qDAG1C,KANG,mBAAmB,CAAC,MAAM,CAAC,EAElB,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EACtC,iBAAiB,CAAC,QAAQ,CAG1C,CAAA"}
|