@ncds/ui-admin-mcp 1.6.4-alpha.2

package/data/pagination.json

@@ -0,0 +1,68 @@
+{
+  "name": "pagination",
+  "description": "NCDS Pagination 컴포넌트",
+  "aliases": [],
+  "props": {
+    "breakPoint": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "mo",
+        "pc"
+      ],
+      "default": "pc"
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "default": ""
+    },
+    "currentPage": {
+      "type": "number",
+      "required": true
+    },
+    "itemCountPerPage": {
+      "type": "string",
+      "required": false,
+      "default": 10
+    },
+    "onPageChange": {
+      "type": "string",
+      "required": false
+    },
+    "pageCount": {
+      "type": "string",
+      "required": false,
+      "default": 10
+    },
+    "totalCount": {
+      "type": "number",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-pagination ncua-pagination--pc\"><ul class=\"ncua-pagination__list\"><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num is-current\">1</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">2</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">3</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">4</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">5</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">6</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">7</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">8</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">9</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">10</button></li></ul><p class=\"ncua-pagination__page-info\"><em class=\"ncua-pagination__current-num\">1</em> / 10</p></div>"
+  },
+  "bemClasses": [
+    "ncua-pagination",
+    "ncua-pagination--mo",
+    "ncua-pagination--pc",
+    "ncua-pagination__before",
+    "ncua-pagination__current-num",
+    "ncua-pagination__first",
+    "ncua-pagination__item",
+    "ncua-pagination__last",
+    "ncua-pagination__list",
+    "ncua-pagination__next",
+    "ncua-pagination__page-info",
+    "ncua-pagination__page-num"
+  ],
+  "usage": {
+    "import": "import { Pagination } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Pagination currentPage={0} totalCount={0} />",
+      "breakPoint:mo": "<Pagination breakPoint=\"mo\" currentPage={0} totalCount={0} />",
+      "breakPoint:pc": "<Pagination breakPoint=\"pc\" currentPage={0} totalCount={0} />"
+    }
+  }
+}

package/data/password-input.json

@@ -0,0 +1,47 @@
+{
+  "name": "password-input",
+  "description": "NCDS Password Input 컴포넌트",
+  "aliases": [],
+  "props": {},
+  "html": {
+    "default": "<div class=\"ncua-input\"></div>"
+  },
+  "bemClasses": [
+    "ncua-input",
+    "ncua-input--textarea",
+    "ncua-input__",
+    "ncua-input__button",
+    "ncua-input__clear",
+    "ncua-input__clear-icon",
+    "ncua-input__content",
+    "ncua-input__content-wrap",
+    "ncua-input__destructive-icon",
+    "ncua-input__field",
+    "ncua-input__field-text-count",
+    "ncua-input__field-text-count-current",
+    "ncua-input__help-icon",
+    "ncua-input__hint-text",
+    "ncua-input__icon-wrap",
+    "ncua-input__icon-wrap ncua-input__right-icon",
+    "ncua-input__label",
+    "ncua-input__leading-text",
+    "ncua-input__leading-text-wrap",
+    "ncua-input__number",
+    "ncua-input__password-icon",
+    "ncua-input__right-icon",
+    "ncua-input__stepper-button-group",
+    "ncua-input__text-count",
+    "ncua-input__text-count-text",
+    "ncua-input__text-count-text-count",
+    "ncua-input__text-count-wrap",
+    "ncua-input__textarea",
+    "ncua-input__trailing-button",
+    "ncua-input__validation-icon"
+  ],
+  "usage": {
+    "import": "import { PasswordInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<PasswordInput />"
+    }
+  }
+}

package/data/progress-bar.json

@@ -0,0 +1,56 @@
+{
+  "name": "progress-bar",
+  "description": "NCDS Progress Bar 컴포넌트",
+  "aliases": [],
+  "props": {
+    "label": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "bottom",
+        "bottom-float",
+        "right",
+        "top-float"
+      ]
+    },
+    "segments": {
+      "type": "string",
+      "required": false
+    },
+    "showZeroLabel": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    },
+    "valueToPercent": {
+      "type": "string",
+      "required": false,
+      "default": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-progress-bar ncua-progress-bar-\"><div class=\"ncua-progress-bar__content\"><div class=\"ncua-progress-bar__bar \"><div class=\"ncua-progress-bar__fill\" style=\"width:50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-progress-bar",
+    "ncua-progress-bar-",
+    "ncua-progress-bar__bar",
+    "ncua-progress-bar__bar--segments",
+    "ncua-progress-bar__content",
+    "ncua-progress-bar__fill"
+  ],
+  "usage": {
+    "import": "import { ProgressBar } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ProgressBar />",
+      "label:bottom": "<ProgressBar label=\"bottom\" />",
+      "label:bottom-float": "<ProgressBar label=\"bottom-float\" />",
+      "label:right": "<ProgressBar label=\"right\" />",
+      "label:top-float": "<ProgressBar label=\"top-float\" />"
+    }
+  }
+}

