@zohodesk/components 1.0.0-temp-190.2 → 1.0.0-temp-191

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 (248) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +12 -5
  4. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +2 -29
  5. package/assets/Appearance/light/mode/Component_LightMode.module.css +2 -29
  6. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +2 -29
  7. package/es/AppContainer/AppContainer.js +10 -9
  8. package/es/AppContainer/AppContainer.module.css +2 -2
  9. package/es/Avatar/Avatar.js +4 -5
  10. package/es/Avatar/Avatar.module.css +22 -52
  11. package/es/AvatarTeam/AvatarTeam.js +7 -7
  12. package/es/AvatarTeam/AvatarTeam.module.css +74 -66
  13. package/es/Button/Button.js +5 -6
  14. package/es/Button/css/Button.module.css +100 -162
  15. package/es/Buttongroup/Buttongroup.module.css +17 -52
  16. package/es/CheckBox/CheckBox.js +18 -8
  17. package/es/CheckBox/CheckBox.module.css +60 -37
  18. package/es/CheckBox/props/propTypes.js +1 -0
  19. package/es/DateTime/DateTime.module.css +57 -86
  20. package/es/DateTime/DateWidget.module.css +7 -11
  21. package/es/DateTime/YearView.module.css +21 -34
  22. package/es/DropBox/DropBox.js +10 -11
  23. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +79 -105
  24. package/es/DropBox/css/DropBox.module.css +6 -24
  25. package/es/DropDown/DropDown.js +2 -1
  26. package/es/DropDown/DropDown.module.css +2 -2
  27. package/es/DropDown/DropDownHeading.module.css +13 -19
  28. package/es/DropDown/DropDownItem.module.css +22 -43
  29. package/es/DropDown/DropDownSearch.module.css +3 -3
  30. package/es/DropDown/DropDownSeparator.module.css +2 -2
  31. package/es/Heading/Heading.module.css +2 -2
  32. package/es/Label/Label.module.css +23 -12
  33. package/es/Label/LabelColors.module.css +7 -1
  34. package/es/Layout/Layout.module.css +15 -15
  35. package/es/ListItem/ListContainer.js +6 -5
  36. package/es/ListItem/ListItem.js +4 -5
  37. package/es/ListItem/ListItem.module.css +87 -90
  38. package/es/ListItem/ListItemWithAvatar.js +4 -5
  39. package/es/ListItem/ListItemWithCheckBox.js +4 -5
  40. package/es/ListItem/ListItemWithIcon.js +4 -5
  41. package/es/ListItem/ListItemWithRadio.js +4 -5
  42. package/es/Modal/Modal.js +4 -5
  43. package/es/MultiSelect/AdvancedMultiSelect.js +8 -9
  44. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +19 -16
  45. package/es/MultiSelect/MultiSelect.module.css +69 -55
  46. package/es/MultiSelect/MultiSelectWithAvatar.js +4 -5
  47. package/es/MultiSelect/SelectedOptions.js +6 -8
  48. package/es/MultiSelect/SelectedOptions.module.css +5 -11
  49. package/es/MultiSelect/Suggestions.js +6 -8
  50. package/es/PopOver/PopOver.module.css +4 -4
  51. package/es/Popup/Popup.js +3 -4
  52. package/es/Radio/Radio.js +25 -6
  53. package/es/Radio/Radio.module.css +40 -23
  54. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +3 -3
  55. package/es/Radio/props/defaultProps.js +1 -0
  56. package/es/Radio/props/propTypes.js +7 -0
  57. package/es/ResponsiveDropBox/ResponsiveDropBox.js +2 -4
  58. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  59. package/es/Ribbon/Ribbon.module.css +64 -147
  60. package/es/RippleEffect/RippleEffect.module.css +27 -9
  61. package/es/Select/Select.js +4 -5
  62. package/es/Select/Select.module.css +22 -33
  63. package/es/Stencils/Stencils.module.css +14 -32
  64. package/es/Switch/Switch.js +8 -8
  65. package/es/Switch/Switch.module.css +35 -32
  66. package/es/Tab/Tab.js +4 -5
  67. package/es/Tab/Tab.module.css +39 -28
  68. package/es/Tab/TabContentWrapper.js +4 -5
  69. package/es/Tab/TabWrapper.js +2 -4
  70. package/es/Tab/Tabs.js +16 -16
  71. package/es/Tab/Tabs.module.css +29 -51
  72. package/es/Tag/Tag.module.css +91 -66
  73. package/es/TextBox/TextBox.js +5 -5
  74. package/es/TextBox/TextBox.module.css +20 -36
  75. package/es/TextBoxIcon/TextBoxIcon.js +2 -4
  76. package/es/TextBoxIcon/TextBoxIcon.module.css +6 -18
  77. package/es/Textarea/Textarea.js +4 -6
  78. package/es/Textarea/Textarea.module.css +60 -36
  79. package/es/Tooltip/Tooltip.module.css +13 -12
  80. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
  81. package/es/common/animation.module.css +29 -227
  82. package/es/common/avatarsizes.module.css +16 -16
  83. package/es/common/basicReset.module.css +15 -5
  84. package/es/common/common.module.css +36 -82
  85. package/es/common/customscroll.module.css +32 -29
  86. package/es/common/transition.module.css +10 -50
  87. package/es/deprecated/PortalLayer/PortalLayer.js +8 -6
  88. package/es/semantic/Button/semanticButton.module.css +3 -3
  89. package/es/v1/Animation/Animation.js +1 -1
  90. package/es/v1/AppContainer/AppContainer.js +10 -9
  91. package/es/v1/Avatar/Avatar.js +4 -5
  92. package/es/v1/AvatarTeam/AvatarTeam.js +7 -7
  93. package/es/v1/Button/Button.js +5 -6
  94. package/es/v1/Card/Card.js +1 -1
  95. package/es/v1/CheckBox/CheckBox.js +15 -9
  96. package/es/v1/CheckBox/props/propTypes.js +1 -0
  97. package/es/v1/DropBox/DropBox.js +10 -11
  98. package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
  99. package/es/v1/DropDown/DropDown.js +2 -1
  100. package/es/v1/ListItem/ListContainer.js +7 -6
  101. package/es/v1/ListItem/ListItem.js +4 -5
  102. package/es/v1/ListItem/ListItemWithAvatar.js +4 -5
  103. package/es/v1/ListItem/ListItemWithCheckBox.js +4 -5
  104. package/es/v1/ListItem/ListItemWithIcon.js +4 -5
  105. package/es/v1/ListItem/ListItemWithRadio.js +4 -5
  106. package/es/v1/Modal/Modal.js +4 -5
  107. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
  108. package/es/v1/MultiSelect/AdvancedMultiSelect.js +9 -10
  109. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +5 -6
  110. package/es/v1/MultiSelect/SelectedOptions.js +6 -8
  111. package/es/v1/MultiSelect/Suggestions.js +6 -8
  112. package/es/v1/MultiSelect/props/defaultProps.js +1 -1
  113. package/es/v1/Popup/Popup.js +3 -4
  114. package/es/v1/Radio/Radio.js +21 -6
  115. package/es/v1/Radio/props/defaultProps.js +1 -0
  116. package/es/v1/Radio/props/propTypes.js +7 -0
  117. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +3 -5
  118. package/es/v1/Select/GroupSelect.js +1 -1
  119. package/es/v1/Select/Select.js +5 -6
  120. package/es/v1/Select/SelectWithAvatar.js +5 -7
  121. package/es/v1/Select/SelectWithIcon.js +1 -1
  122. package/es/v1/Select/props/defaultProps.js +1 -1
  123. package/es/v1/Select/props/propTypes.js +1 -3
  124. package/es/v1/Switch/Switch.js +8 -8
  125. package/es/v1/Tab/Tab.js +4 -5
  126. package/es/v1/Tab/TabContentWrapper.js +4 -5
  127. package/es/v1/Tab/TabWrapper.js +2 -4
  128. package/es/v1/Tab/Tabs.js +18 -18
  129. package/es/v1/Tab/v1Tab.module.css +39 -28
  130. package/es/v1/Tab/v1Tabs.module.css +29 -51
  131. package/es/v1/TextBox/TextBox.js +5 -5
  132. package/es/v1/TextBoxIcon/TextBoxIcon.js +2 -4
  133. package/es/v1/Textarea/Textarea.js +4 -6
  134. package/es/v1/Tooltip/Tooltip.js +1 -1
  135. package/es/v1/Typography/css/Typography.module.css +33 -39
  136. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
  137. package/lib/AppContainer/AppContainer.module.css +2 -2
  138. package/lib/Avatar/Avatar.module.css +22 -52
  139. package/lib/AvatarTeam/AvatarTeam.module.css +74 -66
  140. package/lib/Button/css/Button.module.css +100 -162
  141. package/lib/Buttongroup/Buttongroup.module.css +17 -52
  142. package/lib/CheckBox/CheckBox.js +34 -24
  143. package/lib/CheckBox/CheckBox.module.css +60 -37
  144. package/lib/CheckBox/props/propTypes.js +1 -0
  145. package/lib/DateTime/DateTime.module.css +57 -86
  146. package/lib/DateTime/DateWidget.module.css +7 -11
  147. package/lib/DateTime/YearView.module.css +21 -34
  148. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +79 -105
  149. package/lib/DropBox/css/DropBox.module.css +6 -24
  150. package/lib/DropDown/DropDown.module.css +2 -2
  151. package/lib/DropDown/DropDownHeading.module.css +13 -19
  152. package/lib/DropDown/DropDownItem.module.css +22 -43
  153. package/lib/DropDown/DropDownSearch.module.css +3 -3
  154. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  155. package/lib/Heading/Heading.module.css +2 -2
  156. package/lib/Label/Label.module.css +23 -12
  157. package/lib/Label/LabelColors.module.css +7 -1
  158. package/lib/Layout/Layout.module.css +15 -15
  159. package/lib/ListItem/ListItem.module.css +87 -90
  160. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +19 -16
  161. package/lib/MultiSelect/MultiSelect.module.css +69 -55
  162. package/lib/MultiSelect/SelectedOptions.module.css +5 -11
  163. package/lib/PopOver/PopOver.module.css +4 -4
  164. package/lib/Radio/Radio.js +45 -26
  165. package/lib/Radio/Radio.module.css +40 -23
  166. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +3 -3
  167. package/lib/Radio/props/defaultProps.js +1 -0
  168. package/lib/Radio/props/propTypes.js +7 -0
  169. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  170. package/lib/Ribbon/Ribbon.module.css +64 -147
  171. package/lib/RippleEffect/RippleEffect.module.css +27 -9
  172. package/lib/Select/Select.module.css +22 -33
  173. package/lib/Stencils/Stencils.module.css +14 -32
  174. package/lib/Switch/Switch.module.css +35 -32
  175. package/lib/Tab/Tab.module.css +39 -28
  176. package/lib/Tab/Tabs.module.css +29 -51
  177. package/lib/Tag/Tag.module.css +91 -66
  178. package/lib/TextBox/TextBox.module.css +20 -36
  179. package/lib/TextBoxIcon/TextBoxIcon.module.css +6 -18
  180. package/lib/Textarea/Textarea.module.css +60 -36
  181. package/lib/Tooltip/Tooltip.module.css +13 -12
  182. package/lib/common/animation.module.css +29 -227
  183. package/lib/common/avatarsizes.module.css +16 -16
  184. package/lib/common/basicReset.module.css +15 -5
  185. package/lib/common/common.module.css +36 -82
  186. package/lib/common/customscroll.module.css +32 -29
  187. package/lib/common/transition.module.css +10 -50
  188. package/lib/semantic/Button/semanticButton.module.css +3 -3
  189. package/lib/v1/Animation/Animation.js +1 -1
  190. package/lib/v1/Card/Card.js +1 -1
  191. package/lib/v1/CheckBox/CheckBox.js +7 -1
  192. package/lib/v1/CheckBox/props/propTypes.js +1 -0
  193. package/lib/v1/DropBox/utils/isMobilePopover.js +1 -1
  194. package/lib/v1/ListItem/ListContainer.js +1 -1
  195. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
  196. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +1 -1
  197. package/lib/v1/MultiSelect/props/defaultProps.js +1 -1
  198. package/lib/v1/Radio/Radio.js +22 -7
  199. package/lib/v1/Radio/props/defaultProps.js +1 -0
  200. package/lib/v1/Radio/props/propTypes.js +7 -0
  201. package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
  202. package/lib/v1/Select/GroupSelect.js +1 -1
  203. package/lib/v1/Select/Select.js +1 -1
  204. package/lib/v1/Select/SelectWithAvatar.js +4 -6
  205. package/lib/v1/Select/SelectWithIcon.js +1 -1
  206. package/lib/v1/Select/props/defaultProps.js +1 -1
  207. package/lib/v1/Select/props/propTypes.js +1 -3
  208. package/lib/v1/Tab/Tabs.js +2 -2
  209. package/lib/v1/Tab/v1Tab.module.css +39 -28
  210. package/lib/v1/Tab/v1Tabs.module.css +29 -51
  211. package/lib/v1/Tooltip/Tooltip.js +1 -1
  212. package/lib/v1/Typography/css/Typography.module.css +33 -39
  213. package/package.json +10 -10
  214. package/es/v1/Provider/AvatarSize.js +0 -13
  215. package/es/v1/Provider/Config.js +0 -18
  216. package/es/v1/Provider/CssProvider.js +0 -16
  217. package/es/v1/Provider/IdProvider.js +0 -66
  218. package/es/v1/Provider/LibraryContext.js +0 -37
  219. package/es/v1/Provider/LibraryContextInit.js +0 -3
  220. package/es/v1/Provider/NumberGenerator/NumberGenerator.js +0 -136
  221. package/es/v1/Provider/ZindexProvider.js +0 -57
  222. package/es/v1/Provider/index.js +0 -4
  223. package/es/v1/Responsive/CustomResponsive.js +0 -195
  224. package/es/v1/Responsive/RefWrapper.js +0 -39
  225. package/es/v1/Responsive/ResizeComponent.js +0 -197
  226. package/es/v1/Responsive/ResizeObserver.js +0 -140
  227. package/es/v1/Responsive/Responsive.js +0 -194
  228. package/es/v1/Responsive/index.js +0 -9
  229. package/es/v1/Responsive/props/defaultProps.js +0 -13
  230. package/es/v1/Responsive/props/propTypes.js +0 -25
  231. package/lib/v1/Provider/AvatarSize.js +0 -24
  232. package/lib/v1/Provider/Config.js +0 -27
  233. package/lib/v1/Provider/CssProvider.js +0 -27
  234. package/lib/v1/Provider/IdProvider.js +0 -79
  235. package/lib/v1/Provider/LibraryContext.js +0 -76
  236. package/lib/v1/Provider/LibraryContextInit.js +0 -15
  237. package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +0 -174
  238. package/lib/v1/Provider/ZindexProvider.js +0 -69
  239. package/lib/v1/Provider/index.js +0 -81
  240. package/lib/v1/Responsive/CustomResponsive.js +0 -242
  241. package/lib/v1/Responsive/RefWrapper.js +0 -57
  242. package/lib/v1/Responsive/ResizeComponent.js +0 -268
  243. package/lib/v1/Responsive/ResizeObserver.js +0 -168
  244. package/lib/v1/Responsive/Responsive.js +0 -274
  245. package/lib/v1/Responsive/index.js +0 -55
  246. package/lib/v1/Responsive/props/defaultProps.js +0 -23
  247. package/lib/v1/Responsive/props/propTypes.js +0 -39
  248. package/result.json +0 -1
