@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.
- package/.cli/PropLessFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +12 -5
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +2 -29
- package/assets/Appearance/light/mode/Component_LightMode.module.css +2 -29
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +2 -29
- package/es/AppContainer/AppContainer.js +10 -9
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/Avatar/Avatar.js +4 -5
- package/es/Avatar/Avatar.module.css +22 -52
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +74 -66
- package/es/Button/Button.js +5 -6
- package/es/Button/css/Button.module.css +100 -162
- package/es/Buttongroup/Buttongroup.module.css +17 -52
- package/es/CheckBox/CheckBox.js +18 -8
- package/es/CheckBox/CheckBox.module.css +60 -37
- package/es/CheckBox/props/propTypes.js +1 -0
- package/es/DateTime/DateTime.module.css +57 -86
- package/es/DateTime/DateWidget.module.css +7 -11
- package/es/DateTime/YearView.module.css +21 -34
- package/es/DropBox/DropBox.js +10 -11
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +79 -105
- package/es/DropBox/css/DropBox.module.css +6 -24
- package/es/DropDown/DropDown.js +2 -1
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.module.css +13 -19
- package/es/DropDown/DropDownItem.module.css +22 -43
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.module.css +23 -12
- package/es/Label/LabelColors.module.css +7 -1
- package/es/Layout/Layout.module.css +15 -15
- package/es/ListItem/ListContainer.js +6 -5
- package/es/ListItem/ListItem.js +4 -5
- package/es/ListItem/ListItem.module.css +87 -90
- package/es/ListItem/ListItemWithAvatar.js +4 -5
- package/es/ListItem/ListItemWithCheckBox.js +4 -5
- package/es/ListItem/ListItemWithIcon.js +4 -5
- package/es/ListItem/ListItemWithRadio.js +4 -5
- package/es/Modal/Modal.js +4 -5
- package/es/MultiSelect/AdvancedMultiSelect.js +8 -9
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +19 -16
- package/es/MultiSelect/MultiSelect.module.css +69 -55
- package/es/MultiSelect/MultiSelectWithAvatar.js +4 -5
- package/es/MultiSelect/SelectedOptions.js +6 -8
- package/es/MultiSelect/SelectedOptions.module.css +5 -11
- package/es/MultiSelect/Suggestions.js +6 -8
- package/es/PopOver/PopOver.module.css +4 -4
- package/es/Popup/Popup.js +3 -4
- package/es/Radio/Radio.js +25 -6
- package/es/Radio/Radio.module.css +40 -23
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +3 -3
- package/es/Radio/props/defaultProps.js +1 -0
- package/es/Radio/props/propTypes.js +7 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +2 -4
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/es/Ribbon/Ribbon.module.css +64 -147
- package/es/RippleEffect/RippleEffect.module.css +27 -9
- package/es/Select/Select.js +4 -5
- package/es/Select/Select.module.css +22 -33
- package/es/Stencils/Stencils.module.css +14 -32
- package/es/Switch/Switch.js +8 -8
- package/es/Switch/Switch.module.css +35 -32
- package/es/Tab/Tab.js +4 -5
- package/es/Tab/Tab.module.css +39 -28
- package/es/Tab/TabContentWrapper.js +4 -5
- package/es/Tab/TabWrapper.js +2 -4
- package/es/Tab/Tabs.js +16 -16
- package/es/Tab/Tabs.module.css +29 -51
- package/es/Tag/Tag.module.css +91 -66
- package/es/TextBox/TextBox.js +5 -5
- package/es/TextBox/TextBox.module.css +20 -36
- package/es/TextBoxIcon/TextBoxIcon.js +2 -4
- package/es/TextBoxIcon/TextBoxIcon.module.css +6 -18
- package/es/Textarea/Textarea.js +4 -6
- package/es/Textarea/Textarea.module.css +60 -36
- package/es/Tooltip/Tooltip.module.css +13 -12
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
- package/es/common/animation.module.css +29 -227
- package/es/common/avatarsizes.module.css +16 -16
- package/es/common/basicReset.module.css +15 -5
- package/es/common/common.module.css +36 -82
- package/es/common/customscroll.module.css +32 -29
- package/es/common/transition.module.css +10 -50
- package/es/deprecated/PortalLayer/PortalLayer.js +8 -6
- package/es/semantic/Button/semanticButton.module.css +3 -3
- package/es/v1/Animation/Animation.js +1 -1
- package/es/v1/AppContainer/AppContainer.js +10 -9
- package/es/v1/Avatar/Avatar.js +4 -5
- package/es/v1/AvatarTeam/AvatarTeam.js +7 -7
- package/es/v1/Button/Button.js +5 -6
- package/es/v1/Card/Card.js +1 -1
- package/es/v1/CheckBox/CheckBox.js +15 -9
- package/es/v1/CheckBox/props/propTypes.js +1 -0
- package/es/v1/DropBox/DropBox.js +10 -11
- package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
- package/es/v1/DropDown/DropDown.js +2 -1
- package/es/v1/ListItem/ListContainer.js +7 -6
- package/es/v1/ListItem/ListItem.js +4 -5
- package/es/v1/ListItem/ListItemWithAvatar.js +4 -5
- package/es/v1/ListItem/ListItemWithCheckBox.js +4 -5
- package/es/v1/ListItem/ListItemWithIcon.js +4 -5
- package/es/v1/ListItem/ListItemWithRadio.js +4 -5
- package/es/v1/Modal/Modal.js +4 -5
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +9 -10
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +5 -6
- package/es/v1/MultiSelect/SelectedOptions.js +6 -8
- package/es/v1/MultiSelect/Suggestions.js +6 -8
- package/es/v1/MultiSelect/props/defaultProps.js +1 -1
- package/es/v1/Popup/Popup.js +3 -4
- package/es/v1/Radio/Radio.js +21 -6
- package/es/v1/Radio/props/defaultProps.js +1 -0
- package/es/v1/Radio/props/propTypes.js +7 -0
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +3 -5
- package/es/v1/Select/GroupSelect.js +1 -1
- package/es/v1/Select/Select.js +5 -6
- package/es/v1/Select/SelectWithAvatar.js +5 -7
- package/es/v1/Select/SelectWithIcon.js +1 -1
- package/es/v1/Select/props/defaultProps.js +1 -1
- package/es/v1/Select/props/propTypes.js +1 -3
- package/es/v1/Switch/Switch.js +8 -8
- package/es/v1/Tab/Tab.js +4 -5
- package/es/v1/Tab/TabContentWrapper.js +4 -5
- package/es/v1/Tab/TabWrapper.js +2 -4
- package/es/v1/Tab/Tabs.js +18 -18
- package/es/v1/Tab/v1Tab.module.css +39 -28
- package/es/v1/Tab/v1Tabs.module.css +29 -51
- package/es/v1/TextBox/TextBox.js +5 -5
- package/es/v1/TextBoxIcon/TextBoxIcon.js +2 -4
- package/es/v1/Textarea/Textarea.js +4 -6
- package/es/v1/Tooltip/Tooltip.js +1 -1
- package/es/v1/Typography/css/Typography.module.css +33 -39
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/Avatar/Avatar.module.css +22 -52
- package/lib/AvatarTeam/AvatarTeam.module.css +74 -66
- package/lib/Button/css/Button.module.css +100 -162
- package/lib/Buttongroup/Buttongroup.module.css +17 -52
- package/lib/CheckBox/CheckBox.js +34 -24
- package/lib/CheckBox/CheckBox.module.css +60 -37
- package/lib/CheckBox/props/propTypes.js +1 -0
- package/lib/DateTime/DateTime.module.css +57 -86
- package/lib/DateTime/DateWidget.module.css +7 -11
- package/lib/DateTime/YearView.module.css +21 -34
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +79 -105
- package/lib/DropBox/css/DropBox.module.css +6 -24
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.module.css +13 -19
- package/lib/DropDown/DropDownItem.module.css +22 -43
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Label/Label.module.css +23 -12
- package/lib/Label/LabelColors.module.css +7 -1
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/ListItem/ListItem.module.css +87 -90
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +19 -16
- package/lib/MultiSelect/MultiSelect.module.css +69 -55
- package/lib/MultiSelect/SelectedOptions.module.css +5 -11
- package/lib/PopOver/PopOver.module.css +4 -4
- package/lib/Radio/Radio.js +45 -26
- package/lib/Radio/Radio.module.css +40 -23
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +3 -3
- package/lib/Radio/props/defaultProps.js +1 -0
- package/lib/Radio/props/propTypes.js +7 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/Ribbon/Ribbon.module.css +64 -147
- package/lib/RippleEffect/RippleEffect.module.css +27 -9
- package/lib/Select/Select.module.css +22 -33
- package/lib/Stencils/Stencils.module.css +14 -32
- package/lib/Switch/Switch.module.css +35 -32
- package/lib/Tab/Tab.module.css +39 -28
- package/lib/Tab/Tabs.module.css +29 -51
- package/lib/Tag/Tag.module.css +91 -66
- package/lib/TextBox/TextBox.module.css +20 -36
- package/lib/TextBoxIcon/TextBoxIcon.module.css +6 -18
- package/lib/Textarea/Textarea.module.css +60 -36
- package/lib/Tooltip/Tooltip.module.css +13 -12
- package/lib/common/animation.module.css +29 -227
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/common/basicReset.module.css +15 -5
- package/lib/common/common.module.css +36 -82
- package/lib/common/customscroll.module.css +32 -29
- package/lib/common/transition.module.css +10 -50
- package/lib/semantic/Button/semanticButton.module.css +3 -3
- package/lib/v1/Animation/Animation.js +1 -1
- package/lib/v1/Card/Card.js +1 -1
- package/lib/v1/CheckBox/CheckBox.js +7 -1
- package/lib/v1/CheckBox/props/propTypes.js +1 -0
- package/lib/v1/DropBox/utils/isMobilePopover.js +1 -1
- package/lib/v1/ListItem/ListContainer.js +1 -1
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +1 -1
- package/lib/v1/MultiSelect/props/defaultProps.js +1 -1
- package/lib/v1/Radio/Radio.js +22 -7
- package/lib/v1/Radio/props/defaultProps.js +1 -0
- package/lib/v1/Radio/props/propTypes.js +7 -0
- package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
- package/lib/v1/Select/GroupSelect.js +1 -1
- package/lib/v1/Select/Select.js +1 -1
- package/lib/v1/Select/SelectWithAvatar.js +4 -6
- package/lib/v1/Select/SelectWithIcon.js +1 -1
- package/lib/v1/Select/props/defaultProps.js +1 -1
- package/lib/v1/Select/props/propTypes.js +1 -3
- package/lib/v1/Tab/Tabs.js +2 -2
- package/lib/v1/Tab/v1Tab.module.css +39 -28
- package/lib/v1/Tab/v1Tabs.module.css +29 -51
- package/lib/v1/Tooltip/Tooltip.js +1 -1
- package/lib/v1/Typography/css/Typography.module.css +33 -39
- package/package.json +10 -10
- package/es/v1/Provider/AvatarSize.js +0 -13
- package/es/v1/Provider/Config.js +0 -18
- package/es/v1/Provider/CssProvider.js +0 -16
- package/es/v1/Provider/IdProvider.js +0 -66
- package/es/v1/Provider/LibraryContext.js +0 -37
- package/es/v1/Provider/LibraryContextInit.js +0 -3
- package/es/v1/Provider/NumberGenerator/NumberGenerator.js +0 -136
- package/es/v1/Provider/ZindexProvider.js +0 -57
- package/es/v1/Provider/index.js +0 -4
- package/es/v1/Responsive/CustomResponsive.js +0 -195
- package/es/v1/Responsive/RefWrapper.js +0 -39
- package/es/v1/Responsive/ResizeComponent.js +0 -197
- package/es/v1/Responsive/ResizeObserver.js +0 -140
- package/es/v1/Responsive/Responsive.js +0 -194
- package/es/v1/Responsive/index.js +0 -9
- package/es/v1/Responsive/props/defaultProps.js +0 -13
- package/es/v1/Responsive/props/propTypes.js +0 -25
- package/lib/v1/Provider/AvatarSize.js +0 -24
- package/lib/v1/Provider/Config.js +0 -27
- package/lib/v1/Provider/CssProvider.js +0 -27
- package/lib/v1/Provider/IdProvider.js +0 -79
- package/lib/v1/Provider/LibraryContext.js +0 -76
- package/lib/v1/Provider/LibraryContextInit.js +0 -15
- package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +0 -174
- package/lib/v1/Provider/ZindexProvider.js +0 -69
- package/lib/v1/Provider/index.js +0 -81
- package/lib/v1/Responsive/CustomResponsive.js +0 -242
- package/lib/v1/Responsive/RefWrapper.js +0 -57
- package/lib/v1/Responsive/ResizeComponent.js +0 -268
- package/lib/v1/Responsive/ResizeObserver.js +0 -168
- package/lib/v1/Responsive/Responsive.js +0 -274
- package/lib/v1/Responsive/index.js +0 -55
- package/lib/v1/Responsive/props/defaultProps.js +0 -23
- package/lib/v1/Responsive/props/propTypes.js +0 -39
- 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
|
-
|
|
53
|
+
.textalign_left{
|
|
54
54
|
text-align: left;
|
|
55
55
|
}
|
|
56
|
-
|
|
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:
|
|
141
|
+
font-size: 7px;
|
|
148
142
|
}
|
|
149
143
|
.size8{
|
|
150
|
-
font-size:
|
|
144
|
+
font-size: 8px;
|
|
151
145
|
}
|
|
152
146
|
.size9{
|
|
153
|
-
font-size:
|
|
147
|
+
font-size: 9px;
|
|
154
148
|
}
|
|
155
149
|
.size10{
|
|
156
|
-
font-size:
|
|
150
|
+
font-size: 10px;
|
|
157
151
|
}
|
|
158
152
|
.size11{
|
|
159
|
-
font-size:
|
|
153
|
+
font-size: 11px;
|
|
160
154
|
}
|
|
161
155
|
.size12{
|
|
162
|
-
font-size:
|
|
156
|
+
font-size: 12px;
|
|
163
157
|
}
|
|
164
158
|
.size13{
|
|
165
|
-
font-size:
|
|
159
|
+
font-size: 13px;
|
|
166
160
|
}
|
|
167
161
|
.size14{
|
|
168
|
-
font-size:
|
|
162
|
+
font-size: 14px;
|
|
169
163
|
}
|
|
170
164
|
.size15{
|
|
171
|
-
font-size:
|
|
165
|
+
font-size: 15px;
|
|
172
166
|
}
|
|
173
167
|
.size16{
|
|
174
|
-
font-size:
|
|
168
|
+
font-size: 16px;
|
|
175
169
|
}
|
|
176
170
|
.size17{
|
|
177
|
-
font-size:
|
|
171
|
+
font-size: 17px;
|
|
178
172
|
}
|
|
179
173
|
.size18{
|
|
180
|
-
font-size:
|
|
174
|
+
font-size: 18px;
|
|
181
175
|
}
|
|
182
176
|
.size19{
|
|
183
|
-
font-size:
|
|
177
|
+
font-size: 19px;
|
|
184
178
|
}
|
|
185
179
|
.size20{
|
|
186
|
-
font-size:
|
|
180
|
+
font-size: 20px;
|
|
187
181
|
}
|
|
188
182
|
.size21{
|
|
189
|
-
font-size:
|
|
183
|
+
font-size: 21px;
|
|
190
184
|
}
|
|
191
185
|
.size22{
|
|
192
|
-
font-size:
|
|
186
|
+
font-size: 22px;
|
|
193
187
|
}
|
|
194
188
|
.size24{
|
|
195
|
-
font-size:
|
|
189
|
+
font-size: 24px;
|
|
196
190
|
}
|
|
197
191
|
.size25{
|
|
198
|
-
font-size:
|
|
192
|
+
font-size: 25px;
|
|
199
193
|
}
|
|
200
194
|
.size26{
|
|
201
|
-
font-size:
|
|
195
|
+
font-size: 26px;
|
|
202
196
|
}
|
|
203
197
|
.size28{
|
|
204
|
-
font-size:
|
|
198
|
+
font-size: 28px;
|
|
205
199
|
}
|
|
206
200
|
.size29{
|
|
207
|
-
font-size:
|
|
201
|
+
font-size: 29px;
|
|
208
202
|
}
|
|
209
203
|
.size30{
|
|
210
|
-
font-size:
|
|
204
|
+
font-size: 30px;
|
|
211
205
|
}
|
|
212
206
|
.size32{
|
|
213
|
-
font-size:
|
|
207
|
+
font-size: 32px;
|
|
214
208
|
}
|
|
215
209
|
.size34{
|
|
216
|
-
font-size:
|
|
210
|
+
font-size: 34px;
|
|
217
211
|
}
|
|
218
212
|
.size35{
|
|
219
|
-
font-size:
|
|
213
|
+
font-size: 35px;
|
|
220
214
|
}
|
|
221
215
|
.size36{
|
|
222
|
-
font-size:
|
|
216
|
+
font-size: 36px;
|
|
223
217
|
}
|
|
224
218
|
.size40{
|
|
225
|
-
font-size:
|
|
219
|
+
font-size: 40px;
|
|
226
220
|
}
|
|
227
221
|
.size50{
|
|
228
|
-
font-size:
|
|
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-
|
|
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.
|
|
68
|
+
"@zohodesk-private/node-plugins": "1.1.8",
|
|
69
69
|
"@zohodesk-private/react-prop-validator": "1.2.3",
|
|
70
|
-
"@zohodesk/a11y": "2.2.
|
|
70
|
+
"@zohodesk/a11y": "2.2.1",
|
|
71
71
|
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
72
|
-
"@zohodesk/hooks": "2.0.
|
|
73
|
-
"@zohodesk/icons": "1.0.
|
|
74
|
-
"@zohodesk/svg": "1.1.
|
|
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.
|
|
88
|
+
"@zohodesk/icons": "1.0.38",
|
|
89
89
|
"@zohodesk/variables": "1.0.0",
|
|
90
|
-
"@zohodesk/svg": "1.1.
|
|
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.
|
|
94
|
+
"@zohodesk/hooks": "2.0.4",
|
|
95
95
|
"@zohodesk/utils": "1.3.13",
|
|
96
|
-
"@zohodesk/a11y": "2.2.
|
|
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
|
-
}
|
package/es/v1/Provider/Config.js
DELETED
|
@@ -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,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
|
-
}
|
package/es/v1/Provider/index.js
DELETED
|
@@ -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';
|