@elliemae/ds-mobile 3.0.0-next.46 → 3.0.0-next.47
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/cjs/Accordion/Accordion.js +9 -16
- package/dist/cjs/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/Accordion/index.js +11 -17
- package/dist/cjs/Accordion/index.js.map +1 -1
- package/dist/cjs/Accordion/propTypes.js +9 -16
- package/dist/cjs/Accordion/propTypes.js.map +1 -1
- package/dist/cjs/CategoryBox/CategoryBox.js +9 -16
- package/dist/cjs/CategoryBox/CategoryBox.js.map +1 -1
- package/dist/cjs/CategoryBox/index.js +9 -16
- package/dist/cjs/CategoryBox/index.js.map +1 -1
- package/dist/cjs/CollectionBox/CollectionBox.js +9 -16
- package/dist/cjs/CollectionBox/CollectionBox.js.map +1 -1
- package/dist/cjs/CollectionBox/index.js +9 -16
- package/dist/cjs/CollectionBox/index.js.map +1 -1
- package/dist/cjs/FullPageContainer/FullPageContainer.js +9 -16
- package/dist/cjs/FullPageContainer/FullPageContainer.js.map +1 -1
- package/dist/cjs/FullPageContainer/FullPageContainerScroll.js +9 -16
- package/dist/cjs/FullPageContainer/FullPageContainerScroll.js.map +1 -1
- package/dist/cjs/FullPageContainer/index.js +9 -16
- package/dist/cjs/FullPageContainer/index.js.map +1 -1
- package/dist/cjs/FullPageContainer/useMobileHeight.js +9 -16
- package/dist/cjs/FullPageContainer/useMobileHeight.js.map +1 -1
- package/dist/cjs/GlobalHeader/MobileGlobalHeader.js +9 -16
- package/dist/cjs/GlobalHeader/MobileGlobalHeader.js.map +1 -1
- package/dist/cjs/GlobalHeader/index.js +9 -16
- package/dist/cjs/GlobalHeader/index.js.map +1 -1
- package/dist/cjs/GlobalHeader/styles.js +9 -16
- package/dist/cjs/GlobalHeader/styles.js.map +1 -1
- package/dist/cjs/GroupBox/GroupBox.js +9 -16
- package/dist/cjs/GroupBox/GroupBox.js.map +1 -1
- package/dist/cjs/GroupBox/index.js +9 -16
- package/dist/cjs/GroupBox/index.js.map +1 -1
- package/dist/cjs/Icons/EM_logo.js +9 -16
- package/dist/cjs/Icons/EM_logo.js.map +1 -1
- package/dist/cjs/InfiniteLoader/Infiniteloader.js +9 -16
- package/dist/cjs/InfiniteLoader/Infiniteloader.js.map +1 -1
- package/dist/cjs/InfiniteLoader/Loader.js +9 -16
- package/dist/cjs/InfiniteLoader/Loader.js.map +1 -1
- package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +9 -16
- package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +1 -1
- package/dist/cjs/InfiniteLoader/index.js +9 -16
- package/dist/cjs/InfiniteLoader/index.js.map +1 -1
- package/dist/cjs/InfiniteLoader/styled.js +9 -16
- package/dist/cjs/InfiniteLoader/styled.js.map +1 -1
- package/dist/cjs/LoadingPage/Page.js +9 -16
- package/dist/cjs/LoadingPage/Page.js.map +1 -1
- package/dist/cjs/LoadingPage/index.js +11 -17
- package/dist/cjs/LoadingPage/index.js.map +1 -1
- package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js +9 -16
- package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js.map +1 -1
- package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js +9 -16
- package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +1 -1
- package/dist/cjs/MobileActionToolbar/index.js +11 -17
- package/dist/cjs/MobileActionToolbar/index.js.map +1 -1
- package/dist/cjs/MobileBanner/MobileBanner.js +9 -16
- package/dist/cjs/MobileBanner/MobileBanner.js.map +1 -1
- package/dist/cjs/MobileBanner/defaultProps.js +9 -16
- package/dist/cjs/MobileBanner/defaultProps.js.map +1 -1
- package/dist/cjs/MobileBanner/index.d.js +9 -16
- package/dist/cjs/MobileBanner/index.d.js.map +1 -1
- package/dist/cjs/MobileBanner/index.js +9 -16
- package/dist/cjs/MobileBanner/index.js.map +1 -1
- package/dist/cjs/MobileBanner/propTypes.js +9 -16
- package/dist/cjs/MobileBanner/propTypes.js.map +1 -1
- package/dist/cjs/MobileBanner/styles.js +9 -16
- package/dist/cjs/MobileBanner/styles.js.map +1 -1
- package/dist/cjs/MobileBanner/utils/bannerTypes.js +9 -16
- package/dist/cjs/MobileBanner/utils/bannerTypes.js.map +1 -1
- package/dist/cjs/MobileBanner/utils/icons.js +19 -22
- package/dist/cjs/MobileBanner/utils/icons.js.map +2 -2
- package/dist/cjs/MobileBanner/utils/styleHelpers.js +9 -16
- package/dist/cjs/MobileBanner/utils/styleHelpers.js.map +1 -1
- package/dist/cjs/MobileCard/ActionAddon.js +9 -16
- package/dist/cjs/MobileCard/ActionAddon.js.map +1 -1
- package/dist/cjs/MobileCard/Card.js +9 -16
- package/dist/cjs/MobileCard/Card.js.map +1 -1
- package/dist/cjs/MobileCard/CardIcons.js +9 -16
- package/dist/cjs/MobileCard/CardIcons.js.map +1 -1
- package/dist/cjs/MobileCard/ExpandChevron.js +9 -16
- package/dist/cjs/MobileCard/ExpandChevron.js.map +1 -1
- package/dist/cjs/MobileCard/ExpandableRegion.js +9 -16
- package/dist/cjs/MobileCard/ExpandableRegion.js.map +1 -1
- package/dist/cjs/MobileCard/Group.js +9 -16
- package/dist/cjs/MobileCard/Group.js.map +1 -1
- package/dist/cjs/MobileCard/StyledCard.js +9 -16
- package/dist/cjs/MobileCard/StyledCard.js.map +1 -1
- package/dist/cjs/MobileCard/index.js +11 -17
- package/dist/cjs/MobileCard/index.js.map +1 -1
- package/dist/cjs/MobileCard/props.js +9 -16
- package/dist/cjs/MobileCard/props.js.map +1 -1
- package/dist/cjs/MobileCard/useHeight.js +9 -16
- package/dist/cjs/MobileCard/useHeight.js.map +1 -1
- package/dist/cjs/MobileContextMenu/MobileContextMenu.js +9 -16
- package/dist/cjs/MobileContextMenu/MobileContextMenu.js.map +1 -1
- package/dist/cjs/MobileContextMenu/MobileContextMenuGroup.js +9 -16
- package/dist/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +1 -1
- package/dist/cjs/MobileContextMenu/MobileContextMenuItem.js +9 -16
- package/dist/cjs/MobileContextMenu/MobileContextMenuItem.js.map +1 -1
- package/dist/cjs/MobileContextMenu/index.js +13 -19
- package/dist/cjs/MobileContextMenu/index.js.map +1 -1
- package/dist/cjs/MobileDatePicker/Input.js +9 -16
- package/dist/cjs/MobileDatePicker/Input.js.map +1 -1
- package/dist/cjs/MobileDatePicker/MobileDatePicker.js +9 -16
- package/dist/cjs/MobileDatePicker/MobileDatePicker.js.map +1 -1
- package/dist/cjs/MobileDatePicker/index.js +11 -17
- package/dist/cjs/MobileDatePicker/index.js.map +1 -1
- package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js +9 -16
- package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +1 -1
- package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js +9 -16
- package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +1 -1
- package/dist/cjs/MobileDropdownMenu/index.js +11 -17
- package/dist/cjs/MobileDropdownMenu/index.js.map +1 -1
- package/dist/cjs/MobileEmtpyState/MobileEmptyState.js +9 -16
- package/dist/cjs/MobileEmtpyState/MobileEmptyState.js.map +1 -1
- package/dist/cjs/MobileEmtpyState/index.js +11 -17
- package/dist/cjs/MobileEmtpyState/index.js.map +1 -1
- package/dist/cjs/MobileFilterbar/Filterbar.js +9 -16
- package/dist/cjs/MobileFilterbar/Filterbar.js.map +1 -1
- package/dist/cjs/MobileFilterbar/FilterbarItem.js +9 -16
- package/dist/cjs/MobileFilterbar/FilterbarItem.js.map +1 -1
- package/dist/cjs/MobileFilterbar/FilterbarSort.js +9 -16
- package/dist/cjs/MobileFilterbar/FilterbarSort.js.map +1 -1
- package/dist/cjs/MobileFilterbar/index.js +9 -16
- package/dist/cjs/MobileFilterbar/index.js.map +1 -1
- package/dist/cjs/MobileFooter/Action.js +9 -16
- package/dist/cjs/MobileFooter/Action.js.map +1 -1
- package/dist/cjs/MobileFooter/Footer.js +9 -16
- package/dist/cjs/MobileFooter/Footer.js.map +1 -1
- package/dist/cjs/MobileFooter/Text.js +9 -16
- package/dist/cjs/MobileFooter/Text.js.map +1 -1
- package/dist/cjs/MobileFooter/index.js +9 -16
- package/dist/cjs/MobileFooter/index.js.map +1 -1
- package/dist/cjs/MobileListItem/MobileListItem.js +9 -16
- package/dist/cjs/MobileListItem/MobileListItem.js.map +1 -1
- package/dist/cjs/MobileListItem/index.js +11 -17
- package/dist/cjs/MobileListItem/index.js.map +1 -1
- package/dist/cjs/MobilePageHeader/MobilePageHeader.js +9 -16
- package/dist/cjs/MobilePageHeader/MobilePageHeader.js.map +1 -1
- package/dist/cjs/MobilePageHeader/index.js +11 -17
- package/dist/cjs/MobilePageHeader/index.js.map +1 -1
- package/dist/cjs/MobileSelectList/MobileSelectList.js +9 -16
- package/dist/cjs/MobileSelectList/MobileSelectList.js.map +1 -1
- package/dist/cjs/MobileSelectList/index.js +11 -17
- package/dist/cjs/MobileSelectList/index.js.map +1 -1
- package/dist/cjs/MobileSelectList/styled.js +9 -16
- package/dist/cjs/MobileSelectList/styled.js.map +1 -1
- package/dist/cjs/MobileSeparator/Separator.js +9 -16
- package/dist/cjs/MobileSeparator/Separator.js.map +1 -1
- package/dist/cjs/MobileSeparator/index.js +9 -16
- package/dist/cjs/MobileSeparator/index.js.map +1 -1
- package/dist/cjs/MobileTimePicker/Input.js +9 -16
- package/dist/cjs/MobileTimePicker/Input.js.map +1 -1
- package/dist/cjs/MobileTimePicker/MobileTimePicker.js +9 -16
- package/dist/cjs/MobileTimePicker/MobileTimePicker.js.map +1 -1
- package/dist/cjs/MobileTimePicker/index.js +11 -17
- package/dist/cjs/MobileTimePicker/index.js.map +1 -1
- package/dist/cjs/MobileTouchable/MobileTouchable.js +9 -16
- package/dist/cjs/MobileTouchable/MobileTouchable.js.map +1 -1
- package/dist/cjs/MobileTouchable/index.js +11 -17
- package/dist/cjs/MobileTouchable/index.js.map +1 -1
- package/dist/cjs/Modal/Modal.js +9 -16
- package/dist/cjs/Modal/Modal.js.map +1 -1
- package/dist/cjs/Modal/index.js +9 -16
- package/dist/cjs/Modal/index.js.map +1 -1
- package/dist/cjs/Modal/styled.js +9 -16
- package/dist/cjs/Modal/styled.js.map +1 -1
- package/dist/cjs/PageFilter/PageFilter.js +9 -16
- package/dist/cjs/PageFilter/PageFilter.js.map +1 -1
- package/dist/cjs/PageForm/PageForm.js +9 -16
- package/dist/cjs/PageForm/PageForm.js.map +1 -1
- package/dist/cjs/PageList/PageList.js +9 -16
- package/dist/cjs/PageList/PageList.js.map +1 -1
- package/dist/cjs/PageList/index.js +11 -17
- package/dist/cjs/PageList/index.js.map +1 -1
- package/dist/cjs/PageSearch/PageSearch.js +9 -16
- package/dist/cjs/PageSearch/PageSearch.js.map +1 -1
- package/dist/cjs/PageSummary/PageSummary.js +9 -16
- package/dist/cjs/PageSummary/PageSummary.js.map +1 -1
- package/dist/cjs/PageSummary/Tags.js +9 -16
- package/dist/cjs/PageSummary/Tags.js.map +1 -1
- package/dist/cjs/SideNav/SideNav.js +9 -16
- package/dist/cjs/SideNav/SideNav.js.map +1 -1
- package/dist/cjs/SideNav/index.js +9 -16
- package/dist/cjs/SideNav/index.js.map +1 -1
- package/dist/cjs/SideNav/styles.js +9 -16
- package/dist/cjs/SideNav/styles.js.map +1 -1
- package/dist/cjs/SwipeToRefresh/ProgressIndicator.js +9 -16
- package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map +1 -1
- package/dist/cjs/SwipeToRefresh/ProgressLoader.js +9 -16
- package/dist/cjs/SwipeToRefresh/ProgressLoader.js.map +1 -1
- package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js +9 -16
- package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js.map +1 -1
- package/dist/cjs/SwipeToRefresh/styled.js +9 -16
- package/dist/cjs/SwipeToRefresh/styled.js.map +1 -1
- package/dist/cjs/SwipeToRefresh/useSwipe.js +9 -16
- package/dist/cjs/SwipeToRefresh/useSwipe.js.map +1 -1
- package/dist/cjs/Tabs/index.js +9 -16
- package/dist/cjs/Tabs/index.js.map +1 -1
- package/dist/cjs/Tabs/propTypes.js +9 -16
- package/dist/cjs/Tabs/propTypes.js.map +1 -1
- package/dist/cjs/index.js +34 -40
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/MobileBanner/utils/icons.js +10 -6
- package/dist/esm/MobileBanner/utils/icons.js.map +2 -2
- package/package.json +16 -16
|
@@ -21,32 +21,26 @@ var __spreadValues = (a, b) => {
|
|
|
21
21
|
return a;
|
|
22
22
|
};
|
|
23
23
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
24
|
var __export = (target, all) => {
|
|
26
25
|
for (var name in all)
|
|
27
26
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
28
27
|
};
|
|
29
|
-
var
|
|
30
|
-
if (
|
|
31
|
-
for (let key of __getOwnPropNames(
|
|
32
|
-
if (!__hasOwnProp.call(
|
|
33
|
-
__defProp(
|
|
28
|
+
var __copyProps = (to, from, except, desc) => {
|
|
29
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
30
|
+
for (let key of __getOwnPropNames(from))
|
|
31
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
32
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
34
33
|
}
|
|
35
|
-
return
|
|
34
|
+
return to;
|
|
36
35
|
};
|
|
37
|
-
var __toESM = (
|
|
38
|
-
|
|
39
|
-
};
|
|
40
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
41
|
-
return (module2, temp) => {
|
|
42
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
43
|
-
};
|
|
44
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
36
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
37
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
45
38
|
var MobileContextMenu_exports = {};
|
|
46
39
|
__export(MobileContextMenu_exports, {
|
|
47
40
|
DSMobileContextMenu: () => DSMobileContextMenu,
|
|
48
41
|
DSMobileContextMenuWithSchema: () => DSMobileContextMenuWithSchema
|
|
49
42
|
});
|
|
43
|
+
module.exports = __toCommonJS(MobileContextMenu_exports);
|
|
50
44
|
var React = __toESM(require("react"));
|
|
51
45
|
var import_react = __toESM(require("react"));
|
|
52
46
|
var import_lodash = require("lodash");
|
|
@@ -214,5 +208,4 @@ const props = {
|
|
|
214
208
|
DSMobileContextMenu.propTypes = props;
|
|
215
209
|
const DSMobileContextMenuWithSchema = (0, import_react_desc.describe)(DSMobileContextMenu);
|
|
216
210
|
DSMobileContextMenuWithSchema.propTypes = props;
|
|
217
|
-
module.exports = __toCommonJS(MobileContextMenu_exports);
|
|
218
211
|
//# sourceMappingURL=MobileContextMenu.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileContextMenu/MobileContextMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${(props) => props.zIndex};\n width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n position: fixed;\n bottom: 0;\n left: ${(props) => props.theme.space.xxs};\n max-height: 90vh;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['000']};\n ${truncate()}\n\n & > span {\n height: 20px;\n width: 20px;\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: 20px;\n width: 20px;\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nconst HeaderContainer = styled(Grid)`\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n ({\n open = false,\n title = '',\n multiple = false,\n singleSelect = false,\n onChange = noop,\n onClickOutside = noop,\n children,\n theme,\n backdropZIndex,\n zIndex = 1,\n dataTestid = 'mobile-context-menu',\n buttonFooter = null,\n onApply = noop,\n selecteds: initSelecteds,\n }) => {\n const [selectedItems, setSelectedItems] = useState([]);\n const trueSelected = useMemo(\n () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n [initSelecteds, selectedItems],\n );\n const containerRef = useRef(null);\n const handleChange = (value, childProps, event) => {\n onChange(value, childProps, event);\n if (initSelecteds === undefined) {\n if (multiple) setSelectedItems([...value]);\n else if (singleSelect) setSelectedItems(value);\n }\n };\n\n const handleApply = function (e) {\n if (this.onClick) this.onClick(e);\n onApply(e, selectedItems);\n };\n\n const rows = [theme.space.s, 1];\n if (buttonFooter) rows.push('56px');\n\n if (!open) return null;\n\n return (\n <>\n <DSBackdrop\n type=\"cover\"\n zIndex={backdropZIndex}\n onClick={(e) => {\n // PUI-4481 prevent click on elements below backdrop\n e.stopPropagation();\n onClickOutside(e);\n }}\n />\n <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n {title}\n </StyledTitle>\n </HeaderContainer>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>\n <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n {React.Children.map(children, (child, ii) => {\n const isGroup =\n child.type === (<ContextMenuGroup />).type ||\n child.type?.name === ContextMenuGroup.componentType ||\n child.type === ContextMenuGroup.type;\n const { onClick = noop } = child.props;\n const value = ii;\n let isSelected;\n if (singleSelect) isSelected = trueSelected === value;\n else if (multiple) isSelected = trueSelected.includes(value);\n return React.cloneElement(child, {\n value,\n key: `cm.${ii}`,\n isMulti: multiple,\n singleSelect,\n isSelected,\n onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n selectedItems: isGroup ? trueSelected : null,\n });\n })}\n </Group>\n </Grid>\n </Grid>\n {buttonFooter && (\n <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n {React.cloneElement(buttonFooter, {\n ...buttonFooter.props,\n containerProps: {\n 'data-testid': `${dataTestid}--btn`,\n },\n buttonType: 'primary',\n size: 'l',\n onClick: handleApply.bind(buttonFooter.props),\n })}\n </Grid>\n )}\n </StyledContainer>\n </>\n );\n },\n);\n\nconst props = {\n /** toggle open the menu */\n open: PropTypes.bool.description('toggle open the menu'),\n /** context menu title */\n title: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n ]).description('context menu title'),\n /** change handler for selectable context menu */\n onChange: PropTypes.func.description('change handler for selectable context menu'),\n /** multi select */\n multiple: PropTypes.bool.description('multi select'),\n /** click outside callback handler */\n onClickOutside: PropTypes.func.description('click outside callback handler'),\n /** array of mobile context menu items */\n children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n /** z index for overlay div */\n backdropZIndex: PropTypes.number.description('z index for overlay div'),\n /** z index for menu container */\n zIndex: PropTypes.number.description('z index for menu container'),\n /** for e2e tests */\n dataTestid: PropTypes.string.description('for e2e tests'),\n /** bottom button */\n buttonFooter: PropTypes.element.description('bottom button'),\n /** callback */\n onApply: PropTypes.func.description('callback'),\n /** selected elements for multi and single select */\n selecteds: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.number,\n ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,32 +18,26 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
21
|
var __export = (target, all) => {
|
|
23
22
|
for (var name in all)
|
|
24
23
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
25
24
|
};
|
|
26
|
-
var
|
|
27
|
-
if (
|
|
28
|
-
for (let key of __getOwnPropNames(
|
|
29
|
-
if (!__hasOwnProp.call(
|
|
30
|
-
__defProp(
|
|
25
|
+
var __copyProps = (to, from, except, desc) => {
|
|
26
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
27
|
+
for (let key of __getOwnPropNames(from))
|
|
28
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
29
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
31
30
|
}
|
|
32
|
-
return
|
|
31
|
+
return to;
|
|
33
32
|
};
|
|
34
|
-
var __toESM = (
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
38
|
-
return (module2, temp) => {
|
|
39
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
40
|
-
};
|
|
41
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
33
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
34
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
42
35
|
var MobileContextMenuGroup_exports = {};
|
|
43
36
|
__export(MobileContextMenuGroup_exports, {
|
|
44
37
|
DSMobileContextMenuGroup: () => DSMobileContextMenuGroup,
|
|
45
38
|
DSMobileContextMenuGroupWithSchema: () => DSMobileContextMenuGroupWithSchema
|
|
46
39
|
});
|
|
40
|
+
module.exports = __toCommonJS(MobileContextMenuGroup_exports);
|
|
47
41
|
var React = __toESM(require("react"));
|
|
48
42
|
var import_react = __toESM(require("react"));
|
|
49
43
|
var import_styled_components = __toESM(require("styled-components"));
|
|
@@ -90,5 +84,4 @@ DSMobileContextMenuGroup.propTypes = props;
|
|
|
90
84
|
DSMobileContextMenuGroup.componentType = "DSMobileContextMenuGroup";
|
|
91
85
|
const DSMobileContextMenuGroupWithSchema = (0, import_react_desc.describe)(DSMobileContextMenuGroup);
|
|
92
86
|
DSMobileContextMenuGroupWithSchema.propTypes = props;
|
|
93
|
-
module.exports = __toCommonJS(MobileContextMenuGroup_exports);
|
|
94
87
|
//# sourceMappingURL=MobileContextMenuGroup.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n height: 24px;\n line-height: 24px;\n font-size: 12px;\n border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n background: ${(props) => props.theme.colors.brand['200']};\n padding: 0 ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n <Grid>\n <Grid>\n <Title>{title}</Title>\n </Grid>\n <Grid>\n {React.Children.map(children, (child, index) => {\n const { onClick = noop } = child.props;\n const value = `${groupValue}:${index}`;\n let isSelected;\n if (singleSelect) isSelected = selectedItems === value;\n else if (isMulti) isSelected = selectedItems.includes(value);\n return React.cloneElement(child, {\n value,\n key: 'group.'.concat(index),\n isGroup: true,\n isMulti,\n singleSelect,\n isSelected,\n onClick: (e) => onClick(e, { value, ...child.props }),\n });\n })}\n </Grid>\n </Grid>\n);\n\nconst props = {\n /**\n * Group title\n */\n title: PropTypes.string.isRequired.description('group title'),\n /**\n * Array of MobileContextMenuItem\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** single select */\n singleSelect: PropTypes.bool.description('single select'),\n /** value for select */\n value: PropTypes.string.description('value for select'),\n /** selected items, array for multi, string for single */\n selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n 'selected items, array for multi, string for single',\n ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAqB;AACrB,wBAAoC;AAEpC,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,WACjC,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,oBAC7F,mDAAC,2BACC,mDAAC,2BACC,mDAAC,aAAO,KAAM,CAChB,GACA,mDAAC,2BACE,qBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,QAAM,EAAE,UAAU,uBAAS,MAAM;AACjC,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI;AACJ,MAAI;AAAc,iBAAa,kBAAkB;AAAA,WACxC;AAAS,iBAAa,cAAc,SAAS,KAAK;AAC3D,SAAO,qBAAM,aAAa,OAAO;AAAA,IAC/B;AAAA,IACA,KAAK,SAAS,OAAO,KAAK;AAAA,IAC1B,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,GAAG,iBAAE,SAAU,MAAM,MAAO;AAAA,EACtD,CAAC;AACH,CAAC,CACH,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,OAAO,4BAAU,OAAO,WAAW,YAAY,aAAa;AAAA,EAI5D,UAAU,4BAAU,QAAQ,4BAAU,OAAO,EAAE,WAAW,YAAY,gCAAgC;AAAA,EAEtG,SAAS,4BAAU,KAAK,YAAY,cAAc;AAAA,EAElD,cAAc,4BAAU,KAAK,YAAY,eAAe;AAAA,EAExD,OAAO,4BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEtD,eAAe,4BAAU,UAAU,CAAC,4BAAU,OAAO,4BAAU,MAAM,CAAC,EAAE,YACtE,oDACF;AACF;AAEA,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AAEzC,MAAM,qCAAqC,gCAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,32 +18,26 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
21
|
var __export = (target, all) => {
|
|
23
22
|
for (var name in all)
|
|
24
23
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
25
24
|
};
|
|
26
|
-
var
|
|
27
|
-
if (
|
|
28
|
-
for (let key of __getOwnPropNames(
|
|
29
|
-
if (!__hasOwnProp.call(
|
|
30
|
-
__defProp(
|
|
25
|
+
var __copyProps = (to, from, except, desc) => {
|
|
26
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
27
|
+
for (let key of __getOwnPropNames(from))
|
|
28
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
29
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
31
30
|
}
|
|
32
|
-
return
|
|
31
|
+
return to;
|
|
33
32
|
};
|
|
34
|
-
var __toESM = (
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
38
|
-
return (module2, temp) => {
|
|
39
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
40
|
-
};
|
|
41
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
33
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
34
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
42
35
|
var MobileContextMenuItem_exports = {};
|
|
43
36
|
__export(MobileContextMenuItem_exports, {
|
|
44
37
|
DSMobileContextMenuItem: () => DSMobileContextMenuItem,
|
|
45
38
|
DSMobileContextMenuItemWithSchema: () => DSMobileContextMenuItemWithSchema
|
|
46
39
|
});
|
|
40
|
+
module.exports = __toCommonJS(MobileContextMenuItem_exports);
|
|
47
41
|
var React = __toESM(require("react"));
|
|
48
42
|
var import_react = __toESM(require("react"));
|
|
49
43
|
var import_react_desc = require("react-desc");
|
|
@@ -160,5 +154,4 @@ const props = {
|
|
|
160
154
|
DSMobileContextMenuItem.propTypes = props;
|
|
161
155
|
const DSMobileContextMenuItemWithSchema = (0, import_react_desc.describe)(DSMobileContextMenuItem);
|
|
162
156
|
DSMobileContextMenuItemWithSchema.propTypes = props;
|
|
163
|
-
module.exports = __toCommonJS(MobileContextMenuItem_exports);
|
|
164
157
|
//# sourceMappingURL=MobileContextMenuItem.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileContextMenu/MobileContextMenuItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n ${(props) => {\n if (!props.isMulti) {\n return `\n & > span {\n height: 18px;\n width: 18px;\n }\n\n & > span > svg {\n height: 18px;\n width: 18px;\n }\n `;\n }\n return '';\n }}\n`;\n\nconst Title = styled.span`\n font-size: 16px;\n color: ${(props) => props.theme.colors.brand['600']};\n ${truncate()}\n`;\n\nconst Label = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n label: string;\n title: string;\n leftProp: JSX.Element;\n isGroup: boolean;\n isMulti: boolean;\n isSelected: boolean;\n singleSelect: boolean;\n onClick: (e: any) => void;\n value: string;\n}\nconst DSMobileContextMenuItem = ({\n label,\n title,\n leftProp,\n isGroup,\n isMulti,\n singleSelect,\n isSelected,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick = () => {},\n value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n let showLeftAddon = isSelected;\n if (isMulti || !singleSelect) showLeftAddon = true;\n\n let leftAddon = leftProp || null;\n if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n return (\n <Wrap\n data-testid=\"ds-contextmenu-item\"\n onClick={(e) => {\n if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n onClick(e);\n }}\n cols={\n (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n }\n >\n {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n {showLeftAddon && leftAddon}\n </PropWrap>\n )}\n <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n {label && (\n <Grid alignItems=\"center\">\n <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n </Grid>\n )}\n <Grid alignItems={!label ? 'center' : undefined}>\n <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n </Grid>\n </Grid>\n </Wrap>\n );\n }}\n />\n);\n\nconst props = {\n /** label */\n label: PropTypes.string.description('label'),\n /** menu item title */\n title: PropTypes.string.isRequired.description('menu item title'),\n /** */\n leftProp: PropTypes.element.description(''),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** */\n singleSelect: PropTypes.bool.description(''),\n /** */\n isGroup: PropTypes.bool.description(''),\n /** on click handler */\n onClick: PropTypes.func.description('on click handler'),\n /** value for select */\n value: PropTypes.number.description('value for select'),\n /** selected value */\n isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,27 +4,21 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from))
|
|
10
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
11
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
12
|
}
|
|
14
|
-
return
|
|
13
|
+
return to;
|
|
15
14
|
};
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
15
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
18
|
var MobileContextMenu_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(MobileContextMenu_exports, require("./MobileContextMenu"));
|
|
27
|
-
__reExport(MobileContextMenu_exports, require("./MobileContextMenuItem"));
|
|
28
|
-
__reExport(MobileContextMenu_exports, require("./MobileContextMenuGroup"));
|
|
29
19
|
module.exports = __toCommonJS(MobileContextMenu_exports);
|
|
20
|
+
var React = __toESM(require("react"));
|
|
21
|
+
__reExport(MobileContextMenu_exports, require("./MobileContextMenu"), module.exports);
|
|
22
|
+
__reExport(MobileContextMenu_exports, require("./MobileContextMenuItem"), module.exports);
|
|
23
|
+
__reExport(MobileContextMenu_exports, require("./MobileContextMenuGroup"), module.exports);
|
|
30
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileContextMenu/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './MobileContextMenu';\nexport * from './MobileContextMenuItem';\nexport * from './MobileContextMenuGroup';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,sCAAc,gCAAd;AACA,sCAAc,oCADd;AAEA,sCAAc,qCAFd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,7 +18,6 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
21
|
var __objRest = (source, exclude) => {
|
|
23
22
|
var target = {};
|
|
24
23
|
for (var prop in source)
|
|
@@ -35,26 +34,21 @@ var __export = (target, all) => {
|
|
|
35
34
|
for (var name in all)
|
|
36
35
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
37
36
|
};
|
|
38
|
-
var
|
|
39
|
-
if (
|
|
40
|
-
for (let key of __getOwnPropNames(
|
|
41
|
-
if (!__hasOwnProp.call(
|
|
42
|
-
__defProp(
|
|
37
|
+
var __copyProps = (to, from, except, desc) => {
|
|
38
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
39
|
+
for (let key of __getOwnPropNames(from))
|
|
40
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
41
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
43
42
|
}
|
|
44
|
-
return
|
|
45
|
-
};
|
|
46
|
-
var __toESM = (module2, isNodeMode) => {
|
|
47
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
43
|
+
return to;
|
|
48
44
|
};
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
52
|
-
};
|
|
53
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
45
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
46
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
54
47
|
var Input_exports = {};
|
|
55
48
|
__export(Input_exports, {
|
|
56
49
|
Input: () => Input
|
|
57
50
|
});
|
|
51
|
+
module.exports = __toCommonJS(Input_exports);
|
|
58
52
|
var React = __toESM(require("react"));
|
|
59
53
|
var import_react = __toESM(require("react"));
|
|
60
54
|
var import_styled_components = __toESM(require("styled-components"));
|
|
@@ -102,5 +96,4 @@ const Input = (_a) => {
|
|
|
102
96
|
ref: innerRef
|
|
103
97
|
}, props));
|
|
104
98
|
};
|
|
105
|
-
module.exports = __toCommonJS(Input_exports);
|
|
106
99
|
//# sourceMappingURL=Input.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileDatePicker/Input.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n input[type=date]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=date]&:active, input[type=date]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,uBAAgD;AAEhD,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,+CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,+CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,4BAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,OAAwB;AAAxB,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,4DAAC;AAAA,IAAY,KAAK;AAAA,KAAc,MAAO;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,32 +4,26 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var MobileDatePicker_exports = {};
|
|
29
22
|
__export(MobileDatePicker_exports, {
|
|
30
23
|
DSMobileDatePicker: () => DSMobileDatePicker,
|
|
31
24
|
DSMobileDatePickerWithSchema: () => DSMobileDatePickerWithSchema
|
|
32
25
|
});
|
|
26
|
+
module.exports = __toCommonJS(MobileDatePicker_exports);
|
|
33
27
|
var React = __toESM(require("react"));
|
|
34
28
|
var import_react = __toESM(require("react"));
|
|
35
29
|
var import_react_desc = require("react-desc");
|
|
@@ -96,5 +90,4 @@ const props = {
|
|
|
96
90
|
DSMobileDatePicker.propTypes = props;
|
|
97
91
|
const DSMobileDatePickerWithSchema = (0, import_react_desc.describe)(DSMobileDatePicker);
|
|
98
92
|
DSMobileDatePickerWithSchema.propTypes = props;
|
|
99
|
-
module.exports = __toCommonJS(MobileDatePicker_exports);
|
|
100
93
|
//# sourceMappingURL=MobileDatePicker.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileDatePicker/MobileDatePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n const inputRef = useRef(null);\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const valueArr = value.split('-');\n const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Date Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<DatePicker />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n data-testid=\"ds-mobile-date-picker\"\n innerRef={inputRef}\n aria-label=\"Date Picker Input Mask\"\n disabled={disabled}\n onKeyDown={(e) => e.preventDefault()}\n type=\"date\"\n placeholder={placeholder}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileDatePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('0 as default'),\n /**\n * MM / DD / YYYY as default\n */\n placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n /**\n * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n */\n value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,wBAAoC;AACpC,qBAA6B;AAC7B,sBAA2B;AAC3B,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,eAAe;AACnF,QAAM,WAAW,yBAAO,IAAI;AAC5B,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,QAAQ,SAAS,QAAQ,SAAS;AAC5E,SACE,mDAAC;AAAA,IACC,YACE,mDAAC;AAAA,MACC,cAAW;AAAA,MACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,MACvD;AAAA,MACA,MAAM,mDAAC,gCAAW;AAAA,MAClB,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,iBAAS,QAAQ,MAAM;AAAA,MACzB;AAAA,KACF;AAAA,KAGF,mDAAC;AAAA,IACC,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAW;AAAA,IACX;AAAA,IACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,IACnC,MAAK;AAAA,IACL;AAAA,IACA,UAAU,CAAC,MAAM;AAEf,YAAM,EAAE,WAAW,EAAE;AACrB,iCAA2B;AACzB,eAAO,eAAe;AAAA,MACxB;AACA,aAAO,WAAW,iBAAiB,CAAC;AACpC,eAAS,CAAC;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAmB;AAAA,GACrB,CACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,4BAAU,KAAK,YAAY,mBAAmB;AAAA,EAIxD,UAAU,4BAAU,OAAO,YAAY,cAAc;AAAA,EAIrD,aAAa,4BAAU,OAAO,YAAY,2BAA2B;AAAA,EAIrE,UAAU,4BAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,4BAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAE/B,MAAM,+BAA+B,gCAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,25 +4,19 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from))
|
|
10
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
11
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
12
|
}
|
|
14
|
-
return
|
|
13
|
+
return to;
|
|
15
14
|
};
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
15
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
18
|
var MobileDatePicker_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(MobileDatePicker_exports, require("./MobileDatePicker"));
|
|
27
19
|
module.exports = __toCommonJS(MobileDatePicker_exports);
|
|
20
|
+
var React = __toESM(require("react"));
|
|
21
|
+
__reExport(MobileDatePicker_exports, require("./MobileDatePicker"), module.exports);
|
|
28
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileDatePicker/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './MobileDatePicker';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -21,27 +21,20 @@ var __spreadValues = (a, b) => {
|
|
|
21
21
|
return a;
|
|
22
22
|
};
|
|
23
23
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
24
|
var __export = (target, all) => {
|
|
26
25
|
for (var name in all)
|
|
27
26
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
28
27
|
};
|
|
29
|
-
var
|
|
30
|
-
if (
|
|
31
|
-
for (let key of __getOwnPropNames(
|
|
32
|
-
if (!__hasOwnProp.call(
|
|
33
|
-
__defProp(
|
|
28
|
+
var __copyProps = (to, from, except, desc) => {
|
|
29
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
30
|
+
for (let key of __getOwnPropNames(from))
|
|
31
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
32
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
34
33
|
}
|
|
35
|
-
return
|
|
34
|
+
return to;
|
|
36
35
|
};
|
|
37
|
-
var __toESM = (
|
|
38
|
-
|
|
39
|
-
};
|
|
40
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
41
|
-
return (module2, temp) => {
|
|
42
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
43
|
-
};
|
|
44
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
36
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
37
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
45
38
|
var MobileDropdownInput_exports = {};
|
|
46
39
|
__export(MobileDropdownInput_exports, {
|
|
47
40
|
Caret: () => Caret,
|
|
@@ -49,6 +42,7 @@ __export(MobileDropdownInput_exports, {
|
|
|
49
42
|
MobileDropdownInput: () => MobileDropdownInput,
|
|
50
43
|
MobileDropdownInputWrap: () => MobileDropdownInputWrap
|
|
51
44
|
});
|
|
45
|
+
module.exports = __toCommonJS(MobileDropdownInput_exports);
|
|
52
46
|
var React = __toESM(require("react"));
|
|
53
47
|
var import_react = __toESM(require("react"));
|
|
54
48
|
var import_styled_components = __toESM(require("styled-components"));
|
|
@@ -106,5 +100,4 @@ const DSMobileDropdownTriggerInput = ({
|
|
|
106
100
|
}, /* @__PURE__ */ import_react.default.createElement(MobileDropdownInput, __spreadProps(__spreadValues({}, inputProps), {
|
|
107
101
|
readOnly: true
|
|
108
102
|
})), /* @__PURE__ */ import_react.default.createElement(Caret, __spreadValues({}, caretProps)));
|
|
109
|
-
module.exports = __toCommonJS(MobileDropdownInput_exports);
|
|
110
103
|
//# sourceMappingURL=MobileDropdownInput.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly />\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,wBAAsB;AACtB,uBAAsB;AAEtB,sBAA4B;AAErB,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,UAAU,4BAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,cACtB,mDAAC;AAAA,EAAU;AAAA,GACT,mDAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,0BAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,MAKA,mDAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,mDAAC,sDAAwB,aAAxB;AAAA,EAAoC,UAAQ;AAAA,EAAC,GAC9C,mDAAC,0BAAU,WAAY,CACzB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,32 +4,26 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var MobileDropdownMenu_exports = {};
|
|
29
22
|
__export(MobileDropdownMenu_exports, {
|
|
30
23
|
DSMobileDropdownMenu: () => DSMobileDropdownMenu,
|
|
31
24
|
DSMobileDropdownMenuWithSchema: () => DSMobileDropdownMenuWithSchema
|
|
32
25
|
});
|
|
26
|
+
module.exports = __toCommonJS(MobileDropdownMenu_exports);
|
|
33
27
|
var React = __toESM(require("react"));
|
|
34
28
|
var import_react = __toESM(require("react"));
|
|
35
29
|
var import_react_desc = require("react-desc");
|
|
@@ -100,5 +94,4 @@ const props = {
|
|
|
100
94
|
DSMobileDropdownMenu.propTypes = props;
|
|
101
95
|
const DSMobileDropdownMenuWithSchema = (0, import_react_desc.describe)(DSMobileDropdownMenu);
|
|
102
96
|
DSMobileDropdownMenuWithSchema.propTypes = props;
|
|
103
|
-
module.exports = __toCommonJS(MobileDropdownMenu_exports);
|
|
104
97
|
//# sourceMappingURL=MobileDropdownMenu.js.map
|