@ncds/ui-admin 0.0.3 → 0.0.8

package/dist/ui-admin/assets/scripts/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _test = require("./test");
-Object.keys(_test).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _test[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _test[key];
-    }
-  });
-});
+export * from './test';

package/dist/ui-admin/assets/scripts/test.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.test = void 0;
-var test = function () {
-  console.log('test');
+export var test = function () {
+    console.log('test');
 };
-exports.test = test;

package/dist/ui-admin/constant/color.js

@@ -1,38 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.COLOR = void 0;
-var COLOR = exports.COLOR = {
-  gray200: '#D0D5DD',
-  gray300: '#98A2B3',
-  gray400: '#667085',
-  gray500: '#344054',
-  gray600: '#475467',
-  gray700: '#0C111D',
-  blue500: '#1570EF',
-  blue600: '#1849a9',
-  red500: '#ec1d31',
-  red600: '#dc0a2b',
-  orange500: '#e4501e',
-  orange600: '#b93815',
-  green500: '#099250',
-  green600: '#087443',
-  pink100: '#fce7f6',
-  pink600: '#c11574',
-  yellow600: '#c27004',
-  violet600: '#5720b7',
-  white: '#fff',
-  currentColor: 'currentColor',
-  black: '',
-  'secondary-gray-blue-50': '#f8f9fc',
-  'secondary-gray-blue-100': '#eaecf5',
-  'secondary-gray-blue-200': '#d5d9eb',
-  'secondary-gray-blue-300': '#b3b8db',
-  'secondary-gray-blue-400': '#717bbc',
-  'secondary-gray-blue-450': '#4e5ba6',
-  'secondary-gray-blue-500': '#3e4784',
-  'secondary-gray-blue-600': '#363f72',
-  'secondary-gray-blue-700': '#293056'
-};
+export var COLOR = {
+    gray200: '#D0D5DD',
+    gray300: '#98A2B3',
+    gray400: '#667085',
+    gray500: '#344054',
+    gray600: '#475467',
+    gray700: '#0C111D',
+    blue500: '#1570EF',
+    blue600: '#1849a9',
+    red500: '#ec1d31',
+    red600: '#dc0a2b',
+    orange500: '#e4501e',
+    orange600: '#b93815',
+    green500: '#099250',
+    green600: '#087443',
+    pink100: '#fce7f6',
+    pink600: '#c11574',
+    yellow600: '#c27004',
+    violet600: '#5720b7',
+    white: '#fff',
+    currentColor: 'currentColor',
+    black: '',
+    'secondary-gray-blue-50': '#f8f9fc',
+    'secondary-gray-blue-100': '#eaecf5',
+    'secondary-gray-blue-200': '#d5d9eb',
+    'secondary-gray-blue-300': '#b3b8db',
+    'secondary-gray-blue-400': '#717bbc',
+    'secondary-gray-blue-450': '#4e5ba6',
+    'secondary-gray-blue-500': '#3e4784',
+    'secondary-gray-blue-600': '#363f72',
+    'secondary-gray-blue-700': '#293056',
+};

package/dist/ui-admin/constant/size.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/dist/ui-admin/index.js

@@ -1,148 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _button = require("./src/components/button");
-Object.keys(_button).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _button[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _button[key];
-    }
-  });
-});
-var _checkbox = require("./src/components/checkbox");
-Object.keys(_checkbox).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _checkbox[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _checkbox[key];
-    }
-  });
-});
-var _input = require("./src/components/input");
-Object.keys(_input).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _input[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _input[key];
-    }
-  });
-});
-var _pagination = require("./src/components/pagination");
-Object.keys(_pagination).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _pagination[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _pagination[key];
-    }
-  });
-});
-var _radio = require("./src/components/radio");
-Object.keys(_radio).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _radio[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _radio[key];
-    }
-  });
-});
-var _select = require("./src/components/select");
-Object.keys(_select).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _select[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _select[key];
-    }
-  });
-});
-var _hintText = require("./src/components/shared/hintText");
-Object.keys(_hintText).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hintText[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hintText[key];
-    }
-  });
-});
-var _label = require("./src/components/shared/label");
-Object.keys(_label).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _label[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _label[key];
-    }
-  });
-});
-var _shared = require("./src/components/shared");
-Object.keys(_shared).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _shared[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _shared[key];
-    }
-  });
-});
-var _spinner = require("./src/components/spinner");
-Object.keys(_spinner).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _spinner[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _spinner[key];
-    }
-  });
-});
-var _svg = require("./src/components/svg");
-Object.keys(_svg).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _svg[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _svg[key];
-    }
-  });
-});
-var _tooltip = require("./src/components/tooltip");
-Object.keys(_tooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _tooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tooltip[key];
-    }
-  });
-});
-var _components = require("./src/components");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
+export * from './src/components/button';
+export * from './src/components/checkbox';
+export * from './src/components/input';
+export * from './src/components/pagination';
+export * from './src/components/radio';
+export * from './src/components/select';
+export * from './src/components/shared/hintText';
+export * from './src/components/shared/label';
+export * from './src/components/shared';
+export * from './src/components/spinner';
+export * from './src/components/svg';
+export * from './src/components/tooltip';
+export * from './src/components';

