@ncds/ui-admin 0.0.33 → 0.0.34

package/dist/temp/src/components/button/ButtonGroup.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+import React, { createElement } from 'react';
+import { COLOR } from '../../../constant/color';
+import { Dot } from '../dot';
+var svgSize = {
+    xs: 12,
+    sm: 16,
+    md: 16,
+    lg: 20,
+};
+var dotSize = {
+    xs: 'sm',
+    sm: 'sm',
+    md: 'md',
+    lg: 'md',
+};
+export var ButtonGroup = function (_a) {
+    var children = _a.children, className = _a.className, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'lg' : _c, _d = _a.onlyIcon, onlyIcon = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
+    return (_jsx("div", __assign({ className: classNames('ncua-button-group', "ncua-button-group--".concat(size), { 'has-border': hasBorder }, className) }, { children: React.Children.map(children, function (child) {
+            if (!React.isValidElement(child)) {
+                return null;
+            }
+            return React.cloneElement(child, {
+                onlyIcon: onlyIcon,
+                size: size,
+                disabled: disabled || child.props.disabled,
+            });
+        }) })));
+};
+ButtonGroup.Item = function (_a) {
+    var _b;
+    var _c = _a.as, as = _c === void 0 ? 'button' : _c, label = _a.label, _d = _a.size, size = _d === void 0 ? 'md' : _d, onlyIcon = _a.onlyIcon, icon = _a.icon, disabled = _a.disabled, children = _a.children, isCurrent = _a.isCurrent, props = __rest(_a, ["as", "label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent"]);
+    var renderIcon = function () {
+        var _a, _b, _c;
+        if (!icon)
+            return null;
+        if (icon.type === 'icon') {
+            return (_jsx(Icon, { name: icon.icon, width: (_a = icon.size) !== null && _a !== void 0 ? _a : svgSize[size], height: (_b = icon.size) !== null && _b !== void 0 ? _b : svgSize[size], color: icon.color ? COLOR[icon.color] : 'currentColor' }));
+        }
+        if (icon.type === 'dot') {
+            return _jsx(Dot, { color: icon.color, size: (_c = icon.size) !== null && _c !== void 0 ? _c : dotSize[size] });
+        }
+        return icon.children;
+    };
+    var position = (_b = icon === null || icon === void 0 ? void 0 : icon.position) !== null && _b !== void 0 ? _b : 'leading';
+    return createElement(as, __assign({ className: classNames('ncua-button-group__item', { 'is-disabled': disabled }, { 'is-only-icon': onlyIcon }, { 'is-current': isCurrent }), disabled: disabled, type: as === 'button' ? 'button' : undefined }, props), _jsxs(_Fragment, { children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()] }));
+};

package/dist/temp/src/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dist/temp/src/components/button/index.js

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './ButtonGroup';

package/dist/temp/src/components/carousel/CarouselArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselArrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/carousel/CarouselArrow.tsx"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,gDAA6D,kBAAkB,4CAoBxG,CAAC"}

package/dist/temp/src/components/carousel/CarouselArrow.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import Icon from '@ncds/ui-admin-icon';
+export var CarouselArrow = function (_a) {
+    var _b;
+    var _c = _a.type, type = _c === void 0 ? 'default' : _c, className = _a.className, size = _a.size, chevron = _a.chevron, onClick = _a.onClick;
+    return (_jsx("button", __assign({ type: "button", className: classNames('ncua-carousel-arrow', (_b = {},
+            _b["ncua-carousel-arrow--".concat(type)] = type,
+            _b["ncua-carousel-arrow--".concat(size)] = size,
+            _b["ncua-carousel-arrow--".concat(chevron)] = chevron,
+            _b), className), onClick: onClick }, { children: _jsx(Icon, { className: "ncua-carousel-arrow__icon", color: "var(--gray-500)", name: chevron === 'left' ? 'chevron-left' : 'chevron-right' }) })));
+};

package/dist/temp/src/components/carousel/CarouselNumberGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselNumberGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/carousel/CarouselNumberGroup.tsx"],"names":[],"mappings":"AAEA,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qDAM7B,wBAAwB,4CAa1B,CAAC"}

package/dist/temp/src/components/carousel/CarouselNumberGroup.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+export var CarouselNumberGroup = function (_a) {
+    var _b;
+    var _c = _a.framed, framed = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? 'sm' : _d, _e = _a.color, color = _e === void 0 ? 'light' : _e, currentPage = _a.currentPage, totalPage = _a.totalPage;
+    return (_jsxs("div", __assign({ className: classNames('ncua-carousel-number-group', (_b = {
+                framed: framed
+            },
+            _b["ncua-carousel-number-group--".concat(color)] = color,
+            _b["ncua-carousel-number-group--".concat(size)] = size,
+            _b)) }, { children: [_jsx("span", __assign({ className: "ncua-carousel-number-group__number" }, { children: currentPage })), _jsxs("span", __assign({ className: "ncua-carousel-number-group__total" }, { children: ["/", totalPage] }))] })));
+};