package/data/progress-circle.json

@@ -0,0 +1,63 @@
+{
+  "name": "progress-circle",
+  "description": "NCDS Progress Circle 컴포넌트",
+  "aliases": [],
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": true,
+      "values": [
+        "lg",
+        "md",
+        "sm",
+        "xs",
+        "xxs"
+      ]
+    },
+    "theme": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "circle",
+        "half-circle"
+      ],
+      "default": "circle"
+    },
+    "value": {
+      "type": "number",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-progress-circle ncua-progress-circle-undefined ncua-progress-circle-circle\"><div class=\"ncua-progress-circle__content\"><svg class=\"ncua-progress-circle__svg\" viewBox=\"0 0 100 100\"><circle class=\"ncua-progress-circle__background\" cx=\"50\" cy=\"50\" r=\"45\" stroke-width=\"10\" fill=\"none\"></circle><circle class=\"ncua-progress-circle__progress\" cx=\"50\" cy=\"50\" r=\"45\" stroke-width=\"10\" fill=\"none\" stroke-dasharray=\"var(--circle-circumference)\" stroke-dashoffset=\"calc(var(--circle-circumference) * (1 - 50 / 100))\" transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\"></circle></svg><div class=\"ncua-progress-circle__label-container\"><div class=\"ncua-progress-circle__label\">50%</div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-progress-circle",
+    "ncua-progress-circle-",
+    "ncua-progress-circle__background",
+    "ncua-progress-circle__content",
+    "ncua-progress-circle__label",
+    "ncua-progress-circle__label-container",
+    "ncua-progress-circle__label-text",
+    "ncua-progress-circle__outside-label",
+    "ncua-progress-circle__progress",
+    "ncua-progress-circle__svg"
+  ],
+  "usage": {
+    "import": "import { ProgressCircle } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ProgressCircle size=\"lg\" value={0} />",
+      "size:lg": "<ProgressCircle size=\"lg\" value={0} />",
+      "size:md": "<ProgressCircle size=\"md\" value={0} />",
+      "size:sm": "<ProgressCircle size=\"sm\" value={0} />",
+      "size:xs": "<ProgressCircle size=\"xs\" value={0} />",
+      "size:xxs": "<ProgressCircle size=\"xxs\" value={0} />",
+      "theme:circle": "<ProgressCircle theme=\"circle\" size=\"lg\" value={0} />",
+      "theme:half-circle": "<ProgressCircle theme=\"half-circle\" size=\"lg\" value={0} />"
+    }
+  }
+}

package/data/radio.json

@@ -0,0 +1,31 @@
+{
+  "name": "radio",
+  "description": "NCDS Radio 컴포넌트",
+  "aliases": [],
+  "props": {
+    "supportText": {
+      "type": "string",
+      "required": false
+    },
+    "text": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<label class=\"ncua-radio-field ncua-radio-field--xs\"><span class=\"ncua-radio-input ncua-radio-input--xs ncua-radio-field__input\"><input type=\"radio\" label=\"라디오\" name=\"radio-group\"/></span><span></span></label>"
+  },
+  "bemClasses": [
+    "ncua-radio-field",
+    "ncua-radio-field__input",
+    "ncua-radio-field__support-text",
+    "ncua-radio-field__text",
+    "ncua-radio-input"
+  ],
+  "usage": {
+    "import": "import { Radio } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Radio />"
+    }
+  }
+}

package/data/range-date-picker-with-buttons.json