@@ -1,7 +1,7 @@
1
1
  .reset {
2
2
  font-weight: initial;
3
- margin: initial ;
4
- padding: initial ;
3
+ margin: initial;
4
+ padding: initial;
5
5
  }
6
6
  .dotted{
7
7
  composes: dotted from '../../../common/common.module.css';
@@ -50,18 +50,12 @@
50
50
  .decoration_overline{
51
51
  text-decoration: overline;
52
52
  }
53
- [dir=ltr] .textalign_left{
53
+ .textalign_left{
54
54
  text-align: left;
55
55
  }
56
- [dir=rtl] .textalign_left{
56
+ .textalign_right{
57
57
  text-align: right;
58
58
  }
59
- [dir=ltr] .textalign_right{
60
- text-align: right;
61
- }
62
- [dir=rtl] .textalign_right{
63
- text-align: left;
64
- }
65
59
  .textalign_center{
66
60
  text-align: center;
67
61
  }
@@ -144,91 +138,91 @@
144
138
  /*...............Font Size Start.........*/
145
139
 
146
140
  .size7{
147
- font-size: var(--zd_font_size7) ;
141
+ font-size: 7px;
148
142
  }
149
143
  .size8{
150
- font-size: var(--zd_font_size8) ;
144
+ font-size: 8px;
151
145
  }
152
146
  .size9{
153
- font-size: var(--zd_font_size9) ;
147
+ font-size: 9px;
154
148
  }
155
149
  .size10{
156
- font-size: var(--zd_font_size10) ;
150
+ font-size: 10px;
157
151
  }
158
152
  .size11{
159
- font-size: var(--zd_font_size11) ;
153
+ font-size: 11px;
160
154
  }
161
155
  .size12{
162
- font-size: var(--zd_font_size12) ;
156
+ font-size: 12px;
163
157
  }
164
158
  .size13{
165
- font-size: var(--zd_font_size13) ;
159
+ font-size: 13px;
166
160
  }
167
161
  .size14{
168
- font-size: var(--zd_font_size14) ;
162
+ font-size: 14px;
169
163
  }
170
164
  .size15{
171
- font-size: var(--zd_font_size15) ;
165
+ font-size: 15px;
172
166
  }
173
167
  .size16{
174
- font-size: var(--zd_font_size16) ;
168
+ font-size: 16px;
175
169
  }
176
170
  .size17{
177
- font-size: var(--zd_font_size17) ;
171
+ font-size: 17px;
178
172
  }
179
173
  .size18{
180
- font-size: var(--zd_font_size18) ;
174
+ font-size: 18px;
181
175
  }
182
176
  .size19{
183
- font-size: var(--zd_font_size19) ;
177
+ font-size: 19px;
184
178
  }
185
179
  .size20{
186
- font-size: var(--zd_font_size20) ;
180
+ font-size: 20px;
187
181
  }
188
182
  .size21{
189
- font-size: var(--zd_font_size21) ;
183
+ font-size: 21px;
190
184
  }
191
185
  .size22{
192
- font-size: var(--zd_font_size22) ;
186
+ font-size: 22px;
193
187
  }
194
188
  .size24{
195
- font-size: var(--zd_font_size24) ;
189
+ font-size: 24px;
196
190
  }
197
191
  .size25{
198
- font-size: var(--zd_font_size25) ;
192
+ font-size: 25px;
199
193
  }
200
194
  .size26{
201
- font-size: var(--zd_font_size26) ;
195
+ font-size: 26px;
202
196
  }
203
197
  .size28{
204
- font-size: var(--zd_font_size28) ;
198
+ font-size: 28px;
205
199
  }
206
200
  .size29{
207
- font-size: var(--zd_font_size29) ;
201
+ font-size: 29px;
208
202
  }
209
203
  .size30{
210
- font-size: var(--zd_font_size30) ;
204
+ font-size: 30px;
211
205
  }
212
206
  .size32{
213
- font-size: var(--zd_font_size32) ;
207
+ font-size: 32px;
214
208
  }
215
209
  .size34{
216
- font-size: var(--zd_font_size34) ;
210
+ font-size: 34px;
217
211
  }
218
212
  .size35{
219
- font-size: var(--zd_font_size35) ;
213
+ font-size: 35px;
220
214
  }
221
215
  .size36{
222
- font-size: var(--zd_font_size36) ;
216
+ font-size: 36px;
223
217
  }
224
218
  .size40{
225
- font-size: var(--zd_font_size40) ;
219
+ font-size: 40px;
226
220
  }
227
221
  .size50{
228
- font-size: var(--zd_font_size50) ;
222
+ font-size: 50px;
229
223
  }
230
224
  .sizeinherit{
231
- font-size: inherit ;
225
+ font-size: inherit;
232
226
  }
233
227
 
234
228
  /*...............Font Size End.........*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-190.2",
3
+ "version": "1.0.0-temp-191",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -65,13 +65,13 @@
65
65
  "@testing-library/user-event": "^13.0.10",
66
66
  "@zohodesk-private/color-variable-preprocessor": "1.2.0",
67
67
  "@zohodesk-private/css-variable-migrator": "^1.0.7",
68
- "@zohodesk-private/node-plugins": "1.1.6",
68
+ "@zohodesk-private/node-plugins": "1.1.8",
69
69
  "@zohodesk-private/react-prop-validator": "1.2.3",
70
- "@zohodesk/a11y": "2.2.0",
70
+ "@zohodesk/a11y": "2.2.1",
71
71
  "@zohodesk/docstool": "1.0.0-alpha-2",
72
- "@zohodesk/hooks": "2.0.3",
73
- "@zohodesk/icons": "1.0.35",
74
- "@zohodesk/svg": "1.1.11",
72
+ "@zohodesk/hooks": "2.0.4",
73
+ "@zohodesk/icons": "1.0.38",
74
+ "@zohodesk/svg": "1.1.14",
75
75
  "@zohodesk/utils": "1.3.13",
76
76
  "@zohodesk/variables": "1.0.0",
77
77
  "@zohodesk/virtualizer": "1.0.3",
@@ -85,14 +85,14 @@
85
85
  "selectn": "1.1.2"
86
86
  },
87
87
  "peerDependencies": {
88
- "@zohodesk/icons": "1.0.35",
88
+ "@zohodesk/icons": "1.0.38",
89
89
  "@zohodesk/variables": "1.0.0",
90
- "@zohodesk/svg": "1.1.11",
90
+ "@zohodesk/svg": "1.1.14",
91
91
  "@zohodesk/virtualizer": "1.0.3",
92
92
  "velocity-react": "1.4.3",
93
93
  "react-sortable-hoc": "^0.8.3",
94
- "@zohodesk/hooks": "2.0.3",
94
+ "@zohodesk/hooks": "2.0.4",
95
95
  "@zohodesk/utils": "1.3.13",
96
- "@zohodesk/a11y": "2.2.0"
96
+ "@zohodesk/a11y": "2.2.1"
97
97
  }
98
98
  }
@@ -1,13 +0,0 @@
1
- import style from '../../common/avatarsizes.module.css';
2
- let styleList = {
3
- small: style.small,
4
- xsmall: style.xsmall,
5
- xxsmall: style.xxsmall,
6
- medium: style.medium,
7
- xmedium: style.xmedium,
8
- large: style.large,
9
- xlarge: style.xlarge
10
- };
11
- export default function CssProvider(name) {
12
- return styleList[name] || '';
13
- }
@@ -1,18 +0,0 @@
1
- let id = {
2
- mobileWidth: 640,
3
- zindexCounter: 3,
4
- idCounter: 0,
5
- idPrefix: 'ZD',
6
- scrollFetchLimit: 80,
7
- isReducedMotion: false,
8
- direction: 'ltr',
9
- tooltipDebounce: 175,
10
- getTooltipContainer: () => {},
11
- autoComplete: false
12
- };
13
- export function getLibraryConfig(key) {
14
- return id[key];
15
- }
16
- export function setLibraryConfig(configObj) {
17
- id = Object.assign({}, id, configObj);
18
- }
@@ -1,16 +0,0 @@
1
- import style from '../../common/common.module.css';
2
- let styleList = {
3
- hide: style.hide,
4
- isDisabled: style.disabled,
5
- isDisable: style.disable,
6
- isBlock: style.blockEvent,
7
- isFlexible: style.flexgrow,
8
- dotted: style.dotted,
9
- vMiddle: style.yMiddle,
10
- hMiddle: style.xMiddle,
11
- smooth: style.ftsmooth,
12
- clamp: style.clamp
13
- };
14
- export default function CssProvider(name) {
15
- return styleList[name] || '';
16
- }
@@ -1,66 +0,0 @@
1
- import { useNumberGenerator, getNumberGenerators } from './NumberGenerator/NumberGenerator';
2
- import { getLibraryConfig } from './Config';
3
- let globalId = getLibraryConfig('idCounter'),
4
- deletedIndexes = [],
5
- globalPrefix;
6
- export function setGlobalIdPrefix(value) {
7
- globalPrefix = value;
8
- }
9
- export function removeGlobalIdPrefix() {
10
- globalPrefix = undefined;
11
- }
12
-
13
- function getGlobalIdPrefix() {
14
- return globalPrefix;
15
- }
16
-
17
- function setGlobalId(id) {
18
- globalId = id;
19
- }
20
-
21
- function getGlobalId() {
22
- return globalId;
23
- }
24
-
25
- function setDeletedIndexes(array) {
26
- deletedIndexes = array;
27
- }
28
-
29
- function getDeletedIndexes() {
30
- return deletedIndexes;
31
- }
32
-
33
- function callback(_ref) {
34
- let {
35
- globalId,
36
- deletedIndexes
37
- } = _ref;
38
- setGlobalId(globalId);
39
- setDeletedIndexes(deletedIndexes);
40
- }
41
-
42
- export function useUniqueId(prefix) {
43
- return useNumberGenerator({
44
- getGlobalId,
45
- prefix,
46
- getGlobalPrefix: getGlobalIdPrefix,
47
- getDeletedIndexes,
48
- callback
49
- });
50
- }
51
- export function getUniqueId(Component, prefix) {
52
- return getNumberGenerators({
53
- Component,
54
- prefix,
55
- getGlobalPrefix: getGlobalIdPrefix,
56
- getGlobalId,
57
- getDeletedIndexes,
58
- callback
59
- });
60
- } // let Provider = {
61
- // docs: {
62
- // componentGroup: 'Provider',
63
- // folderName: 'Functions'
64
- // }
65
- // };
66
- // export { Provider };
@@ -1,37 +0,0 @@
1
- import React, { useState, useEffect } from 'react';
2
- import PropTypes from 'prop-types';
3
- import LibraryContextInit from './LibraryContextInit';
4
- import { getLibraryConfig } from './Config';
5
-
6
- const LibraryContextProvider = _ref => {
7
- let {
8
- isReducedMotion = getLibraryConfig('isReducedMotion'),
9
- direction = getLibraryConfig('direction'),
10
- children
11
- } = _ref;
12
- const [value, setValue] = useState({
13
- isReducedMotion,
14
- direction
15
- });
16
-
17
- function setGlobalContext(key, data) {
18
- if (value[key] != data) {
19
- setValue({ ...value,
20
- [key]: data
21
- });
22
- }
23
- }
24
-
25
- return /*#__PURE__*/React.createElement(LibraryContextInit.Provider, {
26
- value: { ...value,
27
- setGlobalContext
28
- }
29
- }, children);
30
- };
31
-
32
- LibraryContextProvider.propTypes = {
33
- children: PropTypes.node.isRequired,
34
- isReducedMotion: PropTypes.bool,
35
- direction: PropTypes.string
36
- };
37
- export default LibraryContextProvider;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- const LibraryContext = /*#__PURE__*/React.createContext();
3
- export default LibraryContext;
@@ -1,136 +0,0 @@
1
- import React, { useRef, useEffect } from 'react';
2
- export function addGlobalId(globalId) {
3
- if (Number.isSafeInteger(Number(globalId)) && Number.isSafeInteger(Number(globalId) + 1)) {
4
- globalId = Number(globalId) + 1;
5
- } else {
6
- globalId = `${globalId}1`;
7
- }
8
-
9
- return globalId;
10
- }
11
-
12
- function decreaseGlobalId(number, globalId) {
13
- if (`${number}` == `${globalId}`) {
14
- if (Number.isSafeInteger(Number(globalId)) && Number.isSafeInteger(Number(globalId) - 1)) {
15
- globalId = Number(globalId) - 1;
16
- } else {
17
- globalId = `${globalId}`;
18
- globalId = globalId.substring(0, globalId.length - 1);
19
- }
20
-
21
- return {
22
- isDeleted: true,
23
- globalId
24
- };
25
- }
26
-
27
- return {
28
- isDeleted: false,
29
- globalId
30
- };
31
- }
32
-
33
- export function decreaseGlobalIds(numbers, deletedIndexes, globalId) {
34
- deletedIndexes = [...deletedIndexes];
35
- [...numbers].reverse().map(number => {
36
- let result = decreaseGlobalId(number, globalId);
37
- globalId = result.globalId;
38
- !result.isDeleted && deletedIndexes.push(number);
39
- });
40
-
41
- for (; deletedIndexes.indexOf(globalId) != -1;) {
42
- let presentHighValue = globalId;
43
- let result = decreaseGlobalId(globalId, globalId);
44
- globalId = result.globalId;
45
- deletedIndexes = deletedIndexes.filter(ele => `${ele}` != `${presentHighValue}`);
46
- }
47
-
48
- return {
49
- globalId,
50
- deletedIndexes
51
- };
52
- }
53
- export function useNumberGenerator(_ref) {
54
- let {
55
- getGlobalId,
56
- prefix,
57
- getGlobalPrefix,
58
- getDeletedIndexes,
59
- callback
60
- } = _ref;
61
- let presentValues = useRef([]),
62
- presentIndex = useRef(0);
63
- prefix = typeof prefix === 'undefined' ? '' : `${prefix}_`;
64
- let globalPrefix = typeof getGlobalPrefix() === 'undefined' ? '' : `${getGlobalPrefix()}_`;
65
-
66
- function getNextId() {
67
- presentIndex.current = presentIndex.current + 1;
68
- let currentIndex = presentIndex.current;
69
- let isValuePresent = typeof presentValues.current[currentIndex] !== 'undefined';
70
- let result = isValuePresent ? presentValues.current[currentIndex] : presentValues.current[currentIndex] = addGlobalId(getGlobalId());
71
- !isValuePresent && callback({
72
- globalId: result,
73
- deletedIndexes: getDeletedIndexes()
74
- });
75
- return `${globalPrefix}${prefix}${presentValues.current[currentIndex]}`;
76
- }
77
-
78
- useEffect(() => {
79
- presentValues.current = presentValues.current.filter((value, index) => index <= presentIndex.current);
80
- });
81
- useEffect(() => () => {
82
- callback(decreaseGlobalIds(presentValues.current, getDeletedIndexes(), getGlobalId()));
83
- }, []);
84
- presentIndex.current = -1;
85
- return getNextId;
86
- }
87
- export function getNumberGenerators(_ref2) {
88
- let {
89
- Component,
90
- prefix,
91
- getGlobalPrefix,
92
- getGlobalId,
93
- getDeletedIndexes,
94
- callback
95
- } = _ref2;
96
- let presentIndex = 0,
97
- presentValues = [],
98
- {
99
- name
100
- } = Component.props;
101
- let didUpdateRef = Component.componentDidUpdate ? Component.componentDidUpdate.bind(Component) : undefined,
102
- renderRef = Component.render.bind(Component),
103
- willUnMountRef = Component.componentWillUnmount ? Component.componentWillUnmount.bind(Component) : undefined;
104
- prefix = typeof prefix !== 'undefined' ? `${prefix}_` : '';
105
-
106
- Component.componentDidUpdate = function () {
107
- didUpdateRef && didUpdateRef(...arguments);
108
- presentValues = presentValues.filter((value, index) => index <= presentIndex);
109
- };
110
-
111
- Component.componentWillUnmount = function () {
112
- callback(decreaseGlobalIds(presentValues, getDeletedIndexes(), getGlobalId()));
113
- willUnMountRef && willUnMountRef();
114
- didUpdateRef = null, renderRef = null, willUnMountRef = null;
115
- };
116
-
117
- Component.render = function () {
118
- presentIndex = -1;
119
- return renderRef();
120
- };
121
-
122
- function getNextId() {
123
- presentIndex += 1;
124
- let isValuePresent = typeof presentValues[presentIndex] !== 'undefined';
125
- let result = isValuePresent ? presentValues[presentIndex] : presentValues[presentIndex] = addGlobalId(getGlobalId(getGlobalId()));
126
- let globalPrefix = getGlobalPrefix();
127
- globalPrefix = typeof globalPrefix === 'undefined' ? '' : `${globalPrefix}_`;
128
- !isValuePresent && callback({
129
- globalId: result,
130
- deletedIndexes: getDeletedIndexes()
131
- });
132
- return `${globalPrefix}${prefix}${result}`;
133
- }
134
-
135
- return getNextId;
136
- }
@@ -1,57 +0,0 @@
1
- import { useNumberGenerator, getNumberGenerators } from './NumberGenerator/NumberGenerator';
2
- import { getLibraryConfig } from './Config';
3
- let globalId = getLibraryConfig('zindexCounter'),
4
- deletedIndexes = [],
5
- globalPrefix;
6
- export function removeGlobalZIndexPrefix() {
7
- globalPrefix = undefined;
8
- }
9
-
10
- function getGlobalZIndexPrefix() {
11
- return globalPrefix;
12
- }
13
-
14
- export function setInitialZIndex(id) {
15
- globalId = id;
16
- }
17
-
18
- function getGlobalId() {
19
- return globalId;
20
- }
21
-
22
- function setDeletedIndexes(array) {
23
- deletedIndexes = array;
24
- }
25
-
26
- function getDeletedIndexes() {
27
- return deletedIndexes;
28
- }
29
-
30
- function callback(_ref) {
31
- let {
32
- globalId,
33
- deletedIndexes
34
- } = _ref;
35
- setInitialZIndex(globalId);
36
- setDeletedIndexes(deletedIndexes);
37
- }
38
-
39
- export function useZIndex(prefix) {
40
- return useNumberGenerator({
41
- getGlobalId,
42
- prefix,
43
- getGlobalPrefix: getGlobalZIndexPrefix,
44
- getDeletedIndexes,
45
- callback
46
- });
47
- }
48
- export function getZIndex(Component, prefix) {
49
- return getNumberGenerators({
50
- Component,
51
- prefix,
52
- getGlobalPrefix: getGlobalZIndexPrefix,
53
- getGlobalId,
54
- getDeletedIndexes,
55
- callback
56
- });
57
- }
@@ -1,4 +0,0 @@
1
- export { getLibraryConfig, setLibraryConfig } from './Config';
2
- export { default as LibraryContextProvider } from './LibraryContext';
3
- export { removeGlobalZIndexPrefix, setInitialZIndex, useZIndex, getZIndex } from './ZindexProvider';
4
- export { setGlobalIdPrefix, removeGlobalIdPrefix, useUniqueId, getUniqueId } from './IdProvider';