@nurihaus/web-design-system 3.0.0 → 3.0.3
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/README.md +104 -5
- package/dist/.storybook/story-kit.d.ts +18 -0
- package/dist/ai/components.md +742 -0
- package/dist/ai/tokens.md +319 -0
- package/dist/avatar.js +336 -0
- package/dist/check-box.js +379 -0
- package/dist/chunk-149.js +57 -0
- package/dist/chunk-298.js +34 -0
- package/dist/chunk-302.js +105 -0
- package/dist/chunk-309.js +36 -0
- package/dist/chunk-364.js +126 -0
- package/dist/chunk-387.js +37 -0
- package/dist/chunk-558.js +200 -0
- package/dist/chunk-563.js +181 -0
- package/dist/chunk-739.js +68 -0
- package/dist/chunk-777.js +117 -0
- package/dist/chunk-917.js +35 -0
- package/dist/chunk-933.js +70 -0
- package/dist/chunk-976.js +29 -0
- package/dist/collapsible-menu.js +394 -0
- package/dist/components/avatar/avatar-props.d.ts +2 -6
- package/dist/components/avatar/avatar-type.d.ts +4 -5
- package/dist/components/avatar/avatar.d.ts +1 -0
- package/dist/components/avatar/avatar.stories.d.ts +17 -1
- package/dist/components/badge/badge-props.d.ts +17 -80
- package/dist/components/badge/badge-type.d.ts +38 -2
- package/dist/components/badge/badge.stories.d.ts +25 -2
- package/dist/components/badge/base-badge.d.ts +2 -1
- package/dist/components/badge/icon-text-badge.d.ts +3 -21
- package/dist/components/badge/icon-text-option-badge.d.ts +2 -15
- package/dist/components/badge/option-badge.d.ts +3 -20
- package/dist/components/button/button-props.d.ts +2 -7
- package/dist/components/button/button-type.d.ts +11 -3
- package/dist/components/button/button.stories.d.ts +13 -10
- package/dist/components/button/cta-button.d.ts +3 -12
- package/dist/components/check-box/base-check-box.d.ts +9 -5
- package/dist/components/check-box/check-box-props.d.ts +2 -7
- package/dist/components/check-box/check-box-type.d.ts +11 -4
- package/dist/components/check-box/check-box.d.ts +3 -10
- package/dist/components/check-box/check-box.stories.d.ts +19 -4
- package/dist/components/collapsible-menu/base-collapsible-menu.d.ts +9 -5
- package/dist/components/collapsible-menu/collapsible-menu-props.d.ts +3 -12
- package/dist/components/collapsible-menu/collapsible-menu-type.d.ts +33 -9
- package/dist/components/collapsible-menu/collapsible-menu.d.ts +3 -23
- package/dist/components/collapsible-menu/collapsible-menu.stories.d.ts +20 -4
- package/dist/components/drop-down/base-drop-down.d.ts +11 -3
- package/dist/components/drop-down/drop-down-props.d.ts +3 -12
- package/dist/components/drop-down/drop-down-type.d.ts +34 -15
- package/dist/components/drop-down/drop-down.d.ts +3 -32
- package/dist/components/drop-down/drop-down.stories.d.ts +23 -4
- package/dist/components/elements/text/base-text.d.ts +3 -0
- package/dist/components/elements/text/text-props.d.ts +16 -0
- package/dist/components/elements/text/text-type.d.ts +6 -2
- package/dist/components/elements/text/text.d.ts +2 -1
- package/dist/components/elements/text/text.stories.d.ts +43 -3
- package/dist/components/loading/index.d.ts +6 -6
- package/dist/components/loading/inline-loading/base-inline-loading.d.ts +3 -0
- package/dist/components/loading/inline-loading/inline-loading-props.d.ts +9 -0
- package/dist/components/loading/inline-loading/inline-loading-type.d.ts +8 -6
- package/dist/components/loading/inline-loading/inline-loading.d.ts +3 -2
- package/dist/components/loading/inline-loading/inline-loading.stories.d.ts +5 -9
- package/dist/components/loading/overlay-loading/base-overlay-loading.d.ts +3 -0
- package/dist/components/loading/overlay-loading/overlay-loading-props.d.ts +7 -0
- package/dist/components/loading/overlay-loading/overlay-loading-type.d.ts +6 -3
- package/dist/components/loading/overlay-loading/overlay-loading.d.ts +3 -3
- package/dist/components/loading/overlay-loading/overlay-loading.stories.d.ts +8 -8
- package/dist/components/loading/spinner/base-spinner.d.ts +4 -0
- package/dist/components/loading/spinner/spinner-props.d.ts +1 -0
- package/dist/components/loading/spinner/spinner-type.d.ts +4 -4
- package/dist/components/loading/spinner/spinner.d.ts +2 -2
- package/dist/components/loading/spinner/spinner.stories.d.ts +5 -12
- package/dist/components/modal/base-modal.d.ts +17 -5
- package/dist/components/modal/modal-props.d.ts +2 -7
- package/dist/components/modal/modal-type.d.ts +20 -10
- package/dist/components/modal/modal-with-double-button.d.ts +4 -16
- package/dist/components/modal/modal.stories.d.ts +15 -2
- package/dist/components/radio/base-radio.d.ts +9 -5
- package/dist/components/radio/radio-props.d.ts +1 -0
- package/dist/components/radio/radio-type.d.ts +6 -8
- package/dist/components/radio/radio.d.ts +2 -2
- package/dist/components/radio/radio.stories.d.ts +13 -4
- package/dist/components/table/base-table.d.ts +4 -5
- package/dist/components/table/data-table.d.ts +5 -22
- package/dist/components/table/table-type.d.ts +22 -1
- package/dist/components/table/table.stories.d.ts +19 -3
- package/dist/components/tabs/base-tabs.d.ts +7 -7
- package/dist/components/tabs/tabs-props.d.ts +1 -1
- package/dist/components/tabs/tabs-type.d.ts +9 -13
- package/dist/components/tabs/tabs.d.ts +3 -3
- package/dist/components/tabs/tabs.stories.d.ts +16 -10
- package/dist/components/text-field/base-text-field.d.ts +5 -3
- package/dist/components/text-field/text-field-props.d.ts +3 -12
- package/dist/components/text-field/text-field-type.d.ts +14 -0
- package/dist/components/text-field/text-field.d.ts +3 -16
- package/dist/components/text-field/text-field.stories.d.ts +24 -0
- package/dist/components/tooltip/base-tooltip.d.ts +13 -3
- package/dist/components/tooltip/tooltip-props.d.ts +3 -2
- package/dist/components/tooltip/tooltip-type.d.ts +17 -5
- package/dist/components/tooltip/tooltip.d.ts +4 -7
- package/dist/components/tooltip/tooltip.stories.d.ts +21 -4
- package/dist/components.css +1984 -0
- package/dist/cta-button.js +236 -0
- package/dist/data-table.js +386 -0
- package/dist/drop-down.js +433 -0
- package/dist/helpers/props/common-props.d.ts +7 -0
- package/dist/helpers/types/common-props.d.ts +8 -0
- package/dist/icon-text-badge.js +294 -0
- package/dist/icon-text-option-badge.js +270 -0
- package/dist/index.d.ts +17 -1
- package/dist/index.js +3021 -10637
- package/dist/loading.js +383 -0
- package/dist/modal-with-double-button.js +527 -0
- package/dist/option-badge.js +293 -0
- package/dist/radio.js +363 -0
- package/dist/reset.css +45 -0
- package/dist/styles.css +785 -559
- package/dist/tabs.js +421 -0
- package/dist/text-field.js +369 -0
- package/dist/text.js +233 -0
- package/dist/tokens.css +73 -0
- package/dist/tokens.js +4 -6
- package/dist/tooltip.js +360 -0
- package/package.json +91 -14
- package/dist/components/text-field/text-filed.stories.d.ts +0 -8
|
@@ -0,0 +1,527 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__ from "radix-ui";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
|
|
5
|
+
/******/ var __webpack_modules__ = ({
|
|
6
|
+
|
|
7
|
+
/***/ 910
|
|
8
|
+
(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
|
|
9
|
+
|
|
10
|
+
/* harmony export */ __nuri_require__.d(__webpack_exports__, {
|
|
11
|
+
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
12
|
+
/* harmony export */ });
|
|
13
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
|
|
14
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
|
|
15
|
+
/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
|
|
16
|
+
/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(335);
|
|
17
|
+
/* harmony import */ var _loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(302);
|
|
18
|
+
/* harmony import */ var _base_button__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(933);
|
|
19
|
+
/* harmony import */ var _button_props__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(976);
|
|
20
|
+
var __assign = undefined && undefined.__assign || function () {
|
|
21
|
+
__assign = Object.assign || function (t) {
|
|
22
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
23
|
+
s = arguments[i];
|
|
24
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
return __assign.apply(this, arguments);
|
|
29
|
+
};
|
|
30
|
+
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
31
|
+
var t = {};
|
|
32
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
33
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
35
|
+
}
|
|
36
|
+
return t;
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
var CTAButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
|
|
46
|
+
var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _button_props__WEBPACK_IMPORTED_MODULE_6__/* .ctaButtonProps */ .Lr),
|
|
47
|
+
className = _a.className,
|
|
48
|
+
text = _a.text,
|
|
49
|
+
leftIcon = _a.leftIcon,
|
|
50
|
+
rightIcon = _a.rightIcon,
|
|
51
|
+
restProps = __rest(_a, ["className", "text", "leftIcon", "rightIcon"]);
|
|
52
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, __assign({
|
|
53
|
+
ref: ref,
|
|
54
|
+
className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(className, 'cta-button'),
|
|
55
|
+
loadingComponent: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {})
|
|
56
|
+
}, restProps, {
|
|
57
|
+
children: [leftIcon, text, rightIcon]
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
CTAButton.displayName = 'CTAButton';
|
|
61
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CTAButton);
|
|
62
|
+
|
|
63
|
+
/***/ },
|
|
64
|
+
|
|
65
|
+
/***/ 21
|
|
66
|
+
(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
// EXPORTS
|
|
70
|
+
__nuri_require__.d(__webpack_exports__, {
|
|
71
|
+
A: () => (/* binding */ modal_with_double_button)
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
// EXTERNAL MODULE: external {"root":"jsx-runtime","commonjs2":"react/jsx-runtime","commonjs":"react/jsx-runtime","amd":"react/jsx-runtime","module":"react/jsx-runtime"}
|
|
75
|
+
var jsx_runtime_ = __nuri_require__(612);
|
|
76
|
+
// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react","module":"react"}
|
|
77
|
+
var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(41);
|
|
78
|
+
;// ./assets/icons/multifly.svg
|
|
79
|
+
var _path, _path2;
|
|
80
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
81
|
+
|
|
82
|
+
var SvgMultifly = function SvgMultifly(props) {
|
|
83
|
+
return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("svg", _extends({
|
|
84
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
85
|
+
width: 20,
|
|
86
|
+
height: 20,
|
|
87
|
+
fill: "none"
|
|
88
|
+
}, props), _path || (_path = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("path", {
|
|
89
|
+
fill: "#71717A",
|
|
90
|
+
fillRule: "evenodd",
|
|
91
|
+
d: "M4.844 4.844a.625.625 0 0 1 .884 0l9.428 9.428a.625.625 0 0 1-.884.884L4.844 5.728a.625.625 0 0 1 0-.884",
|
|
92
|
+
clipRule: "evenodd"
|
|
93
|
+
})), _path2 || (_path2 = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("path", {
|
|
94
|
+
fill: "#71717A",
|
|
95
|
+
fillRule: "evenodd",
|
|
96
|
+
d: "M15.156 4.844a.625.625 0 0 1 0 .884l-9.428 9.428a.625.625 0 1 1-.884-.884l9.428-9.428a.625.625 0 0 1 .884 0",
|
|
97
|
+
clipRule: "evenodd"
|
|
98
|
+
})));
|
|
99
|
+
};
|
|
100
|
+
/* harmony default export */ const multifly = (SvgMultifly);
|
|
101
|
+
// EXTERNAL MODULE: ./helpers/utils/classNames.js
|
|
102
|
+
var classNames = __nuri_require__(274);
|
|
103
|
+
// EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
|
|
104
|
+
var getMergedProps = __nuri_require__(335);
|
|
105
|
+
// EXTERNAL MODULE: ./components/button/base-button.tsx
|
|
106
|
+
var base_button = __nuri_require__(933);
|
|
107
|
+
// EXTERNAL MODULE: ./components/button/cta-button.tsx
|
|
108
|
+
var cta_button = __nuri_require__(910);
|
|
109
|
+
// EXTERNAL MODULE: ./components/elements/text/text.tsx
|
|
110
|
+
var text_text = __nuri_require__(739);
|
|
111
|
+
// EXTERNAL MODULE: external {"root":"RadixUI","commonjs2":"radix-ui","commonjs":"radix-ui","amd":"radix-ui","module":"radix-ui"}
|
|
112
|
+
var external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_ = __nuri_require__(0);
|
|
113
|
+
;// ./components/modal/base-modal.tsx
|
|
114
|
+
var __assign = undefined && undefined.__assign || function () {
|
|
115
|
+
__assign = Object.assign || function (t) {
|
|
116
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
117
|
+
s = arguments[i];
|
|
118
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
119
|
+
}
|
|
120
|
+
return t;
|
|
121
|
+
};
|
|
122
|
+
return __assign.apply(this, arguments);
|
|
123
|
+
};
|
|
124
|
+
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
125
|
+
var t = {};
|
|
126
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
127
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
128
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
129
|
+
}
|
|
130
|
+
return t;
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
// Dialog.Root 는 DOM 을 그리지 않아 ref 를 받을 곳이 없다.
|
|
137
|
+
var ModalRootBase = function ModalRootBase(props) {
|
|
138
|
+
var children = props.children,
|
|
139
|
+
onOpenChange = props.onOpenChange;
|
|
140
|
+
return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Root, {
|
|
141
|
+
onOpenChange: onOpenChange,
|
|
142
|
+
children: children
|
|
143
|
+
});
|
|
144
|
+
};
|
|
145
|
+
ModalRootBase.displayName = 'ModalRoot';
|
|
146
|
+
var ModalContainer = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
147
|
+
var children = props.children,
|
|
148
|
+
className = props.className,
|
|
149
|
+
forceMount = props.forceMount;
|
|
150
|
+
return (0,jsx_runtime_.jsxs)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Portal, {
|
|
151
|
+
forceMount: forceMount,
|
|
152
|
+
children: [(0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Overlay, {
|
|
153
|
+
className: 'nuri-theme base-modal modal-overlay',
|
|
154
|
+
forceMount: true
|
|
155
|
+
}), (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Content, {
|
|
156
|
+
ref: ref,
|
|
157
|
+
className: (0,classNames/* classNames */.x)('nuri-theme base-modal modal-container', className),
|
|
158
|
+
children: children
|
|
159
|
+
})]
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
ModalContainer.displayName = 'ModalContainer';
|
|
163
|
+
var ModalTrigger = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
164
|
+
var children = props.children,
|
|
165
|
+
className = props.className,
|
|
166
|
+
restProps = __rest(props, ["children", "className"]);
|
|
167
|
+
return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Trigger, __assign({
|
|
168
|
+
ref: ref,
|
|
169
|
+
className: (0,classNames/* classNames */.x)('nuri-theme base-modal trigger', className)
|
|
170
|
+
}, restProps, {
|
|
171
|
+
children: children
|
|
172
|
+
}));
|
|
173
|
+
});
|
|
174
|
+
ModalTrigger.displayName = 'ModalTrigger';
|
|
175
|
+
var ModalTitle = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
176
|
+
var children = props.children,
|
|
177
|
+
className = props.className,
|
|
178
|
+
restProps = __rest(props, ["children", "className"]);
|
|
179
|
+
return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Title, __assign({
|
|
180
|
+
ref: ref,
|
|
181
|
+
className: (0,classNames/* classNames */.x)('nuri-theme base-modal title', className)
|
|
182
|
+
}, restProps, {
|
|
183
|
+
children: children
|
|
184
|
+
}));
|
|
185
|
+
});
|
|
186
|
+
ModalTitle.displayName = 'ModalTitle';
|
|
187
|
+
var ModalSubTitle = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
188
|
+
var children = props.children,
|
|
189
|
+
className = props.className,
|
|
190
|
+
restProps = __rest(props, ["children", "className"]);
|
|
191
|
+
return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Description, __assign({
|
|
192
|
+
ref: ref,
|
|
193
|
+
className: (0,classNames/* classNames */.x)('nuri-theme base-modal sub-title', className)
|
|
194
|
+
}, restProps, {
|
|
195
|
+
children: children
|
|
196
|
+
}));
|
|
197
|
+
});
|
|
198
|
+
ModalSubTitle.displayName = 'ModalSubTitle';
|
|
199
|
+
var ModalClose = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
200
|
+
var children = props.children,
|
|
201
|
+
className = props.className,
|
|
202
|
+
restProps = __rest(props, ["children", "className"]);
|
|
203
|
+
return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Close, __assign({
|
|
204
|
+
ref: ref,
|
|
205
|
+
className: (0,classNames/* classNames */.x)('nuri-theme base-modal close', className)
|
|
206
|
+
}, restProps, {
|
|
207
|
+
children: children
|
|
208
|
+
}));
|
|
209
|
+
});
|
|
210
|
+
ModalClose.displayName = 'ModalClose';
|
|
211
|
+
var ModalRoot = Object.assign(ModalRootBase, {
|
|
212
|
+
Container: ModalContainer,
|
|
213
|
+
Trigger: ModalTrigger,
|
|
214
|
+
Title: ModalTitle,
|
|
215
|
+
SubTitle: ModalSubTitle,
|
|
216
|
+
Close: ModalClose
|
|
217
|
+
});
|
|
218
|
+
/* harmony default export */ const base_modal = (ModalRoot);
|
|
219
|
+
// EXTERNAL MODULE: ./helpers/props/common-props.ts
|
|
220
|
+
var common_props = __nuri_require__(298);
|
|
221
|
+
;// ./components/modal/modal-props.ts
|
|
222
|
+
|
|
223
|
+
var sizes = ['s', 'm', 'l'];
|
|
224
|
+
var modalWithDoubleButtonProps = {
|
|
225
|
+
size: (0,common_props/* sizeProp */.lw)(sizes, 'm')
|
|
226
|
+
};
|
|
227
|
+
;// ./components/modal/modal-with-double-button.tsx
|
|
228
|
+
var modal_with_double_button_assign = undefined && undefined.__assign || function () {
|
|
229
|
+
modal_with_double_button_assign = Object.assign || function (t) {
|
|
230
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
231
|
+
s = arguments[i];
|
|
232
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
233
|
+
}
|
|
234
|
+
return t;
|
|
235
|
+
};
|
|
236
|
+
return modal_with_double_button_assign.apply(this, arguments);
|
|
237
|
+
};
|
|
238
|
+
|
|
239
|
+
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
// Row 는 왼쪽, Column 은 오른쪽 버튼이 ghost 다.
|
|
249
|
+
var GHOST_SIDE = {
|
|
250
|
+
row: 'left',
|
|
251
|
+
column: 'right'
|
|
252
|
+
};
|
|
253
|
+
var ModalWithDoubleButtonBody = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
254
|
+
var _a = (0,getMergedProps/* getMergedProps */.p)(props, modalWithDoubleButtonProps),
|
|
255
|
+
layout = _a.layout,
|
|
256
|
+
content = _a.content,
|
|
257
|
+
title = _a.title,
|
|
258
|
+
subTitle = _a.subTitle,
|
|
259
|
+
titleIcon = _a.titleIcon,
|
|
260
|
+
showCloseIcon = _a.showCloseIcon,
|
|
261
|
+
left = _a.left,
|
|
262
|
+
right = _a.right,
|
|
263
|
+
className = _a.className;
|
|
264
|
+
var ghostSide = GHOST_SIDE[layout];
|
|
265
|
+
return (0,jsx_runtime_.jsx)(base_modal, {
|
|
266
|
+
children: (0,jsx_runtime_.jsxs)(base_modal.Container, {
|
|
267
|
+
ref: ref,
|
|
268
|
+
className: (0,classNames/* classNames */.x)(className, 'modal-with-double-button-container'),
|
|
269
|
+
forceMount: true,
|
|
270
|
+
children: [showCloseIcon && (0,jsx_runtime_.jsx)(base_button/* default */.A, {
|
|
271
|
+
className: 'modal-with-double-button-close-button',
|
|
272
|
+
asChild: true,
|
|
273
|
+
children: (0,jsx_runtime_.jsx)(multifly, {})
|
|
274
|
+
}), titleIcon && (0,jsx_runtime_.jsx)(base_modal.Title, {
|
|
275
|
+
className: 'modal-with-double-button-title-icon',
|
|
276
|
+
asChild: true,
|
|
277
|
+
children: titleIcon
|
|
278
|
+
}), title && (0,jsx_runtime_.jsx)(base_modal.Title, {
|
|
279
|
+
className: 'modal-with-double-button-title',
|
|
280
|
+
asChild: true,
|
|
281
|
+
children: (0,jsx_runtime_.jsx)(text_text/* default */.A, {
|
|
282
|
+
text: title,
|
|
283
|
+
size: 'lg',
|
|
284
|
+
weight: 'bold',
|
|
285
|
+
textAlign: 'center'
|
|
286
|
+
})
|
|
287
|
+
}), subTitle && (0,jsx_runtime_.jsx)(base_modal.SubTitle, {
|
|
288
|
+
asChild: true,
|
|
289
|
+
children: typeof subTitle === 'string' ? (0,jsx_runtime_.jsx)(text_text/* default */.A, {
|
|
290
|
+
text: subTitle,
|
|
291
|
+
size: 'sm',
|
|
292
|
+
weight: 'medium',
|
|
293
|
+
color: 'grey-scale-600',
|
|
294
|
+
textAlign: 'center'
|
|
295
|
+
}) : subTitle
|
|
296
|
+
}), (layout === 'column' || content) && (0,jsx_runtime_.jsx)("div", {
|
|
297
|
+
className: 'modal-with-double-button-content',
|
|
298
|
+
children: content
|
|
299
|
+
}), (0,jsx_runtime_.jsxs)("div", {
|
|
300
|
+
className: (0,classNames/* classNames */.x)('modal-with-double-button-close', layout),
|
|
301
|
+
children: [(0,jsx_runtime_.jsx)(base_modal.Close, {
|
|
302
|
+
asChild: true,
|
|
303
|
+
children: (0,jsx_runtime_.jsx)(cta_button/* default */.A, modal_with_double_button_assign({
|
|
304
|
+
variant: ghostSide === 'left' ? 'ghost' : undefined
|
|
305
|
+
}, left))
|
|
306
|
+
}), (0,jsx_runtime_.jsx)(base_modal.Close, {
|
|
307
|
+
asChild: true,
|
|
308
|
+
children: (0,jsx_runtime_.jsx)(cta_button/* default */.A, modal_with_double_button_assign({
|
|
309
|
+
variant: ghostSide === 'right' ? 'ghost' : undefined
|
|
310
|
+
}, right))
|
|
311
|
+
})]
|
|
312
|
+
})]
|
|
313
|
+
})
|
|
314
|
+
});
|
|
315
|
+
});
|
|
316
|
+
ModalWithDoubleButtonBody.displayName = 'ModalWithDoubleButtonBody';
|
|
317
|
+
var ModalWithDoubleButtonRow = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
318
|
+
return (0,jsx_runtime_.jsx)(ModalWithDoubleButtonBody, modal_with_double_button_assign({
|
|
319
|
+
ref: ref,
|
|
320
|
+
layout: 'row'
|
|
321
|
+
}, props));
|
|
322
|
+
});
|
|
323
|
+
ModalWithDoubleButtonRow.displayName = 'ModalWithDoubleButton.Row';
|
|
324
|
+
var ModalWithDoubleButtonColumn = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
|
|
325
|
+
return (0,jsx_runtime_.jsx)(ModalWithDoubleButtonBody, modal_with_double_button_assign({
|
|
326
|
+
ref: ref,
|
|
327
|
+
layout: 'column'
|
|
328
|
+
}, props));
|
|
329
|
+
});
|
|
330
|
+
ModalWithDoubleButtonColumn.displayName = 'ModalWithDoubleButton.Column';
|
|
331
|
+
var ModalWithDoubleButton = {
|
|
332
|
+
Row: ModalWithDoubleButtonRow,
|
|
333
|
+
Column: ModalWithDoubleButtonColumn
|
|
334
|
+
};
|
|
335
|
+
/* harmony default export */ const modal_with_double_button = (ModalWithDoubleButton);
|
|
336
|
+
|
|
337
|
+
/***/ },
|
|
338
|
+
|
|
339
|
+
/***/ 0
|
|
340
|
+
(module, __unused_webpack_exports, __nuri_require__) {
|
|
341
|
+
|
|
342
|
+
var x = (y) => {
|
|
343
|
+
var x = {}; __nuri_require__.d(x, y); return x
|
|
344
|
+
}
|
|
345
|
+
var y = (x) => (() => (x))
|
|
346
|
+
module.exports = x({ ["Dialog"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__.Dialog) });
|
|
347
|
+
|
|
348
|
+
/***/ },
|
|
349
|
+
|
|
350
|
+
/***/ 41
|
|
351
|
+
(module, __unused_webpack_exports, __nuri_require__) {
|
|
352
|
+
|
|
353
|
+
var x = (y) => {
|
|
354
|
+
var x = {}; __nuri_require__.d(x, y); return x
|
|
355
|
+
}
|
|
356
|
+
var y = (x) => (() => (x))
|
|
357
|
+
module.exports = x({ ["Children"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Children), ["cloneElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.cloneElement), ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["isValidElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.isValidElement) });
|
|
358
|
+
|
|
359
|
+
/***/ },
|
|
360
|
+
|
|
361
|
+
/***/ 612
|
|
362
|
+
(module, __unused_webpack_exports, __nuri_require__) {
|
|
363
|
+
|
|
364
|
+
var x = (y) => {
|
|
365
|
+
var x = {}; __nuri_require__.d(x, y); return x
|
|
366
|
+
}
|
|
367
|
+
var y = (x) => (() => (x))
|
|
368
|
+
module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsx), ["jsxs"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsxs) });
|
|
369
|
+
|
|
370
|
+
/***/ }
|
|
371
|
+
|
|
372
|
+
/******/ });
|
|
373
|
+
/************************************************************************/
|
|
374
|
+
/******/ // The module cache
|
|
375
|
+
/******/ var __webpack_module_cache__ = {};
|
|
376
|
+
/******/
|
|
377
|
+
/******/ // The require function
|
|
378
|
+
/******/ function __nuri_require__(moduleId) {
|
|
379
|
+
/******/ // Check if module is in cache
|
|
380
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
381
|
+
/******/ if (cachedModule !== undefined) {
|
|
382
|
+
/******/ return cachedModule.exports;
|
|
383
|
+
/******/ }
|
|
384
|
+
/******/ // Create a new module (and put it into the cache)
|
|
385
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
386
|
+
/******/ // no module.id needed
|
|
387
|
+
/******/ // no module.loaded needed
|
|
388
|
+
/******/ exports: {}
|
|
389
|
+
/******/ };
|
|
390
|
+
/******/
|
|
391
|
+
/******/ // Execute the module function
|
|
392
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __nuri_require__);
|
|
393
|
+
/******/
|
|
394
|
+
/******/ // Return the exports of the module
|
|
395
|
+
/******/ return module.exports;
|
|
396
|
+
/******/ }
|
|
397
|
+
/******/
|
|
398
|
+
/******/ // expose the modules object (__webpack_modules__)
|
|
399
|
+
/******/ __nuri_require__.m = __webpack_modules__;
|
|
400
|
+
/******/
|
|
401
|
+
/************************************************************************/
|
|
402
|
+
/******/ /* webpack/runtime/chunk loaded */
|
|
403
|
+
/******/ (() => {
|
|
404
|
+
/******/ var deferred = [];
|
|
405
|
+
/******/ __nuri_require__.O = (result, chunkIds, fn, priority) => {
|
|
406
|
+
/******/ if(chunkIds) {
|
|
407
|
+
/******/ priority = priority || 0;
|
|
408
|
+
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
|
|
409
|
+
/******/ deferred[i] = [chunkIds, fn, priority];
|
|
410
|
+
/******/ return;
|
|
411
|
+
/******/ }
|
|
412
|
+
/******/ var notFulfilled = Infinity;
|
|
413
|
+
/******/ for (var i = 0; i < deferred.length; i++) {
|
|
414
|
+
/******/ var [chunkIds, fn, priority] = deferred[i];
|
|
415
|
+
/******/ var fulfilled = true;
|
|
416
|
+
/******/ for (var j = 0; j < chunkIds.length; j++) {
|
|
417
|
+
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__nuri_require__.O).every((key) => (__nuri_require__.O[key](chunkIds[j])))) {
|
|
418
|
+
/******/ chunkIds.splice(j--, 1);
|
|
419
|
+
/******/ } else {
|
|
420
|
+
/******/ fulfilled = false;
|
|
421
|
+
/******/ if(priority < notFulfilled) notFulfilled = priority;
|
|
422
|
+
/******/ }
|
|
423
|
+
/******/ }
|
|
424
|
+
/******/ if(fulfilled) {
|
|
425
|
+
/******/ deferred.splice(i--, 1)
|
|
426
|
+
/******/ var r = fn();
|
|
427
|
+
/******/ if (r !== undefined) result = r;
|
|
428
|
+
/******/ }
|
|
429
|
+
/******/ }
|
|
430
|
+
/******/ return result;
|
|
431
|
+
/******/ };
|
|
432
|
+
/******/ })();
|
|
433
|
+
/******/
|
|
434
|
+
/******/ /* webpack/runtime/define property getters */
|
|
435
|
+
/******/ (() => {
|
|
436
|
+
/******/ // define getter functions for harmony exports
|
|
437
|
+
/******/ __nuri_require__.d = (exports, definition) => {
|
|
438
|
+
/******/ for(var key in definition) {
|
|
439
|
+
/******/ if(__nuri_require__.o(definition, key) && !__nuri_require__.o(exports, key)) {
|
|
440
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
441
|
+
/******/ }
|
|
442
|
+
/******/ }
|
|
443
|
+
/******/ };
|
|
444
|
+
/******/ })();
|
|
445
|
+
/******/
|
|
446
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
447
|
+
/******/ (() => {
|
|
448
|
+
/******/ __nuri_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
449
|
+
/******/ })();
|
|
450
|
+
/******/
|
|
451
|
+
/******/ /* webpack/runtime/export webpack runtime */
|
|
452
|
+
/******/ export { __nuri_require__ };
|
|
453
|
+
/******/
|
|
454
|
+
/******/ /* webpack/runtime/import chunk loading */
|
|
455
|
+
/******/ (() => {
|
|
456
|
+
/******/ // no baseURI
|
|
457
|
+
/******/
|
|
458
|
+
/******/ // object to store loaded and loading chunks
|
|
459
|
+
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
460
|
+
/******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
|
|
461
|
+
/******/ var installedChunks = {
|
|
462
|
+
/******/ 440: 0,
|
|
463
|
+
/******/ 516: 0
|
|
464
|
+
/******/ };
|
|
465
|
+
/******/
|
|
466
|
+
/******/ var installChunk = (data) => {
|
|
467
|
+
/******/ var {__webpack_esm_ids__, __webpack_esm_modules__, __webpack_esm_runtime__} = data;
|
|
468
|
+
/******/ // add "modules" to the modules object,
|
|
469
|
+
/******/ // then flag all "ids" as loaded and fire callback
|
|
470
|
+
/******/ var moduleId, chunkId, i = 0;
|
|
471
|
+
/******/ for(moduleId in __webpack_esm_modules__) {
|
|
472
|
+
/******/ if(__nuri_require__.o(__webpack_esm_modules__, moduleId)) {
|
|
473
|
+
/******/ __nuri_require__.m[moduleId] = __webpack_esm_modules__[moduleId];
|
|
474
|
+
/******/ }
|
|
475
|
+
/******/ }
|
|
476
|
+
/******/ if(__webpack_esm_runtime__) __webpack_esm_runtime__(__nuri_require__);
|
|
477
|
+
/******/ for(;i < __webpack_esm_ids__.length; i++) {
|
|
478
|
+
/******/ chunkId = __webpack_esm_ids__[i];
|
|
479
|
+
/******/ if(__nuri_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
|
480
|
+
/******/ installedChunks[chunkId][0]();
|
|
481
|
+
/******/ }
|
|
482
|
+
/******/ installedChunks[__webpack_esm_ids__[i]] = 0;
|
|
483
|
+
/******/ }
|
|
484
|
+
/******/ __nuri_require__.O();
|
|
485
|
+
/******/ }
|
|
486
|
+
/******/
|
|
487
|
+
/******/ // no chunk on demand loading
|
|
488
|
+
/******/
|
|
489
|
+
/******/ // no prefetching
|
|
490
|
+
/******/
|
|
491
|
+
/******/ // no preloaded
|
|
492
|
+
/******/
|
|
493
|
+
/******/ __nuri_require__.C = installChunk;
|
|
494
|
+
/******/
|
|
495
|
+
/******/ __nuri_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
|
|
496
|
+
/******/ // no HMR
|
|
497
|
+
/******/
|
|
498
|
+
/******/ // no HMR manifest
|
|
499
|
+
/******/ })();
|
|
500
|
+
/******/
|
|
501
|
+
/************************************************************************/
|
|
502
|
+
/******/
|
|
503
|
+
/******/ import * as __webpack_chunk_1__ from "./chunk-364.js";
|
|
504
|
+
/******/ __nuri_require__.C(__webpack_chunk_1__);
|
|
505
|
+
/******/ import * as __webpack_chunk_2__ from "./chunk-777.js";
|
|
506
|
+
/******/ __nuri_require__.C(__webpack_chunk_2__);
|
|
507
|
+
/******/ import * as __webpack_chunk_3__ from "./chunk-558.js";
|
|
508
|
+
/******/ __nuri_require__.C(__webpack_chunk_3__);
|
|
509
|
+
/******/ import * as __webpack_chunk_4__ from "./chunk-298.js";
|
|
510
|
+
/******/ __nuri_require__.C(__webpack_chunk_4__);
|
|
511
|
+
/******/ import * as __webpack_chunk_5__ from "./chunk-302.js";
|
|
512
|
+
/******/ __nuri_require__.C(__webpack_chunk_5__);
|
|
513
|
+
/******/ import * as __webpack_chunk_6__ from "./chunk-933.js";
|
|
514
|
+
/******/ __nuri_require__.C(__webpack_chunk_6__);
|
|
515
|
+
/******/ import * as __webpack_chunk_7__ from "./chunk-739.js";
|
|
516
|
+
/******/ __nuri_require__.C(__webpack_chunk_7__);
|
|
517
|
+
/******/ import * as __webpack_chunk_8__ from "./chunk-976.js";
|
|
518
|
+
/******/ __nuri_require__.C(__webpack_chunk_8__);
|
|
519
|
+
/******/
|
|
520
|
+
/******/ // startup
|
|
521
|
+
/******/ // Load entry module and return exports
|
|
522
|
+
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
|
|
523
|
+
/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,777,558,298,302,933,739,976], () => (__nuri_require__(21)))
|
|
524
|
+
/******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
|
|
525
|
+
/******/ const __webpack_exports__default = __webpack_exports__.A;
|
|
526
|
+
/******/ export { __webpack_exports__default as default };
|
|
527
|
+
/******/
|