package/dist/ui-admin/src/components/button/Button.js

@@ -1,106 +1,71 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.svgSize = exports.Button = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _color = require("../../../constant/color");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__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 __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 = void 0 && (void 0).__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;
+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;
 };
-var svgSize = exports.svgSize = {
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 20
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { createElement, forwardRef, useEffect, useState } from 'react';
+import { COLOR } from '../../../constant/color';
+import Icon from '@ncds/ui-admin-icon';
+export var svgSize = {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 20,
 };
-var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
-  var _a = props.as,
-    as = _a === void 0 ? 'button' : _a,
-    _b = props.size,
-    size = _b === void 0 ? 'md' : _b,
-    children = props.children,
-    onlyIcon = props.onlyIcon,
-    disabled = props.disabled,
-    className = props.className,
-    _c = props.hierarchy,
-    hierarchy = _c === void 0 ? 'secondary-gray' : _c,
-    label = props.label,
-    leadingIcon = props.leadingIcon,
-    trailingIcon = props.trailingIcon,
-    restProps = __rest(props, ["as", "size", "children", "onlyIcon", "disabled", "className", "hierarchy", "label", "leadingIcon", "trailingIcon"]);
-  var _d = (0, _react.useState)(null),
-    queryParams = _d[0],
-    setQueryParams = _d[1];
-  // Type guard to check if props is an AnchorElementProps
-  var isAnchorProps = function (p) {
-    return p.as === 'a';
-  };
-  var handleClickLink = function (e) {
-    var isRemote = (queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('isRemote')) === 'true';
-    if (isAnchorProps(props) && isRemote) {
-      e.preventDefault();
-      // INFO: 1. 사이트 리모트 페이지(디센/개센): 빌더에서 설정한 타겟(self or blank)에 따라 페이지 호출
-      // 2. 어드민 리모트 페이지: 빌더에서 설정한 타겟에 관계 없이 모두 blank
-      var isBlank = props.target === '_blank';
-      if (!isRemote && !isBlank && window.top) {
-        window.top.location.href = props.href;
-        return;
-      }
-      window.open(props.href);
-    }
-  };
-  var sideSlotRender = function (slot) {
-    if (slot.type === 'icon') {
-      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-        name: slot.icon,
-        height: svgSize[size],
-        width: svgSize[size],
-        color: slot.color ? _color.COLOR[slot.color] : undefined
-      });
-    }
-    return slot.children;
-  };
-  (0, _react.useEffect)(function () {
-    var _a;
-    setQueryParams(new URLSearchParams(((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.search) || ''));
-  }, []);
-  return /*#__PURE__*/(0, _react.createElement)(as, __assign(__assign({
-    className: (0, _classnames.default)('ncua-btn', "ncua-btn--".concat(size), {
-      'only-icon': onlyIcon,
-      'is-disable': disabled,
-      'has-underline': isAnchorProps(props) ? props.underline : false
-    }, className, hierarchy && "ncua-btn--".concat(hierarchy)),
-    onClick: isAnchorProps(props) ? handleClickLink : undefined,
-    disabled: disabled
-  }, restProps), {
-    ref: ref
-  }), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && (0, _jsxRuntime.jsx)("span", __assign({
-      className: "ncua-btn__label"
-    }, {
-      children: label
-    })), children, trailingIcon && sideSlotRender(trailingIcon)]
-  }));
-});
+export var Button = forwardRef(function (props, ref) {
+    // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
+    var _a = props.as, as = _a === void 0 ? 'button' : _a, _b = props.size, size = _b === void 0 ? 'md' : _b, children = props.children, onlyIcon = props.onlyIcon, disabled = props.disabled, className = props.className, _c = props.hierarchy, hierarchy = _c === void 0 ? 'secondary-gray' : _c, label = props.label, leadingIcon = props.leadingIcon, trailingIcon = props.trailingIcon, restProps = __rest(props, ["as", "size", "children", "onlyIcon", "disabled", "className", "hierarchy", "label", "leadingIcon", "trailingIcon"]);
+    var _d = useState(null), queryParams = _d[0], setQueryParams = _d[1];
+    // Type guard to check if props is an AnchorElementProps
+    var isAnchorProps = function (p) {
+        return p.as === 'a';
+    };
+    var handleClickLink = function (e) {
+        var isRemote = (queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('isRemote')) === 'true';
+        if (isAnchorProps(props) && isRemote) {
+            e.preventDefault();
+            // INFO: 1. 사이트 리모트 페이지(디센/개센): 빌더에서 설정한 타겟(self or blank)에 따라 페이지 호출
+            // 2. 어드민 리모트 페이지: 빌더에서 설정한 타겟에 관계 없이 모두 blank
+            var isBlank = props.target === '_blank';
+            if (!isRemote && !isBlank && window.top) {
+                window.top.location.href = props.href;
+                return;
+            }
+            window.open(props.href);
+        }
+    };
+    var sideSlotRender = function (slot) {
+        if (slot.type === 'icon') {
+            return (_jsx(Icon, { name: slot.icon, height: svgSize[size], width: svgSize[size], color: slot.color ? COLOR[slot.color] : undefined }));
+        }
+        return slot.children;
+    };
+    useEffect(function () {
+        var _a;
+        setQueryParams(new URLSearchParams(((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.search) || ''));
+    }, []);
+    return createElement(as, __assign(__assign({ className: classnames('ncua-btn', "ncua-btn--".concat(size), {
+            'only-icon': onlyIcon,
+            'is-disable': disabled,
+            'has-underline': isAnchorProps(props) ? props.underline : false,
+        }, className, hierarchy && "ncua-btn--".concat(hierarchy)), onClick: isAnchorProps(props) ? handleClickLink : undefined, disabled: disabled }, restProps), { ref: ref }), _jsxs(_Fragment, { children: [leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && _jsx("span", __assign({ className: "ncua-btn__label" }, { children: label })), children, trailingIcon && sideSlotRender(trailingIcon)] }));
+});

package/dist/ui-admin/src/components/button/ButtonGroup.js

@@ -1,99 +1,60 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonGroup = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
-var _color = require("../../../constant/color");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__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 __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 = void 0 && (void 0).__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;
+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';
 var svgSize = {
-  xs: 12,
-  sm: 16,
-  md: 16,
-  lg: 20
+    xs: 12,
+    sm: 16,
+    md: 16,
+    lg: 20,
 };
-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 (0, _jsxRuntime.jsx)("div", __assign({
-    className: (0, _classnames.default)('ncua-button-group', "ncua-button-group--".concat(size), {
-      'has-border': hasBorder
-    }, className)
-  }, {
-    children: _react.default.Children.map(children, function (child) {
-      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        onlyIcon: onlyIcon,
-        disabled: disabled || child.props.disabled
-      });
-    })
-  }));
+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,
+                disabled: disabled || child.props.disabled,
+            });
+        }) })));
 };