package/dist/temp/src/components/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/dist/temp/src/components/carousel/index.js

@@ -0,0 +1,2 @@
+export * from './CarouselArrow';
+export * from './CarouselNumberGroup';

package/dist/temp/src/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxF,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,QAAQ,8GAWlB,aAAa,4CAyBf,CAAC"}

package/dist/temp/src/components/checkbox/Checkbox.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { CheckboxInput } from './CheckboxInput';
+export var Checkbox = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, text = _a.text, supportText = _a.supportText, disabled = _a.disabled, checked = _a.checked, className = _a.className, checkboxRef = _a.checkboxRef, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "checkboxRef", "onChange"]);
+    return (_jsxs("label", __assign({ className: classNames('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), { 'has-text': text }, className) }, { children: [_jsx(CheckboxInput, __assign({ size: size, ref: checkboxRef, checked: checked, indeterminate: indeterminate, disabled: disabled, onChange: onChange, className: "ncua-checkbox-field__input" }, props)), _jsx("span", { children: text && (_jsxs(_Fragment, { children: [_jsx("span", __assign({ className: "ncua-checkbox-field__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-checkbox-field__support-text" }, { children: supportText }))] })) })] })));
+};

package/dist/temp/src/components/checkbox/CheckboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/CheckboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAc,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9F,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,iHAuCzB,CAAC"}

package/dist/temp/src/components/checkbox/CheckboxInput.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+/**
+ * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
+ */
+export var CheckboxInput = forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, disabled = _a.disabled, className = _a.className, _d = _a.destructive, destructive = _d === void 0 ? false : _d, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
+    /**
+     * 체크박스 체크시 나오는 아이콘은 아이콘 컴포넌트와 굵기가 달라 별도로 정의하였습니다.
+     */
+    var checkIcon = (_jsx(_Fragment, { children: _jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, { children: _jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: disabled ? '#D3D4D8' : '#171818', "stroke-width": "1.6666", "stroke-linecap": "round", "stroke-linejoin": "round" }) })) }));
+    var indeterminateIcon = (_jsx(_Fragment, { children: _jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, { children: _jsx("path", { d: "M2.5 6H9.5", stroke: disabled ? '#D3D4D8' : '#2F2F30', "stroke-width": "1.66666", "stroke-linecap": "round", "stroke-linejoin": "round" }) })) }));
+    return (_jsxs("span", __assign({ className: classNames('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), { destructive: destructive }, className) }, { children: [_jsx("input", __assign({ type: "checkbox", ref: ref, onChange: onChange, disabled: disabled }, props)), _jsx("span", __assign({ className: "ncua-checkbox-input__ico" }, { children: !indeterminate ? checkIcon : indeterminateIcon }))] })));
+});

package/dist/temp/src/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

package/dist/temp/src/components/checkbox/index.js

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxInput';

package/dist/{types → temp}/src/components/date-picker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'flatpickr/dist/flatpickr.css';
 import { Options } from 'flatpickr/dist/types/options';
 import { DateTimePickerProps, DateTimePickerHandle } from 'react-flatpickr';

package/dist/temp/src/components/date-picker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":";AAEA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAkB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU,+HA4CtB,CAAC"}

package/dist/temp/src/components/date-picker/DatePicker.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import 'flatpickr/dist/flatpickr.css';
+import { Korean } from 'flatpickr/dist/l10n/ko';
+import { forwardRef } from 'react';
+import Flatpickr from 'react-flatpickr';
+import { COLOR } from '../../../constant/color';
+export var DatePicker = forwardRef(function (_a, ref) {
+    var _b = _a.shouldFocus, shouldFocus = _b === void 0 ? true : _b, currentDate = _a.currentDate, _c = _a.size, size = _c === void 0 ? 'sm' : _c, onChangeDate = _a.onChangeDate, datePickerOptions = _a.datePickerOptions, attrs = __rest(_a, ["shouldFocus", "currentDate", "size", "onChangeDate", "datePickerOptions"]);
+    var onChangeDateHandler = function (dateTimeStamp, dateStr) { return onChangeDate(dateStr); };
+    var options = __assign({ mode: 'single', static: true, locale: Korean, dateFormat: 'Y-m-d', clickOpens: true, onChange: onChangeDateHandler, allowInvalidPreload: true }, datePickerOptions);
+    var svgSize = size === 'sm' ? 14 : 16;
+    return (_jsxs("div", __assign({ className: classNames('ncua-date-picker', "ncua-date-picker--".concat(size), {
+            'ncua-date-picker--disabled': attrs.disabled,
+        }) }, { children: [_jsx(Flatpickr, __assign({}, attrs, { ref: ref || undefined, className: classNames('ncua-date-picker__input'), options: options, value: currentDate })), _jsx("span", __assign({ className: "ncua-date-picker__ico" }, { children: _jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: svgSize, height: svgSize, viewBox: "0 0 16 16", fill: "none" }, { children: _jsx("path", { d: "M14 6.66671H2M10.6667 1.33337V4.00004M5.33333 1.33337V4.00004M5.2 14.6667H10.8C11.9201 14.6667 12.4802 14.6667 12.908 14.4487C13.2843 14.257 13.5903 13.951 13.782 13.5747C14 13.1469 14 12.5868 14 11.4667V5.86671C14 4.7466 14 4.18655 13.782 3.75873C13.5903 3.3824 13.2843 3.07644 12.908 2.88469C12.4802 2.66671 11.9201 2.66671 10.8 2.66671H5.2C4.0799 2.66671 3.51984 2.66671 3.09202 2.88469C2.71569 3.07644 2.40973 3.3824 2.21799 3.75873C2 4.18655 2 4.7466 2 5.86671V11.4667C2 12.5868 2 13.1469 2.21799 13.5747C2.40973 13.951 2.71569 14.257 3.09202 14.4487C3.51984 14.6667 4.0799 14.6667 5.2 14.6667Z", stroke: attrs.disabled ? COLOR.gray300 : 'black', strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }) })) }))] })));
+});
+DatePicker.displayName = 'DatePicker';

package/dist/{types → temp}/src/components/date-picker/RangeDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { unitOfTime } from 'moment';
 import { DatePickerProps } from './DatePicker';
 export type RangeDatePickerProps = {

package/dist/temp/src/components/date-picker/RangeDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/RangeDatePicker.tsx"],"names":[],"mappings":";AAGA,OAAe,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,gBAAgB,EAAE,eAAe,CAAC;IAClC,cAAc,EAAE,eAAe,CAAC;IAChC,gBAAgB,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE;YACT,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC;YACtB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAC1B,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;QACtB,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;QAC1C,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACrB,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,eAAe,iHAmJ3B,CAAC"}

package/dist/temp/src/components/date-picker/RangeDatePicker.js

@@ -0,0 +1,127 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, forwardRef } from 'react';
+import { isNil } from 'lodash';
+import moment from 'moment';
+import { DatePicker } from './DatePicker';
+import { getDateFormat } from './utils';
+export var RangeDatePicker = forwardRef(function (_a, ref) {
+    var startDateOptions = _a.startDateOptions, endDateOptions = _a.endDateOptions, validationOption = _a.validationOption, onDateValidation = _a.onDateValidation;
+    var resetDateAndAlert = useCallback(function (type) {
+        var _a, _b;
+        var newDate = type === 'start' ? ((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.startDate) || '' : ((_b = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _b === void 0 ? void 0 : _b.endDate) || '';
+        if (type === 'start') {
+            startDateOptions.onChangeDate(newDate);
+        }
+        else {
+            endDateOptions.onChangeDate(newDate);
+        }
+        onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+            type: type,
+            errorType: 'reset',
+            newDate: newDate,
+            currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate,
+        });
+    }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
+    var changeSettingDateAndAlert = useCallback(function (type, isOverPeriod) {
+        if (isOverPeriod === void 0) { isOverPeriod = false; }
+        if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
+            var newDate_1 = type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate;
+            var currentDate = type === 'start' ? endDateOptions.currentDate : startDateOptions.currentDate;
+            onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+                type: type,
+                errorType: 'overlap',
+                newDate: newDate_1,
+                currentDate: currentDate,
+            });
+            return;
+        }
+        var _a = validationOption.setting, unit = _a.unit, period = _a.period;
+        var newDate = '';
+        if (type === 'start') {
+            newDate = getDateFormat(moment(endDateOptions.currentDate).subtract(period, unit).toDate());
+        }
+        else {
+            newDate = getDateFormat(moment(startDateOptions.currentDate).add(period, unit).toDate());
+        }
+        onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+            type: type,
+            errorType: isOverPeriod ? 'period' : 'overlap',
+            newDate: newDate,
+            currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate,
+        });
+    }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
+    var validateDateType = function (date) { return moment(date).isValid(); };
+    useEffect(function () {
+        var _a;
+        var needResetDate = validateDateType(startDateOptions.currentDate) &&
+            !isNil((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.startDate) &&
+            moment(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+        if (needResetDate) {
+            resetDateAndAlert('start');
+            return;
+        }
+        var isOverDate = moment(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+        if (isOverDate) {
+            changeSettingDateAndAlert('start');
+        }
+        if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
+            return;
+        }
+        var _b = validationOption.setting, unit = _b.unit, period = _b.period;
+        var isValidPeriod = moment(startDateOptions.currentDate).isSameOrAfter(moment(endDateOptions.currentDate).subtract(period, unit));
+        if (!isValidPeriod) {
+            changeSettingDateAndAlert('start', !isValidPeriod);
+        }
+    }, [
+        startDateOptions.currentDate,
+        endDateOptions.currentDate,
+        validationOption,
+        resetDateAndAlert,
+        changeSettingDateAndAlert,
+    ]);
+    useEffect(function () {
+        var _a;
+        var needResetDate = validateDateType(endDateOptions.currentDate) &&
+            !isNil((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.endDate) &&
+            moment(endDateOptions.currentDate).isBefore(startDateOptions.currentDate);
+        if (needResetDate) {
+            resetDateAndAlert('end');
+            return;
+        }
+        var isNotTodayEndDate = !moment(endDateOptions.currentDate).isSame(moment(), 'day');
+        if (!isNotTodayEndDate) {
+            return;
+        }
+        var isOverDate = moment(endDateOptions.currentDate).isBefore(startDateOptions.currentDate);
+        if (isOverDate) {
+            changeSettingDateAndAlert('end');
+        }
+        if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
+            return;
+        }
+        var _b = validationOption.setting, unit = _b.unit, period = _b.period;
+        var isValidPeriod = moment(endDateOptions.currentDate).isSameOrBefore(moment(startDateOptions.currentDate).add(period, unit));
+        if (!isValidPeriod) {
+            changeSettingDateAndAlert('end', !isValidPeriod);
+        }
+    }, [
+        endDateOptions.currentDate,
+        startDateOptions.currentDate,
+        validationOption,
+        resetDateAndAlert,
+        changeSettingDateAndAlert,
+    ]);
+    return (_jsxs("div", __assign({ className: "ncua-range-date-picker", ref: ref || undefined }, { children: [_jsx(DatePicker, __assign({}, startDateOptions, { ref: undefined })), "-", _jsx(DatePicker, __assign({}, endDateOptions, { ref: undefined }))] })));
+});
+RangeDatePicker.displayName = 'RangeDatePicker';

