@elliemae/ds-mobile 2.0.0-next.1 → 2.0.0-next.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/cjs/Accordion/Accordion.js +5 -5
  2. package/cjs/Accordion/index.js +5 -5
  3. package/cjs/CategoryBox/CategoryBox.js +14 -13
  4. package/cjs/CollectionBox/CollectionBox.js +15 -14
  5. package/cjs/FullPageContainer/FullPageContainer.js +7 -2
  6. package/cjs/FullPageContainer/FullPageContainerScroll.js +7 -2
  7. package/cjs/FullPageContainer/useMobileHeight.js +1 -0
  8. package/cjs/GlobalHeader/MobileGlobalHeader.js +29 -24
  9. package/cjs/GlobalHeader/styles.js +5 -11
  10. package/cjs/GroupBox/GroupBox.js +15 -14
  11. package/cjs/InfiniteLoader/Infiniteloader.js +11 -9
  12. package/cjs/InfiniteLoader/Loader.js +12 -9
  13. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +50 -22
  14. package/cjs/LoadingPage/Page.js +25 -12
  15. package/cjs/MobileActionToolbar/MobileActionToolbar.js +8 -7
  16. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +6 -1
  17. package/cjs/MobileBanner/MobileBanner.js +22 -16
  18. package/cjs/MobileBanner/styles.js +128 -59
  19. package/cjs/MobileBanner/utils/icons.js +5 -12
  20. package/cjs/MobileBanner/utils/styleHelpers.js +20 -47
  21. package/cjs/MobileCard/ActionAddon.js +16 -14
  22. package/cjs/MobileCard/Card.js +26 -22
  23. package/cjs/MobileCard/CardIcons.js +21 -16
  24. package/cjs/MobileCard/ExpandChevron.js +8 -10
  25. package/cjs/MobileCard/ExpandableRegion.js +7 -7
  26. package/cjs/MobileCard/Group.js +23 -17
  27. package/cjs/MobileCard/useHeight.js +1 -0
  28. package/cjs/MobileContextMenu/MobileContextMenu.js +37 -28
  29. package/cjs/MobileContextMenu/MobileContextMenuGroup.js +35 -25
  30. package/cjs/MobileContextMenu/MobileContextMenuItem.js +30 -36
  31. package/cjs/MobileDatePicker/Input.js +5 -0
  32. package/cjs/MobileDatePicker/MobileDatePicker.js +16 -17
  33. package/cjs/MobileDropdownMenu/MobileDropdownInput.js +27 -17
  34. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +21 -17
  35. package/cjs/MobileEmtpyState/MobileEmptyState.js +10 -8
  36. package/cjs/MobileFilterbar/Filterbar.js +13 -10
  37. package/cjs/MobileFilterbar/FilterbarItem.js +15 -12
  38. package/cjs/MobileFilterbar/FilterbarSort.js +17 -14
  39. package/cjs/MobileFooter/Action.js +27 -24
  40. package/cjs/MobileFooter/Footer.js +17 -10
  41. package/cjs/MobileFooter/Text.js +6 -3
  42. package/cjs/MobileListItem/MobileListItem.js +15 -14
  43. package/cjs/MobilePageHeader/MobilePageHeader.js +37 -36
  44. package/cjs/MobileSelectList/MobileSelectList.js +32 -24
  45. package/cjs/MobileSelectList/styled.js +9 -11
  46. package/cjs/MobileSeparator/Separator.js +30 -18
  47. package/cjs/MobileTimePicker/Input.js +5 -0
  48. package/cjs/MobileTimePicker/MobileTimePicker.js +16 -17
  49. package/cjs/MobileTimePicker/MobileTimePicker.stories.js +2 -2
  50. package/cjs/MobileTouchable/MobileTouchable.js +8 -2
  51. package/cjs/Modal/Modal.js +32 -27
  52. package/cjs/Modal/styled.js +11 -12
  53. package/cjs/PageFilter/PageFilter.js +20 -15
  54. package/cjs/PageForm/PageForm.js +22 -15
  55. package/cjs/PageList/PageList.js +12 -11
  56. package/cjs/PageSearch/PageSearch.js +14 -13
  57. package/cjs/PageSummary/PageSummary.js +34 -21
  58. package/cjs/PageSummary/Tags.js +12 -6
  59. package/cjs/SideNav/SideNav.js +43 -34
  60. package/cjs/SwipeToRefresh/ProgressIndicator.js +10 -9
  61. package/cjs/SwipeToRefresh/SwipeToRefresh.js +10 -9
  62. package/cjs/SwipeToRefresh/styled.js +4 -4
  63. package/cjs/SwipeToRefresh/useSwipe.js +6 -4
  64. package/cjs/Tabs/index.js +8 -3
  65. package/cjs/index.js +9 -5
  66. package/esm/Accordion/Accordion.js +1 -1
  67. package/esm/Accordion/index.js +1 -1
  68. package/esm/CategoryBox/CategoryBox.js +11 -10
  69. package/esm/CollectionBox/CollectionBox.js +10 -9
  70. package/esm/FullPageContainer/FullPageContainer.js +6 -1
  71. package/esm/FullPageContainer/FullPageContainerScroll.js +6 -1
  72. package/esm/FullPageContainer/useMobileHeight.js +1 -0
  73. package/esm/GlobalHeader/MobileGlobalHeader.js +21 -14
  74. package/esm/GlobalHeader/styles.js +4 -11
  75. package/esm/GroupBox/GroupBox.js +12 -11
  76. package/esm/InfiniteLoader/Infiniteloader.js +9 -7
  77. package/esm/InfiniteLoader/Loader.js +12 -9
  78. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +51 -23
  79. package/esm/LoadingPage/Page.js +25 -12
  80. package/esm/MobileActionToolbar/MobileActionToolbar.js +7 -6
  81. package/esm/MobileActionToolbar/MobileActionToolbarItem.js +6 -1
  82. package/esm/MobileBanner/MobileBanner.js +21 -14
  83. package/esm/MobileBanner/styles.js +128 -59
  84. package/esm/MobileBanner/utils/icons.js +1 -4
  85. package/esm/MobileBanner/utils/styleHelpers.js +16 -47
  86. package/esm/MobileCard/ActionAddon.js +16 -13
  87. package/esm/MobileCard/Card.js +20 -16
  88. package/esm/MobileCard/CardIcons.js +20 -15
  89. package/esm/MobileCard/ExpandChevron.js +8 -8
  90. package/esm/MobileCard/ExpandableRegion.js +7 -7
  91. package/esm/MobileCard/Group.js +21 -15
  92. package/esm/MobileCard/useHeight.js +1 -0
  93. package/esm/MobileContextMenu/MobileContextMenu.js +30 -21
  94. package/esm/MobileContextMenu/MobileContextMenuGroup.js +35 -25
  95. package/esm/MobileContextMenu/MobileContextMenuItem.js +26 -30
  96. package/esm/MobileDatePicker/Input.js +5 -0
  97. package/esm/MobileDatePicker/MobileDatePicker.js +13 -12
  98. package/esm/MobileDropdownMenu/MobileDropdownInput.js +27 -16
  99. package/esm/MobileDropdownMenu/MobileDropdownMenu.js +21 -17
  100. package/esm/MobileEmtpyState/MobileEmptyState.js +10 -7
  101. package/esm/MobileFilterbar/Filterbar.js +13 -10
  102. package/esm/MobileFilterbar/FilterbarItem.js +15 -12
  103. package/esm/MobileFilterbar/FilterbarSort.js +17 -14
  104. package/esm/MobileFooter/Action.js +26 -23
  105. package/esm/MobileFooter/Footer.js +14 -7
  106. package/esm/MobileFooter/Text.js +6 -3
  107. package/esm/MobileListItem/MobileListItem.js +11 -10
  108. package/esm/MobilePageHeader/MobilePageHeader.js +19 -17
  109. package/esm/MobileSelectList/MobileSelectList.js +28 -19
  110. package/esm/MobileSelectList/styled.js +4 -4
  111. package/esm/MobileSeparator/Separator.js +28 -16
  112. package/esm/MobileTimePicker/Input.js +5 -0
  113. package/esm/MobileTimePicker/MobileTimePicker.js +13 -12
  114. package/esm/MobileTimePicker/MobileTimePicker.stories.js +1 -1
  115. package/esm/MobileTouchable/MobileTouchable.js +7 -1
  116. package/esm/Modal/Modal.js +27 -21
  117. package/esm/Modal/styled.js +4 -6
  118. package/esm/PageFilter/PageFilter.js +15 -10
  119. package/esm/PageForm/PageForm.js +18 -11
  120. package/esm/PageList/PageList.js +10 -9
  121. package/esm/PageSearch/PageSearch.js +10 -9
  122. package/esm/PageSummary/PageSummary.js +32 -19
  123. package/esm/PageSummary/Tags.js +12 -6
  124. package/esm/SideNav/SideNav.js +39 -29
  125. package/esm/SwipeToRefresh/ProgressIndicator.js +9 -8
  126. package/esm/SwipeToRefresh/SwipeToRefresh.js +9 -8
  127. package/esm/SwipeToRefresh/styled.js +1 -1
  128. package/esm/SwipeToRefresh/useSwipe.js +6 -4
  129. package/esm/Tabs/index.js +6 -1
  130. package/esm/index.js +4 -3
  131. package/package.json +15 -7
  132. package/types/Accordion/Accordion.d.ts +1 -1
  133. package/types/CategoryBox/CategoryBox.d.ts +1 -1
  134. package/types/CollectionBox/CollectionBox.d.ts +1 -1
  135. package/types/GroupBox/GroupBox.d.ts +1 -1
  136. package/types/InfiniteLoader/Infiniteloader.d.ts +1 -1
  137. package/types/MobileBanner/styles.d.ts +60 -1
  138. package/types/MobileDatePicker/MobileDatePicker.d.ts +1 -1
  139. package/types/MobileSelectList/styled.d.ts +4 -4
  140. package/types/MobileTimePicker/MobileTimePicker.d.ts +1 -1
  141. package/types/Modal/styled.d.ts +7 -6
  142. package/types/SideNav/SideNav.d.ts +1 -1
  143. package/types/SwipeToRefresh/styled.d.ts +4 -3
  144. package/types/index.d.ts +5 -1
  145. package/cjs/package.json +0 -7
  146. package/esm/package.json +0 -7
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  declare const DSMobileDatePicker: {
3
- ({ disabled, value, tabIndex, placeholder, onChange, }: {
3
+ ({ disabled, value, tabIndex, placeholder, onChange }: {
4
4
  disabled: any;
5
5
  value: any;
6
6
  tabIndex: any;
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
3
- export declare const HeaderContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
4
- export declare const Footer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
1
+ import React from 'react';
2
+ export declare const StyledContainer: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
3
+ export declare const HeaderContainer: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
4
+ export declare const Footer: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
5
5
  export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const checkbox: JSX.Element;
7
7
  export declare const checked: JSX.Element;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  declare const DSMobileTimePicker: {
3
- ({ disabled, value, tabIndex, placeholder, onChange, }: {
3
+ ({ disabled, value, tabIndex, placeholder, onChange }: {
4
4
  disabled: any;
5
5
  value: any;
6
6
  tabIndex: any;
@@ -1,7 +1,8 @@
1
+ /// <reference types="react" />
1
2
  export declare const BodyFix: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
2
- export declare const ModalBox: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
3
- export declare const ModalPosition: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
4
- export declare const BackShadow: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
5
- export declare const ModalIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
6
- export declare const ModalTitle: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
7
- export declare const ModalDescription: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
3
+ export declare const ModalBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
4
+ export declare const ModalPosition: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
5
+ export declare const BackShadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
6
+ export declare const ModalIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
7
+ export declare const ModalTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
8
+ export declare const ModalDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  declare const DSSideNav: {
3
- ({ containerProps, title, onClose, menuItems, bottomMenuItems, }: {
3
+ ({ containerProps, title, onClose, menuItems, bottomMenuItems }: {
4
4
  containerProps?: {} | undefined;
5
5
  title: any;
6
6
  onClose?: ((...args: any[]) => void) | undefined;
@@ -1,4 +1,5 @@
1
- export declare const SwipeContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
1
+ /// <reference types="react" />
2
+ export declare const SwipeContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
2
3
  export declare const SwipeDrag: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const LoaderBox: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
4
- export declare const PositionLoader: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
4
+ export declare const LoaderBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
5
+ export declare const PositionLoader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
package/types/index.d.ts CHANGED
@@ -19,7 +19,7 @@ export * from './MobileTimePicker';
19
19
  export * from './MobileEmtpyState';
20
20
  export * from './MobileDropdownMenu';
21
21
  export * from './Tabs';
22
- export { DSMobileCard, DSMobileCardWithSchema, DSMobileCardGroupWithSchema } from './MobileCard';
22
+ export { DSMobileCard, DSMobileCardWithSchema, DSMobileCardGroupWithSchema, SubIcons } from './MobileCard';
23
23
  export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';
24
24
  export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox';
25
25
  export { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox';
@@ -29,3 +29,7 @@ export * from './Modal';
29
29
  export { DSSideNav, DSSideNavWithSchema } from './SideNav';
30
30
  export { InfiniteLoader, VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema, InfiniteLoaderWithSchema, } from './InfiniteLoader';
31
31
  export * from './MobileBanner';
32
+ export * from './MobileActionToolbar';
33
+ export { default as DSMobileActionToolbar } from './MobileActionToolbar';
34
+ export * from './MobileSeparator';
35
+ export { default as DSMobileSeparator } from './MobileSeparator';
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }