@ncds/ui-admin 0.0.14 → 0.0.15

package/dist/esm/ui-admin/src/components/svg/index.js

@@ -0,0 +1,2 @@
+export * from './SvgIcon';
+export * from './const';

package/dist/esm/ui-admin/src/components/toggle/Toggle.js

@@ -0,0 +1,67 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+export var Toggle = function (_a) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'md' : _b,
+    _c = _a.text,
+    text = _c === void 0 ? '' : _c,
+    _d = _a.supportText,
+    supportText = _d === void 0 ? '' : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e,
+    onChange = _a.onChange,
+    className = _a.className,
+    props = __rest(_a, ["size", "text", "supportText", "disabled", "onChange", "className"]);
+  return _jsxs("label", __assign({
+    className: classNames('ncua-toggle', "ncua-toggle--".concat(size), {
+      'ncua-toggle--checked': props === null || props === void 0 ? void 0 : props.checked,
+      'ncua-toggle--disabled': disabled
+    }, className)
+  }, {
+    children: [_jsx("input", __assign({
+      type: "checkbox",
+      className: "ncua-toggle__input",
+      checked: props === null || props === void 0 ? void 0 : props.checked,
+      disabled: disabled,
+      onChange: onChange
+    }, props)), _jsx("span", __assign({
+      className: "ncua-toggle__switch"
+    }, {
+      children: _jsx("span", {
+        className: "ncua-toggle__slider"
+      })
+    })), text && _jsx(_Fragment, {
+      children: _jsxs("span", __assign({
+        className: "ncua-toggle__text-wrapper"
+      }, {
+        children: [_jsx("span", __assign({
+          className: "ncua-toggle__text"
+        }, {
+          children: text
+        })), supportText && _jsx("span", __assign({
+          className: "ncua-toggle__support-text"
+        }, {
+          children: supportText
+        }))]
+      }))
+    })]
+  }));
+};

package/dist/esm/ui-admin/src/components/toggle/index.js

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

package/dist/esm/ui-admin/src/components/tooltip/Tooltip.js