package/dist/temp/src/components/date-picker/RangeDatePickerWithButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePickerWithButtons.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/RangeDatePickerWithButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAe,eAAe,EAAE,MAAM,WAAW,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC;AAErD,KAAK,+BAA+B,GAAG;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,eAAe,EAAE,aAAa,CAAC;IAC/B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,aAAa,EAAE,CAAC;CAC7B,GAAG,oBAAoB,CAAC;AAEzB,eAAO,MAAM,0BAA0B,gJASpC,+BAA+B,4CAwDjC,CAAC"}

package/dist/temp/src/components/date-picker/RangeDatePickerWithButtons.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { RangeDatePicker } from './RangeDatePicker';
+import { ButtonGroup } from '../button';
+import { getDateFormat, getSubtractDate } from '../../utils/date-picker';
+import { PERIOD_ITEM } from '../../constant/date-picker';
+export var RangeDatePickerWithButtons = function (_a) {
+    var _b = _a.buttonGroupSize, buttonGroupSize = _b === void 0 ? 'sm' : _b, currentButtonId = _a.currentButtonId, setCurrentButtonId = _a.setCurrentButtonId, startDateOptions = _a.startDateOptions, endDateOptions = _a.endDateOptions, validationOption = _a.validationOption, periodKeys = _a.periodKeys, onDateValidation = _a.onDateValidation;
+    var setCalculatedDate = function () {
+        var currentPeriodItem = PERIOD_ITEM[currentButtonId];
+        if (!currentPeriodItem) {
+            return;
+        }
+        if (currentButtonId === 'ENTIRE') {
+            startDateOptions.onChangeDate('');
+            endDateOptions.onChangeDate('');
+            return;
+        }
+        var startDate = getDateFormat(getSubtractDate({ period: currentPeriodItem.period, unit: currentPeriodItem.unit }));
+        startDateOptions.onChangeDate(startDate);
+        if (endDateOptions.currentDate !== getDateFormat()) {
+            endDateOptions.onChangeDate(getDateFormat());
+        }
+    };
+    var handleOnChangeDate = function (date, type) {
+        type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);
+        currentButtonId && setCurrentButtonId('NONE');
+    };
+    useEffect(function () {
+        if (currentButtonId !== 'NONE') {
+            setCalculatedDate();
+        }
+    }, [currentButtonId]);
+    return (_jsxs("div", __assign({ className: "ncua-range-date-picker-with-buttons" }, { children: [_jsx(ButtonGroup, __assign({ size: buttonGroupSize }, { children: periodKeys.map(function (key) { return (_jsx(ButtonGroup.Item, { isCurrent: currentButtonId === key, label: PERIOD_ITEM[key].text, onClick: function () { return setCurrentButtonId(key); } }, key)); }) })), _jsx(RangeDatePicker, { startDateOptions: __assign(__assign({}, startDateOptions), { onChangeDate: function (date) { return handleOnChangeDate(date, 'START'); } }), endDateOptions: __assign(__assign({}, endDateOptions), { onChangeDate: function (date) { return handleOnChangeDate(date, 'END'); } }), validationOption: validationOption, onDateValidation: onDateValidation })] })));
+};