@@ -0,0 +1,64 @@
+{
+  "name": "range-date-picker-with-buttons",
+  "description": "NCDS Range Date Picker With Buttons 컴포넌트",
+  "aliases": [],
+  "props": {
+    "currentButtonId": {
+      "type": "string",
+      "required": true
+    },
+    "endDateOptions": {
+      "type": "string",
+      "required": true
+    },
+    "onDateValidation": {
+      "type": "string",
+      "required": false
+    },
+    "periodItems": {
+      "type": "string",
+      "required": false
+    },
+    "periodKeys": {
+      "type": "string",
+      "required": true
+    },
+    "setCurrentButtonId": {
+      "type": "string",
+      "required": true
+    },
+    "startDateOptions": {
+      "type": "string",
+      "required": true
+    },
+    "useYesterdayAsEndDate": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "validationOption": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-date-picker\"></div>"
+  },
+  "bemClasses": [
+    "ncua-date-picker",
+    "ncua-date-picker--destructive",
+    "ncua-date-picker--disabled",
+    "ncua-date-picker--has-time",
+    "ncua-date-picker__destructive",
+    "ncua-date-picker__ico",
+    "ncua-date-picker__input",
+    "ncua-range-date-picker",
+    "ncua-range-date-picker-with-buttons"
+  ],
+  "usage": {
+    "import": "import { RangeDatePickerWithButtons } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<RangeDatePickerWithButtons currentButtonId=\"\" endDateOptions=\"\" periodKeys=\"\" setCurrentButtonId=\"\" startDateOptions=\"\" />"
+    }
+  }
+}

package/data/range-date-picker.json

@@ -0,0 +1,58 @@
+{
+  "name": "range-date-picker",
+  "description": "NCDS Range Date Picker 컴포넌트",
+  "aliases": [],
+  "props": {
+    "endDateOptions": {
+      "type": "string",
+      "required": true
+    },
+    "onDateValidation": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "sm",
+        "xs"
+      ],
+      "default": "xs"
+    },
+    "startDateOptions": {
+      "type": "string",
+      "required": true
+    },
+    "validationOption": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-date-picker\"></div>",
+    "size:sm": "<div class=\"ncua-date-picker ncua-date-picker--sm\"></div>",
+    "size:xs": "<div class=\"ncua-date-picker ncua-date-picker--xs\"></div>"
+  },
+  "bemClasses": [
+    "ncua-date-picker",
+    "ncua-date-picker--destructive",
+    "ncua-date-picker--disabled",
+    "ncua-date-picker--has-time",
+    "ncua-date-picker--sm",
+    "ncua-date-picker--xs",
+    "ncua-date-picker__destructive",
+    "ncua-date-picker__ico",
+    "ncua-date-picker__input",
+    "ncua-range-date-picker",
+    "ncua-range-date-picker-with-buttons"
+  ],
+  "usage": {
+    "import": "import { RangeDatePicker } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<RangeDatePicker endDateOptions=\"\" startDateOptions=\"\" />",
+      "size:sm": "<RangeDatePicker size=\"sm\" endDateOptions=\"\" startDateOptions=\"\" />",
+      "size:xs": "<RangeDatePicker size=\"xs\" endDateOptions=\"\" startDateOptions=\"\" />"
+    }
+  }
+}

package/data/select-dropdown.json

@@ -0,0 +1,32 @@
+{
+  "name": "select-dropdown",
+  "description": "NCDS Select Dropdown 컴포넌트",
+  "aliases": [],
+  "props": {},
+  "html": {
+    "default": "<div class=\"ncua-select-dropdown\"></div>"
+  },
+  "bemClasses": [
+    "ncua-select-dropdown",
+    "ncua-select-dropdown--align-right",
+    "ncua-select-dropdown--multiple",
+    "ncua-select-dropdown--selectbox-single",
+    "ncua-select-dropdown__content",
+    "ncua-select-dropdown__footer",
+    "ncua-select-dropdown__footer-buttons",
+    "ncua-select-dropdown__footer-left",
+    "ncua-select-dropdown__footer-right",
+    "ncua-select-dropdown__option",
+    "ncua-select-dropdown__option--focused",
+    "ncua-select-dropdown__option--selected",
+    "ncua-select-dropdown__option-icon",
+    "ncua-select-dropdown__option-text",
+    "ncua-select-dropdown__options"
+  ],
+  "usage": {
+    "import": "import { SelectDropdown } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<SelectDropdown />"
+    }
+  }
+}

package/data/select.json

@@ -0,0 +1,77 @@
+{
+  "name": "select",
+  "description": "NCDS Select 컴포넌트",
+  "aliases": [],
+  "props": {
+    "children": {
+      "type": "string",
+      "required": false
+    },
+    "destructive": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "disabledPlaceholder": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "optionItems": {
+      "type": "string",
+      "required": false
+    },
+    "placeholder": {
+      "type": "string",
+      "required": false
+    },
+    "register": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "md",
+        "sm",
+        "xs"
+      ],
+      "default": "md"
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "default",
+        "simple"
+      ],
+      "default": "default"
+    }
+  },
+  "html": {
+    "default": "<span class=\"ncua-select ncua-select--md\"><span class=\"ncua-select__content\"><select class=\"ncua-select__tag\"><option value=\"\" selected=\"\">선택하세요</option></select></span></span>"
+  },
+  "bemClasses": [
+    "ncua-hint-text",
+    "ncua-select",
+    "ncua-select--simple",
+    "ncua-select__content",
+    "ncua-select__tag"
+  ],
+  "usage": {
+    "import": "import { Select } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Select />",
+      "size:md": "<Select size=\"md\" />",
+      "size:sm": "<Select size=\"sm\" />",
+      "size:xs": "<Select size=\"xs\" />",
+      "type:default": "<Select type=\"default\" />",
+      "type:simple": "<Select type=\"simple\" />"
+    }
+  }
+}

package/data/selectbox.json

@@ -0,0 +1,139 @@
+{
+  "name": "selectbox",
+  "description": "NCDS Selectbox 컴포넌트",
+  "aliases": [],
+  "props": {
+    "align": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "left",
+        "right"
+      ],
+      "default": "left"
+    },
+    "autoWidth": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "children": {
+      "type": "string",
+      "required": false
+    },
+    "destructive": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "disabledPlaceholder": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "maxHeight": {
+      "type": "string",
+      "required": false,
+      "default": "DEFAULT_MAX_HEIGHT"
+    },
+    "multiple": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "onChange": {
+      "type": "string",
+      "required": false
+    },
+    "onEdit": {
+      "type": "string",
+      "required": false
+    },
+    "optionItems": {
+      "type": "string",
+      "required": false,
+      "default": "[]"
+    },
+    "placeholder": {
+      "type": "string",
+      "required": false,
+      "default": "선택하세요"
+    },
+    "register": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "md",
+        "sm",
+        "xs"
+      ],
+      "default": "xs"
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "default",
+        "simple"
+      ],
+      "default": "default"
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-hint-text\"></div>",
+    "align:left": "<div class=\"ncua-hint-text ncua-hint-text--left\"></div>",
+    "align:right": "<div class=\"ncua-hint-text ncua-hint-text--right\"></div>",
+    "size:md": "<div class=\"ncua-hint-text ncua-hint-text--md\"></div>",
+    "size:sm": "<div class=\"ncua-hint-text ncua-hint-text--sm\"></div>",
+    "size:xs": "<div class=\"ncua-hint-text ncua-hint-text--xs\"></div>",
+    "type:default": "<div class=\"ncua-hint-text ncua-hint-text--default\"></div>",
+    "type:simple": "<div class=\"ncua-hint-text ncua-hint-text--simple\"></div>"
+  },
+  "bemClasses": [
+    "ncua-hint-text",
+    "ncua-selectbox",
+    "ncua-selectbox--disabled",
+    "ncua-selectbox--multiple",
+    "ncua-selectbox--open",
+    "ncua-selectbox--simple",
+    "ncua-selectbox__arrow",
+    "ncua-selectbox__arrow--up",
+    "ncua-selectbox__content",
+    "ncua-selectbox__content-inner",
+    "ncua-selectbox__tags",
+    "ncua-selectbox__value",
+    "ncua-selectbox__value-container",
+    "ncua-selectbox__value-icon",
+    "ncua-selectbox__value-text"
+  ],
+  "usage": {
+    "import": "import { Selectbox } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Selectbox />",
+      "align:left": "<Selectbox align=\"left\" />",
+      "align:right": "<Selectbox align=\"right\" />",
+      "size:md": "<Selectbox size=\"md\" />",
+      "size:sm": "<Selectbox size=\"sm\" />",
+      "size:xs": "<Selectbox size=\"xs\" />",
+      "type:default": "<Selectbox type=\"default\" />",
+      "type:simple": "<Selectbox type=\"simple\" />"
+    }
+  }
+}