@@ -0,0 +1,63 @@
+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 { HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+var tooltipContent = function (_a) {
+  var title = _a.title,
+    content = _a.content,
+    tooltipType = _a.tooltipType,
+    position = _a.position;
+  return _jsxs("span", __assign({
+    className: classNames("ncua-tooltip__bg", "ncua-tooltip__bg--".concat(tooltipType), "ncua-tooltip__bg--".concat(position))
+  }, {
+    children: [title && _jsx("span", __assign({
+      className: "ncua-tooltip__title"
+    }, {
+      children: title
+    })), content && _jsx("span", {
+      className: "ncua-tooltip__content",
+      dangerouslySetInnerHTML: {
+        __html: content
+      }
+    })]
+  }));
+};
+export var Tooltip = function (_a) {
+  var _b = _a.tooltipType,
+    tooltipType = _b === void 0 ? 'black' : _b,
+    _c = _a.iconType,
+    iconType = _c === void 0 ? 'stroke' : _c,
+    _d = _a.position,
+    position = _d === void 0 ? 'top' : _d,
+    title = _a.title,
+    content = _a.content,
+    _e = _a.hideArrow,
+    hideArrow = _e === void 0 ? false : _e;
+  return _jsxs("span", __assign({
+    className: classNames('ncua-tooltip', "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : ''))
+  }, {
+    children: [iconType === 'stroke' ? _jsx(HelpCircle, {
+      width: 16,
+      height: 16,
+      color: "var(--gray-300"
+    }) : _jsx(HelpCircleFill, {
+      width: 16,
+      height: 16,
+      color: "var(--gray-300)"
+    }), tooltipContent({
+      tooltipType: tooltipType,
+      position: position,
+      title: title,
+      content: content
+    })]
+  }));
+};

package/dist/esm/ui-admin/src/components/tooltip/index.js

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

package/dist/esm/ui-admin/src/constant/index.js

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

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

@@ -0,0 +1 @@
+export var MINIMUM_PC_SIZE = 768;

package/dist/types/ui-admin/src/components/badge/Badge.d.ts

@@ -0,0 +1,16 @@
+import { SideSlotType } from '../button';
+import { Size } from '../../../constant/size';
+export type BadgeType = 'pill-outline' | 'pill-dark-color';
+export type BadgeColor = 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled';
+export type BadgeSize = Extract<Size, 'xs' | 'sm' | 'md'>;
+export type BadgeProps = {
+    label: string;
+    type?: BadgeType;
+    color?: BadgeColor;
+    className?: string;
+    leadingIcon?: SideSlotType;
+    trailingIcon?: SideSlotType;
+    size?: BadgeSize;
+};
+export declare const Badge: ({ label, type, color, className, leadingIcon, trailingIcon, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/ui-admin/src/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/{ui-admin → types/ui-admin}/src/components/button/Button.d.ts

@@ -3,16 +3,17 @@ import { COLOR } from '../../../constant/color';
 import { Size } from '../../../constant/size';
 import { IconName } from '@ncds/ui-admin-icon';
 export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'link' | 'destructive';
-type IconSlotType = {
+export type IconSlotType = {
     type: 'icon';
     icon: IconName;
     color?: keyof typeof COLOR;
+    size?: number | string;
 };
-type CustomSlotType = {
+export type CustomSlotType = {
     type: 'custom';
     children: ReactNode;
 };
-type SideSlotType = IconSlotType | CustomSlotType;
+export type SideSlotType = IconSlotType | CustomSlotType;
 export type ButtonSize = Extract<Size, 'xs' | 'sm' | 'md' | 'lg'>;
 type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentProps<T>, 'ref'> & {
     label: string;

package/dist/types/ui-admin/src/components/carousel/CarouselArrow.d.ts

@@ -0,0 +1,10 @@
+type CarouselArrowProps = {
+    type?: 'default' | 'line';
+    className?: string;
+    size: 'md';
+    chevron: 'left' | 'right';
+    onClick?: () => void;
+};
+export declare const CarouselArrow: ({ type, className, size, chevron, onClick }: CarouselArrowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CarouselArrow.d.ts.map

package/dist/types/ui-admin/src/components/carousel/CarouselNumberGroup.d.ts

@@ -0,0 +1,10 @@
+type CarouselNumberGroupProps = {
+    framed?: boolean;
+    size?: 'sm';
+    color?: 'light' | 'dark';
+    currentPage: number;
+    totalPage: number;
+};
+export declare const CarouselNumberGroup: ({ framed, size, color, currentPage, totalPage, }: CarouselNumberGroupProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CarouselNumberGroup.d.ts.map

package/dist/types/ui-admin/src/components/carousel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CarouselNumberGroup';
+export * from './CarouselArrow';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './button';
+export * from './checkbox';
+export * from './radio';
+export * from './select';
+export * from './svg';
+export * from './toggle';
+export * from './tooltip';
+export * from './carousel';
+export * from './badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/input/Textarea.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from 'react';
+interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
+    className?: string;
+    label?: string;
+    hintText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    destructive?: boolean;
+    characterCount?: boolean;
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/{ui-admin → types/ui-admin}/src/components/select/Select.d.ts

@@ -1,13 +1,20 @@
+import Icon, { IconName } from '@ncds/ui-admin-icon';
 import { Size } from '@ncds/ui/constant/size';
-import { ComponentPropsWithRef, PropsWithChildren, ReactNode } from 'react';
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
+import { COLOR } from '@ncds/ui-admin/constant/color';
 type BaseSelectProps = Omit<ComponentPropsWithRef<'select'>, 'size'>;
 export type OptionType = {
     id: string | number;
     label: string;
 };
+type Icon = {
+    icon: IconName;
+    color?: keyof typeof COLOR;
+    size?: number;
+};
 export interface SelectProps extends PropsWithChildren<BaseSelectProps> {
-    icon?: ReactNode;
+    icon?: Icon;
     placeholder?: string;
     disabledPlaceholder?: boolean;
     hintText?: string;

package/dist/types/ui-admin/src/components/toggle/Toggle.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent, ComponentPropsWithRef, FC } from 'react';
+export interface ToggleProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
+    size?: 'sm' | 'md';
+    text?: string;
+    supportText?: string;
+    disabled?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+}
+export declare const Toggle: FC<ToggleProps>;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/types/ui-admin/src/components/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Toggle';
+//# sourceMappingURL=index.d.ts.map