package/dist/temp/src/components/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC"}

package/dist/{esm → temp}/src/components/date-picker/index.js

@@ -1,4 +1,4 @@
 export * from './DatePicker';
 export * from './RangeDatePicker';
 export * from './RangeDatePickerWithButtons';
-export * from './utils';
+export * from './utils';

package/dist/temp/src/components/date-picker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-picker/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,SAEvB;AAED,wBAAgB,aAAa,CAAC,IAAI,GAAE,IAAI,GAAG,MAAmB,UAE7D"}

package/dist/temp/src/components/date-picker/utils.js

@@ -0,0 +1,8 @@
+import moment from 'moment';
+export function getToday() {
+    return moment().toDate();
+}
+export function getDateFormat(date) {
+    if (date === void 0) { date = getToday(); }
+    return moment(date).format('YYYY-MM-DD');
+}

package/dist/temp/src/components/divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAG9C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,GAAG,mBAAmB,CAAC;AAC/G,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,yGAQnB,CAAC"}

package/dist/temp/src/components/divider/Divider.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+/**
+ * @param {DividerProps} props
+ * @param {ReactNode} props.children Button 컴포넌트는 xs로 ButtonGroup은 sm 사이즈로 추가하는 것이 권장됩니다.
+ * @returns {ReactNode}
+ */
+export var Divider = forwardRef(function (_a, ref) {
+    var className = _a.className, type = _a.type, _b = _a.style, style = _b === void 0 ? 'single-line' : _b, children = _a.children;
+    return (_jsxs("div", __assign({ className: classNames('ncua-divider', "ncua-divider--".concat(type), "ncua-divider--".concat(style), className), ref: ref }, { children: [style === 'single-line' && _jsx("div", { className: "ncua-divider__line" }), _jsx("div", __assign({ className: "ncua-divider__content" }, { children: children })), style === 'single-line' && _jsx("div", { className: "ncua-divider__line" })] })));
+});
+Divider.displayName = 'Divider';

package/dist/temp/src/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/temp/src/components/divider/index.js

@@ -0,0 +1 @@
+export * from './Divider';

package/dist/temp/src/components/dot/Dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../../../src/components/dot/Dot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AACjC,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAExD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC9E;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,sGAUf,CAAC"}

package/dist/temp/src/components/dot/Dot.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+export var Dot = forwardRef(function (_a, ref) {
+    var _b = _a.color, color = _b === void 0 ? 'success' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, className = _a.className, props = __rest(_a, ["color", "size", "className"]);
+    return (_jsx("span", __assign({ ref: ref, className: classNames('ncua-dot', "ncua-dot--".concat(color), "ncua-dot--".concat(size), className) }, props)));
+});
+Dot.displayName = 'Dot';

package/dist/temp/src/components/dot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dot/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/temp/src/components/dot/index.js

@@ -0,0 +1 @@
+export * from './Dot';

package/dist/{types → temp}/src/components/dropdown/Dropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconName } from '@ncds/ui-admin-icon';
 export type AvatarTrigger = {
     type: 'avatar';

package/dist/temp/src/components/dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,aAAa,GAAG,WAAW,GAAG,aAAa,GAAG,WAAW,GAAG,aAAa,CAAC;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,kGASlB,aAAa,4CA6If,CAAC"}