-exports.ButtonGroup = ButtonGroup;
 ButtonGroup.Item = function (_a) {
-  var _b;
-  var _c = _a.as,
-    as = _c === void 0 ? 'button' : _c,
-    label = _a.label,
-    onlyIcon = _a.onlyIcon,
-    icon = _a.icon,
-    disabled = _a.disabled,
-    children = _a.children,
-    props = __rest(_a, ["as", "label", "onlyIcon", "icon", "disabled", "children"]);
-  var renderIcon = function () {
-    var _a, _b, _c;
-    if (!icon) return null;
-    if (icon.type === 'icon') {
-      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-        name: icon.name,
-        width: svgSize[(_a = icon.size) !== null && _a !== void 0 ? _a : 'md'],
-        height: svgSize[(_b = icon.size) !== null && _b !== void 0 ? _b : 'md'],
-        color: _color.COLOR[(_c = icon.color) !== null && _c !== void 0 ? _c : 'gray500']
-      });
-    }
-    return icon.children;
-  };
-  var position = (_b = icon === null || icon === void 0 ? void 0 : icon.position) !== null && _b !== void 0 ? _b : 'leading';
-  return /*#__PURE__*/(0, _react.createElement)(as, __assign({
-    className: (0, _classnames.default)('ncua-button-group__item', {
-      'is-disabled': disabled
-    }),
-    disabled: disabled
-  }, props), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()]
-  }));
-};
+    var _b;
+    var _c = _a.as, as = _c === void 0 ? 'button' : _c, label = _a.label, onlyIcon = _a.onlyIcon, icon = _a.icon, disabled = _a.disabled, children = _a.children, props = __rest(_a, ["as", "label", "onlyIcon", "icon", "disabled", "children"]);
+    var renderIcon = function () {
+        var _a, _b, _c;
+        if (!icon)
+            return null;
+        if (icon.type === 'icon') {
+            return (_jsx(Icon, { name: icon.name, width: svgSize[(_a = icon.size) !== null && _a !== void 0 ? _a : 'md'], height: svgSize[(_b = icon.size) !== null && _b !== void 0 ? _b : 'md'], color: COLOR[(_c = icon.color) !== null && _c !== void 0 ? _c : 'gray500'] }));
+        }
+        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 }), disabled: disabled }, props), _jsxs(_Fragment, { children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()] }));
+};

package/dist/ui-admin/src/components/button/index.js

@@ -1,27 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Button = require("./Button");
-Object.keys(_Button).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Button[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Button[key];
-    }
-  });
-});
-var _ButtonGroup = require("./ButtonGroup");
-Object.keys(_ButtonGroup).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ButtonGroup[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ButtonGroup[key];
-    }
-  });
-});
+export * from './Button';
+export * from './ButtonGroup';