pds-dev-kit-web 2.2.199 → 2.2.200
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.
|
@@ -194,19 +194,23 @@ function AdminList(_a) {
|
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
196
|
};
|
|
197
|
-
return ((0, jsx_runtime_1.jsxs)(S_AdminList, __assign({ "x-pds-name": "AdminList", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [isBulkActionBarOpen && ((0, jsx_runtime_1.jsx)(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(
|
|
197
|
+
return ((0, jsx_runtime_1.jsxs)(S_AdminList, __assign({ "x-pds-name": "AdminList", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [isBulkActionBarOpen && ((0, jsx_runtime_1.jsx)(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox }) })) }))), (0, jsx_runtime_1.jsx)(S_ScrollBox, __assign({ scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, { children: react_1.default.Children.count(children) ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, checkboxMethods, { children: (0, jsx_runtime_1.jsx)("form", { children: childrenWithWidthProps }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
|
|
198
198
|
}
|
|
199
|
+
var HeaderRowStyle = styled_components_1.default.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (_a) {
|
|
200
|
+
var scrollVisibleType = _a.scrollVisibleType;
|
|
201
|
+
return scrollVisibleType !== 'hidden' && '8px';
|
|
202
|
+
});
|
|
199
203
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
200
|
-
var scrollInvisible = (0, styled_components_1.css)(
|
|
204
|
+
var scrollInvisible = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n }\n"], ["\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n }\n"])));
|
|
201
205
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
202
|
-
var scrollVisible = (0, styled_components_1.css)(
|
|
203
|
-
var S_AdminList = styled_components_1.default.div(
|
|
204
|
-
var S_ScrollBox = styled_components_1.default.div(
|
|
206
|
+
var scrollVisible = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n display: initial;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #ccc;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n"], ["\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n display: initial;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #ccc;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n"])));
|
|
207
|
+
var S_AdminList = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
208
|
+
var S_ScrollBox = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n overflow-x: hidden;\n overflow-y: ", ";\n position: relative;\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n height: 8px;\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #ccc;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n scrollbar-gutter: stable;\n scrollbar-width: ", ";\n"], ["\n flex: 1;\n overflow-x: hidden;\n overflow-y: ", ";\n position: relative;\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n height: 8px;\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #ccc;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n scrollbar-gutter: stable;\n scrollbar-width: ", ";\n"])), function (_a) {
|
|
205
209
|
var scrollMode = _a.scrollMode;
|
|
206
210
|
switch (scrollMode) {
|
|
207
211
|
case 'infinite':
|
|
208
212
|
case 'page': {
|
|
209
|
-
return '
|
|
213
|
+
return 'overlay';
|
|
210
214
|
}
|
|
211
215
|
case 'none': {
|
|
212
216
|
return 'none';
|
|
@@ -214,8 +218,8 @@ var S_ScrollBox = styled_components_1.default.div(templateObject_4 || (templateO
|
|
|
214
218
|
}
|
|
215
219
|
}, function (_a) {
|
|
216
220
|
var scrollVisibleType = _a.scrollVisibleType;
|
|
217
|
-
return scrollVisibleType === 'hidden' ? 'none' : '
|
|
221
|
+
return (scrollVisibleType === 'hidden' ? 'none' : 'auto');
|
|
218
222
|
});
|
|
219
|
-
var S_EmptyTextWrapper = styled_components_1.default.div(
|
|
223
|
+
var S_EmptyTextWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-top: 88px;\n"], ["\n padding-bottom: 88px;\n padding-top: 88px;\n"])));
|
|
220
224
|
exports.default = AdminList;
|
|
221
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
225
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -200,22 +200,26 @@ function AdminList(_a) {
|
|
|
200
200
|
? react_1.default.isValidElement(bulkActionBar) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.cloneElement(bulkActionBar, {
|
|
201
201
|
itemCount: totalItemCount
|
|
202
202
|
}) }))
|
|
203
|
-
: toolBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [toolBar, (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(
|
|
203
|
+
: toolBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [toolBar, (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox }) })) }))), (0, jsx_runtime_1.jsx)(S_ScrollBox, __assign({ scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, { children: react_1.default.Children.count(children) ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, checkboxMethods, { children: (0, jsx_runtime_1.jsx)("form", { children: childrenWithWidthProps }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
|
|
204
204
|
}
|
|
205
|
+
var HeaderRowStyle = styled_components_1.default.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (_a) {
|
|
206
|
+
var scrollVisibleType = _a.scrollVisibleType;
|
|
207
|
+
return scrollVisibleType !== 'hidden' && '8px';
|
|
208
|
+
});
|
|
205
209
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
206
|
-
var scrollInvisible = (0, styled_components_1.css)(
|
|
210
|
+
var scrollInvisible = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n }\n"], ["\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n }\n"])));
|
|
207
211
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
208
|
-
var scrollVisible = (0, styled_components_1.css)(
|
|
212
|
+
var scrollVisible = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n display: initial;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n"], ["\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n display: initial;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n"])), function (_a) {
|
|
209
213
|
var theme = _a.theme;
|
|
210
214
|
return theme.ui_cpnt_button_line_border_enabled;
|
|
211
215
|
});
|
|
212
|
-
var S_AdminList = styled_components_1.default.div(
|
|
213
|
-
var S_ScrollBox = styled_components_1.default.div(
|
|
216
|
+
var S_AdminList = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
217
|
+
var S_ScrollBox = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n overflow-x: hidden;\n overflow-y: ", ";\n position: relative;\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n height: 8px;\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #ccc;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n scrollbar-gutter: stable;\n scrollbar-width: ", ";\n"], ["\n flex: 1;\n overflow-x: hidden;\n overflow-y: ", ";\n position: relative;\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n height: 8px;\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #ccc;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n scrollbar-gutter: stable;\n scrollbar-width: ", ";\n"])), function (_a) {
|
|
214
218
|
var scrollMode = _a.scrollMode;
|
|
215
219
|
switch (scrollMode) {
|
|
216
220
|
case 'infinite':
|
|
217
221
|
case 'page': {
|
|
218
|
-
return '
|
|
222
|
+
return 'overlay';
|
|
219
223
|
}
|
|
220
224
|
case 'none': {
|
|
221
225
|
return 'none';
|
|
@@ -223,8 +227,8 @@ var S_ScrollBox = styled_components_1.default.div(templateObject_4 || (templateO
|
|
|
223
227
|
}
|
|
224
228
|
}, function (_a) {
|
|
225
229
|
var scrollVisibleType = _a.scrollVisibleType;
|
|
226
|
-
return scrollVisibleType === 'hidden' ? 'none' : '
|
|
230
|
+
return (scrollVisibleType === 'hidden' ? 'none' : 'auto');
|
|
227
231
|
});
|
|
228
|
-
var S_EmptyTextWrapper = styled_components_1.default.div(
|
|
232
|
+
var S_EmptyTextWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-top: 88px;\n"], ["\n padding-bottom: 88px;\n padding-top: 88px;\n"])));
|
|
229
233
|
exports.default = AdminList;
|
|
230
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
234
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
package/package.json
CHANGED
package/release-note.md
CHANGED