pds-dev-kit-web 2.2.199 → 2.2.201
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/dist/src/desktop/components/AdminList/AdminList.js +13 -9
- package/dist/src/desktop/components/PriceTextField/PriceTextField.d.ts +3 -2
- package/dist/src/desktop/components/PriceTextField/PriceTextField.js +32 -14
- package/dist/src/mobile/components/PriceTextField/PriceTextField.d.ts +3 -2
- package/dist/src/mobile/components/PriceTextField/PriceTextField.js +32 -14
- package/dist/src/sub/AdminList/AdminList/AdminList.js +13 -9
- package/package.json +1 -1
- package/release-note.md +3 -2
|
@@ -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;
|
|
@@ -14,7 +14,7 @@ type Props = {
|
|
|
14
14
|
size?: 'large' | 'rlarge';
|
|
15
15
|
responsiveMode?: 'none' | 'use';
|
|
16
16
|
state?: 'normal' | 'read_only' | 'disabled';
|
|
17
|
-
dropdownState?: 'normal' | 'read_only'
|
|
17
|
+
dropdownState?: 'normal' | 'read_only';
|
|
18
18
|
customWidth?: string;
|
|
19
19
|
baseCurrency?: CurrencyCode;
|
|
20
20
|
currencies?: CurrencyCode[];
|
|
@@ -23,6 +23,7 @@ type Props = {
|
|
|
23
23
|
hintTextFontWeight?: 'normal' | 'bold';
|
|
24
24
|
validation?: any;
|
|
25
25
|
useRequiredValidation?: 'none' | 'use';
|
|
26
|
+
useDotBadge?: 'none' | 'use';
|
|
26
27
|
returnType?: 'object' | 'string' | 'rawValue';
|
|
27
28
|
deleteBtnMode?: 'none' | 'use';
|
|
28
29
|
minPriceAmount?: string | number;
|
|
@@ -38,5 +39,5 @@ type Props = {
|
|
|
38
39
|
displayValue: string;
|
|
39
40
|
}) => void;
|
|
40
41
|
} & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
|
|
41
|
-
declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, returnType, deleteBtnMode, minPriceAmount, onChange, onExChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
|
|
42
|
+
declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onExChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
|
|
42
43
|
export default PriceTextField;
|
|
@@ -65,18 +65,18 @@ exports.DEFAULT_DECIMAL_PLACES = {
|
|
|
65
65
|
function PriceTextField(_a) {
|
|
66
66
|
var _b;
|
|
67
67
|
var _c;
|
|
68
|
-
var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.
|
|
68
|
+
var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.returnType, returnType = _t === void 0 ? 'object' : _t, _u = _a.deleteBtnMode, deleteBtnMode = _u === void 0 ? 'use' : _u, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onExChange = _a.onExChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
|
|
69
69
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
70
|
+
var _v = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _v[0], setBaseCurrencyValue = _v[1];
|
|
71
|
+
var _w = (0, react_1.useState)(''), displayValue = _w[0], setDisplayValue = _w[1];
|
|
72
|
+
var _x = (0, react_1.useState)(baseCurrency), selectedCurrency = _x[0], setSelectedCurrency = _x[1];
|
|
73
|
+
var _y = (0, react_1.useState)(false), isDropdownFocused = _y[0], setIsDropdownFocused = _y[1];
|
|
74
|
+
var _z = (0, react_1.useState)(false), isInputFocused = _z[0], setIsInputFocused = _z[1];
|
|
75
|
+
var _0 = (0, react_1.useState)(null), contextMenuSizeOffset = _0[0], setContextMenuSizeOffset = _0[1];
|
|
76
|
+
var _1 = (0, react_1.useState)(null), dropdownPositionOffset = _1[0], setDropdownPositionOffset = _1[1];
|
|
77
77
|
var contextMenuRef = (0, react_1.useRef)(null);
|
|
78
78
|
var dropdownRef = (0, react_1.useRef)(null);
|
|
79
|
-
var
|
|
79
|
+
var _2 = (0, react_hook_form_1.useFormContext)(), register = _2.register, trigger = _2.trigger, errors = _2.formState.errors, setValue = _2.setValue;
|
|
80
80
|
/** 기본 validation */
|
|
81
81
|
var defaultValidation = (0, react_1.useMemo)(function () {
|
|
82
82
|
var validationConfig = {};
|
|
@@ -364,22 +364,40 @@ function PriceTextField(_a) {
|
|
|
364
364
|
}
|
|
365
365
|
var getArrowIconColorKey = function () {
|
|
366
366
|
if (colorTheme === 'dark') {
|
|
367
|
-
if (dropdownState === '
|
|
367
|
+
if (dropdownState === 'read_only') {
|
|
368
368
|
return 'ui_cpnt_dropdown_text_darktheme_disabled';
|
|
369
369
|
}
|
|
370
370
|
return 'ui_cpnt_dropdown_icon_darktheme_default';
|
|
371
371
|
}
|
|
372
372
|
if (colorTheme === 'transparent') {
|
|
373
|
-
if (dropdownState === '
|
|
373
|
+
if (dropdownState === 'read_only') {
|
|
374
374
|
return 'ui_cpnt_dropdown_icon_02';
|
|
375
375
|
}
|
|
376
376
|
return 'ui_cpnt_dropdown_icon_white_default';
|
|
377
377
|
}
|
|
378
|
-
if (dropdownState === '
|
|
378
|
+
if (dropdownState === 'read_only') {
|
|
379
379
|
return 'ui_cpnt_dropdown_icon_02';
|
|
380
380
|
}
|
|
381
381
|
return 'ui_cpnt_dropdown_icon_01';
|
|
382
382
|
};
|
|
383
|
+
var getDropdownTextColorKey = function () {
|
|
384
|
+
if (colorTheme === 'dark') {
|
|
385
|
+
if (dropdownState === 'read_only') {
|
|
386
|
+
return 'ui_cpnt_button_text_darktheme_default';
|
|
387
|
+
}
|
|
388
|
+
return 'ui_cpnt_button_text_darktheme_enabled';
|
|
389
|
+
}
|
|
390
|
+
if (colorTheme === 'transparent') {
|
|
391
|
+
if (dropdownState === 'read_only') {
|
|
392
|
+
return 'ui_cpnt_button_text_disabled';
|
|
393
|
+
}
|
|
394
|
+
return 'ui_cpnt_button_text_enabled';
|
|
395
|
+
}
|
|
396
|
+
if (dropdownState === 'read_only') {
|
|
397
|
+
return 'ui_cpnt_button_text_disabled';
|
|
398
|
+
}
|
|
399
|
+
return 'ui_cpnt_button_text_enabled';
|
|
400
|
+
};
|
|
383
401
|
var getDropdownContextMenuCustomWidth = function () {
|
|
384
402
|
var _a;
|
|
385
403
|
if (customWidth) {
|
|
@@ -391,7 +409,7 @@ function PriceTextField(_a) {
|
|
|
391
409
|
return '';
|
|
392
410
|
};
|
|
393
411
|
var handleDropdownClick = function () {
|
|
394
|
-
if (dropdownState === '
|
|
412
|
+
if (dropdownState === 'read_only') {
|
|
395
413
|
return;
|
|
396
414
|
}
|
|
397
415
|
setIsDropdownFocused(!isDropdownFocused);
|
|
@@ -422,7 +440,7 @@ function PriceTextField(_a) {
|
|
|
422
440
|
amount: minPriceAmount || (baseCurrency === pricing_1.CurrencyCode.KRW ? 300 : 5),
|
|
423
441
|
currency: baseCurrency
|
|
424
442
|
})
|
|
425
|
-
}), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "
|
|
443
|
+
}), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&
|
|
426
444
|
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", customWidth: getDropdownContextMenuCustomWidth() }, { children: currencyOptions.map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleCurrencySelect(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: "large", isSelected: selectedCurrency === el.currency, state: el.state, displayType: "text_only" }) }), el.value)); }) })) })), document.body), ((_c = (0, types_1.getErrorByName)(errors, name)) === null || _c === void 0 ? void 0 : _c.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, { children: (0, types_1.getErrorByName)(errors, name).message }))] })));
|
|
427
445
|
}
|
|
428
446
|
var S_PriceTextField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), function (_a) {
|
|
@@ -14,7 +14,7 @@ type Props = {
|
|
|
14
14
|
size?: 'large' | 'rlarge';
|
|
15
15
|
responsiveMode?: 'none' | 'use';
|
|
16
16
|
state?: 'normal' | 'read_only' | 'disabled';
|
|
17
|
-
dropdownState?: 'normal' | 'read_only'
|
|
17
|
+
dropdownState?: 'normal' | 'read_only';
|
|
18
18
|
customWidth?: string;
|
|
19
19
|
baseCurrency?: CurrencyCode;
|
|
20
20
|
currencies?: CurrencyCode[];
|
|
@@ -23,6 +23,7 @@ type Props = {
|
|
|
23
23
|
hintTextFontWeight?: 'normal' | 'bold';
|
|
24
24
|
validation?: any;
|
|
25
25
|
useRequiredValidation?: 'none' | 'use';
|
|
26
|
+
useDotBadge?: 'none' | 'use';
|
|
26
27
|
returnType?: 'object' | 'string' | 'rawValue';
|
|
27
28
|
deleteBtnMode?: 'none' | 'use';
|
|
28
29
|
minPriceAmount?: string | number;
|
|
@@ -37,5 +38,5 @@ type Props = {
|
|
|
37
38
|
displayValue: string;
|
|
38
39
|
}) => void;
|
|
39
40
|
} & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
|
|
40
|
-
declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, returnType, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
|
|
41
|
+
declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
|
|
41
42
|
export default PriceTextField;
|
|
@@ -65,18 +65,18 @@ exports.DEFAULT_DECIMAL_PLACES = {
|
|
|
65
65
|
function PriceTextField(_a) {
|
|
66
66
|
var _b;
|
|
67
67
|
var _c;
|
|
68
|
-
var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.
|
|
68
|
+
var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.returnType, returnType = _t === void 0 ? 'object' : _t, _u = _a.deleteBtnMode, deleteBtnMode = _u === void 0 ? 'use' : _u, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
|
|
69
69
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
70
|
+
var _v = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _v[0], setBaseCurrencyValue = _v[1];
|
|
71
|
+
var _w = (0, react_1.useState)(''), displayValue = _w[0], setDisplayValue = _w[1];
|
|
72
|
+
var _x = (0, react_1.useState)(baseCurrency), selectedCurrency = _x[0], setSelectedCurrency = _x[1];
|
|
73
|
+
var _y = (0, react_1.useState)(false), isDropdownFocused = _y[0], setIsDropdownFocused = _y[1];
|
|
74
|
+
var _z = (0, react_1.useState)(false), isInputFocused = _z[0], setIsInputFocused = _z[1];
|
|
75
|
+
var _0 = (0, react_1.useState)(null), contextMenuSizeOffset = _0[0], setContextMenuSizeOffset = _0[1];
|
|
76
|
+
var _1 = (0, react_1.useState)(null), dropdownPositionOffset = _1[0], setDropdownPositionOffset = _1[1];
|
|
77
77
|
var contextMenuRef = (0, react_1.useRef)(null);
|
|
78
78
|
var dropdownRef = (0, react_1.useRef)(null);
|
|
79
|
-
var
|
|
79
|
+
var _2 = (0, react_hook_form_1.useFormContext)(), register = _2.register, trigger = _2.trigger, errors = _2.formState.errors, setValue = _2.setValue;
|
|
80
80
|
/** 기본 validation */
|
|
81
81
|
var defaultValidation = (0, react_1.useMemo)(function () {
|
|
82
82
|
var validationConfig = {};
|
|
@@ -361,22 +361,40 @@ function PriceTextField(_a) {
|
|
|
361
361
|
}
|
|
362
362
|
var getArrowIconColorKey = function () {
|
|
363
363
|
if (colorTheme === 'dark') {
|
|
364
|
-
if (dropdownState === '
|
|
364
|
+
if (dropdownState === 'read_only') {
|
|
365
365
|
return 'ui_cpnt_dropdown_text_darktheme_disabled';
|
|
366
366
|
}
|
|
367
367
|
return 'ui_cpnt_dropdown_icon_darktheme_default';
|
|
368
368
|
}
|
|
369
369
|
if (colorTheme === 'transparent') {
|
|
370
|
-
if (dropdownState === '
|
|
370
|
+
if (dropdownState === 'read_only') {
|
|
371
371
|
return 'ui_cpnt_dropdown_icon_02';
|
|
372
372
|
}
|
|
373
373
|
return 'ui_cpnt_dropdown_icon_white_default';
|
|
374
374
|
}
|
|
375
|
-
if (dropdownState === '
|
|
375
|
+
if (dropdownState === 'read_only') {
|
|
376
376
|
return 'ui_cpnt_dropdown_icon_02';
|
|
377
377
|
}
|
|
378
378
|
return 'ui_cpnt_dropdown_icon_01';
|
|
379
379
|
};
|
|
380
|
+
var getDropdownTextColorKey = function () {
|
|
381
|
+
if (colorTheme === 'dark') {
|
|
382
|
+
if (dropdownState === 'read_only') {
|
|
383
|
+
return 'ui_cpnt_button_text_darktheme_default';
|
|
384
|
+
}
|
|
385
|
+
return 'ui_cpnt_button_text_darktheme_enabled';
|
|
386
|
+
}
|
|
387
|
+
if (colorTheme === 'transparent') {
|
|
388
|
+
if (dropdownState === 'read_only') {
|
|
389
|
+
return 'ui_cpnt_button_text_disabled';
|
|
390
|
+
}
|
|
391
|
+
return 'ui_cpnt_button_text_enabled';
|
|
392
|
+
}
|
|
393
|
+
if (dropdownState === 'read_only') {
|
|
394
|
+
return 'ui_cpnt_button_text_disabled';
|
|
395
|
+
}
|
|
396
|
+
return 'ui_cpnt_button_text_enabled';
|
|
397
|
+
};
|
|
380
398
|
var getDropdownContextMenuCustomWidth = function () {
|
|
381
399
|
var _a;
|
|
382
400
|
if (customWidth) {
|
|
@@ -388,7 +406,7 @@ function PriceTextField(_a) {
|
|
|
388
406
|
return '';
|
|
389
407
|
};
|
|
390
408
|
var handleDropdownClick = function () {
|
|
391
|
-
if (dropdownState === '
|
|
409
|
+
if (dropdownState === 'read_only') {
|
|
392
410
|
return;
|
|
393
411
|
}
|
|
394
412
|
setIsDropdownFocused(!isDropdownFocused);
|
|
@@ -419,7 +437,7 @@ function PriceTextField(_a) {
|
|
|
419
437
|
amount: minPriceAmount || (baseCurrency === pricing_1.CurrencyCode.KRW ? 300 : 5),
|
|
420
438
|
currency: baseCurrency
|
|
421
439
|
})
|
|
422
|
-
}), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "
|
|
440
|
+
}), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&
|
|
423
441
|
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", customWidth: getDropdownContextMenuCustomWidth() }, { children: currencyOptions.map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleCurrencySelect(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: "large", isSelected: selectedCurrency === el.currency, state: el.state, displayType: "text_only" }) }), el.value)); }) })) })), document.body), ((_c = (0, types_1.getErrorByName)(errors, name)) === null || _c === void 0 ? void 0 : _c.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, { children: (0, types_1.getErrorByName)(errors, name).message }))] })));
|
|
424
442
|
}
|
|
425
443
|
var S_PriceTextField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), function (_a) {
|
|
@@ -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