@pingux/astro 2.177.8-alpha.0 → 2.178.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/DataTable/DataTable.stories.js +4 -3
- package/lib/cjs/components/Stepper/Stepper.styles.js +14 -1
- package/lib/cjs/hooks/useSelectField/useSelectField.js +3 -1
- package/lib/cjs/libs/astro/src/recipes/VerticalStepper.stories.d.ts +5 -0
- package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/variants/stepper.d.ts +3 -0
- package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +3 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/convertedComponentList.d.ts +1 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/next-gen.d.ts +23 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/stepper.d.ts +23 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/variants.d.ts +23 -0
- package/lib/cjs/libs/astro/tsconfig.lib.tsbuildinfo +1 -1
- package/lib/cjs/recipes/VerticalStepper.stories.js +76 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/stepper.js +3 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +2 -1
- package/lib/cjs/styles/themes/next-gen/variants/stepper.js +16 -1
- package/lib/cjs/utils/devUtils/shouldReturnComingSoon.js +10 -0
- package/lib/components/DataTable/DataTable.stories.js +4 -3
- package/lib/components/Stepper/Stepper.styles.js +14 -1
- package/lib/hooks/useSelectField/useSelectField.js +3 -1
- package/lib/recipes/VerticalStepper.stories.js +68 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/stepper.js +3 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +1 -0
- package/lib/styles/themes/next-gen/variants/stepper.js +16 -1
- package/lib/utils/devUtils/shouldReturnComingSoon.js +11 -1
- package/package.json +1 -1
|
@@ -885,13 +885,13 @@ var AsyncLoading = exports.AsyncLoading = function AsyncLoading(args) {
|
|
|
885
885
|
return _ref2.apply(this, arguments);
|
|
886
886
|
};
|
|
887
887
|
}(), []);
|
|
888
|
-
var handleLoadMore = function
|
|
889
|
-
if (limit >= dataSize) return;
|
|
888
|
+
var handleLoadMore = (0, _react.useCallback)(function () {
|
|
889
|
+
if (loading !== _loadingStates["default"].IDLE || limit >= dataSize) return;
|
|
890
890
|
setLoading(_loadingStates["default"].LOADING_MORE);
|
|
891
891
|
setLimit(function (prev) {
|
|
892
892
|
return prev + _constants.LIMIT;
|
|
893
893
|
});
|
|
894
|
-
};
|
|
894
|
+
}, [loading, limit, dataSize]);
|
|
895
895
|
(0, _react.useEffect)(function () {
|
|
896
896
|
fetchData(limit);
|
|
897
897
|
}, [fetchData, limit]);
|
|
@@ -916,6 +916,7 @@ var AsyncLoading = exports.AsyncLoading = function AsyncLoading(args) {
|
|
|
916
916
|
onAction: (0, _addonActions.action)('onAction'),
|
|
917
917
|
density: "compact",
|
|
918
918
|
scale: "medium",
|
|
919
|
+
height: 300,
|
|
919
920
|
sortDescriptor: sortDescriptor,
|
|
920
921
|
onSortChange: handleSortChange
|
|
921
922
|
}), (0, _react2.jsx)(_index.DataTableHeader, {
|
|
@@ -137,7 +137,12 @@ var step = {
|
|
|
137
137
|
backgroundColor: '#caced3',
|
|
138
138
|
border: '4px solid #fff'
|
|
139
139
|
})
|
|
140
|
-
}
|
|
140
|
+
},
|
|
141
|
+
"default": _objectSpread({
|
|
142
|
+
backgroundColor: 'accent.99',
|
|
143
|
+
borderColor: 'active',
|
|
144
|
+
color: 'active'
|
|
145
|
+
}, stepBase)
|
|
141
146
|
};
|
|
142
147
|
|
|
143
148
|
/** Line styles */
|
|
@@ -151,6 +156,14 @@ var line = {
|
|
|
151
156
|
'&.is-inactive': {
|
|
152
157
|
borderBottomStyle: 'dashed',
|
|
153
158
|
borderBottomColor: 'neutral.80'
|
|
159
|
+
},
|
|
160
|
+
'&.is-default': {
|
|
161
|
+
width: 1,
|
|
162
|
+
height: '90px',
|
|
163
|
+
maxHeight: '90px',
|
|
164
|
+
borderRightWidth: 1,
|
|
165
|
+
borderRightStyle: 'solid',
|
|
166
|
+
borderRightColor: 'active'
|
|
154
167
|
}
|
|
155
168
|
};
|
|
156
169
|
var _default = exports["default"] = {
|
|
@@ -137,7 +137,8 @@ var useSelectField = function useSelectField(props, ref) {
|
|
|
137
137
|
placement: (0, _concat["default"])(_context = "".concat(direction, " ")).call(_context, align),
|
|
138
138
|
shouldFlip: !isNotFlippable,
|
|
139
139
|
isOpen: state.isOpen,
|
|
140
|
-
onClose: state.close
|
|
140
|
+
onClose: state.close,
|
|
141
|
+
offset: 5
|
|
141
142
|
}),
|
|
142
143
|
overlayProps = _useOverlayPosition.overlayProps,
|
|
143
144
|
placement = _useOverlayPosition.placement,
|
|
@@ -212,6 +213,7 @@ var useSelectField = function useSelectField(props, ref) {
|
|
|
212
213
|
*/
|
|
213
214
|
|
|
214
215
|
var overlay = (0, _react2.jsx)(_Popover["default"], {
|
|
216
|
+
popoverRef: popoverRef,
|
|
215
217
|
triggerRef: triggerRef,
|
|
216
218
|
style: style,
|
|
217
219
|
state: state
|
|
@@ -6388,6 +6388,16 @@ declare const _default: {
|
|
|
6388
6388
|
borderBottomStyle: string;
|
|
6389
6389
|
borderBottomColor: string;
|
|
6390
6390
|
};
|
|
6391
|
+
'&.is-default': {
|
|
6392
|
+
width: string;
|
|
6393
|
+
height: string;
|
|
6394
|
+
maxHeight: string;
|
|
6395
|
+
borderBottomWidth: number;
|
|
6396
|
+
borderRightWidth: string;
|
|
6397
|
+
borderRightStyle: string;
|
|
6398
|
+
borderRightColor: string;
|
|
6399
|
+
my: string;
|
|
6400
|
+
};
|
|
6391
6401
|
};
|
|
6392
6402
|
step: {
|
|
6393
6403
|
active: {
|
|
@@ -6444,6 +6454,19 @@ declare const _default: {
|
|
|
6444
6454
|
color: string;
|
|
6445
6455
|
};
|
|
6446
6456
|
};
|
|
6457
|
+
default: {
|
|
6458
|
+
borderWidth: string;
|
|
6459
|
+
width: number;
|
|
6460
|
+
height: number;
|
|
6461
|
+
minWidth: number;
|
|
6462
|
+
minHeight: number;
|
|
6463
|
+
position: string;
|
|
6464
|
+
fontWeight: number;
|
|
6465
|
+
fontSize: string;
|
|
6466
|
+
backgroundColor: string;
|
|
6467
|
+
borderColor: string;
|
|
6468
|
+
color: string;
|
|
6469
|
+
};
|
|
6447
6470
|
};
|
|
6448
6471
|
};
|
|
6449
6472
|
suggestion: {
|
|
@@ -11,6 +11,16 @@ declare const _default: {
|
|
|
11
11
|
borderBottomStyle: string;
|
|
12
12
|
borderBottomColor: string;
|
|
13
13
|
};
|
|
14
|
+
'&.is-default': {
|
|
15
|
+
width: string;
|
|
16
|
+
height: string;
|
|
17
|
+
maxHeight: string;
|
|
18
|
+
borderBottomWidth: number;
|
|
19
|
+
borderRightWidth: string;
|
|
20
|
+
borderRightStyle: string;
|
|
21
|
+
borderRightColor: string;
|
|
22
|
+
my: string;
|
|
23
|
+
};
|
|
14
24
|
};
|
|
15
25
|
step: {
|
|
16
26
|
active: {
|
|
@@ -67,6 +77,19 @@ declare const _default: {
|
|
|
67
77
|
color: string;
|
|
68
78
|
};
|
|
69
79
|
};
|
|
80
|
+
default: {
|
|
81
|
+
borderWidth: string;
|
|
82
|
+
width: number;
|
|
83
|
+
height: number;
|
|
84
|
+
minWidth: number;
|
|
85
|
+
minHeight: number;
|
|
86
|
+
position: string;
|
|
87
|
+
fontWeight: number;
|
|
88
|
+
fontSize: string;
|
|
89
|
+
backgroundColor: string;
|
|
90
|
+
borderColor: string;
|
|
91
|
+
color: string;
|
|
92
|
+
};
|
|
70
93
|
};
|
|
71
94
|
};
|
|
72
95
|
export default _default;
|
|
@@ -1804,6 +1804,16 @@ declare const _default: {
|
|
|
1804
1804
|
borderBottomStyle: string;
|
|
1805
1805
|
borderBottomColor: string;
|
|
1806
1806
|
};
|
|
1807
|
+
'&.is-default': {
|
|
1808
|
+
width: string;
|
|
1809
|
+
height: string;
|
|
1810
|
+
maxHeight: string;
|
|
1811
|
+
borderBottomWidth: number;
|
|
1812
|
+
borderRightWidth: string;
|
|
1813
|
+
borderRightStyle: string;
|
|
1814
|
+
borderRightColor: string;
|
|
1815
|
+
my: string;
|
|
1816
|
+
};
|
|
1807
1817
|
};
|
|
1808
1818
|
step: {
|
|
1809
1819
|
active: {
|
|
@@ -1860,6 +1870,19 @@ declare const _default: {
|
|
|
1860
1870
|
color: string;
|
|
1861
1871
|
};
|
|
1862
1872
|
};
|
|
1873
|
+
default: {
|
|
1874
|
+
borderWidth: string;
|
|
1875
|
+
width: number;
|
|
1876
|
+
height: number;
|
|
1877
|
+
minWidth: number;
|
|
1878
|
+
minHeight: number;
|
|
1879
|
+
position: string;
|
|
1880
|
+
fontWeight: number;
|
|
1881
|
+
fontSize: string;
|
|
1882
|
+
backgroundColor: string;
|
|
1883
|
+
borderColor: string;
|
|
1884
|
+
color: string;
|
|
1885
|
+
};
|
|
1863
1886
|
};
|
|
1864
1887
|
};
|
|
1865
1888
|
suggestion: {
|