@ncds/ui-admin 1.6.2 → 1.6.4-alpha.0

package/mcp/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/mcp/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/mcp/data/range-date-picker.json

@@ -0,0 +1,55 @@
+{
+  "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/mcp/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/mcp/data/select.json

@@ -0,0 +1,64 @@
+{
+  "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/mcp/data/selectbox.json

@@ -0,0 +1,129 @@
+{
+  "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\" />"
+    }
+  }
+}

package/mcp/data/slider.json

@@ -0,0 +1,57 @@
+{
+  "name": "slider",
+  "description": "NCDS Slider 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "labelPosition": {
+      "type": "enum",
+      "required": false,
+      "values": ["bottom", "top-floating"]
+    },
+    "max": {
+      "type": "string",
+      "required": false,
+      "default": 100
+    },
+    "min": {
+      "type": "string",
+      "required": false,
+      "default": 0
+    },
+    "onChange": {
+      "type": "string",
+      "required": false
+    },
+    "step": {
+      "type": "string",
+      "required": false,
+      "default": 1
+    },
+    "value": {
+      "type": "string",
+      "required": false,
+      "default": 0
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-slider \"></div>"
+  },
+  "bemClasses": ["ncua-slider"],
+  "usage": {
+    "import": "import { Slider } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Slider />",
+      "labelPosition:bottom": "<Slider labelPosition=\"bottom\" />",
+      "labelPosition:top-floating": "<Slider labelPosition=\"top-floating\" />"
+    }
+  }
+}

package/mcp/data/spinner.json

@@ -0,0 +1,54 @@
+{
+  "name": "spinner",
+  "description": "NCDS Spinner 컴포넌트",
+  "aliases": [],
+  "props": {
+    "as": {
+      "type": "string",
+      "required": false,
+      "default": "p"
+    },
+    "backdrop": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "children": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["lg", "md", "sm", "xl", "xs"],
+      "default": "md"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-spinner ncua-spinner--md\"><div class=\"ncua-spinner__content\"></div></div>",
+    "size:sm": "<div class=\"ncua-spinner ncua-spinner--sm\"><div class=\"ncua-spinner__content\"></div></div>",
+    "size:lg": "<div class=\"ncua-spinner ncua-spinner--lg\"><div class=\"ncua-spinner__content\"></div></div>"
+  },
+  "bemClasses": [
+    "ncua-spinner",
+    "ncua-spinner--backdrop",
+    "ncua-spinner--lg",
+    "ncua-spinner--md",
+    "ncua-spinner--sm",
+    "ncua-spinner--xl",
+    "ncua-spinner--xs",
+    "ncua-spinner__content",
+    "ncua-spinner__text"
+  ],
+  "usage": {
+    "import": "import { Spinner } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Spinner />",
+      "size:lg": "<Spinner size=\"lg\" />",
+      "size:md": "<Spinner size=\"md\" />",
+      "size:sm": "<Spinner size=\"sm\" />",
+      "size:xl": "<Spinner size=\"xl\" />",
+      "size:xs": "<Spinner size=\"xs\" />"
+    }
+  }
+}

package/mcp/data/switch.json

@@ -0,0 +1,71 @@
+{
+  "name": "switch",
+  "description": "NCDS Switch 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "defaultValue": {
+      "type": "string",
+      "required": false,
+      "default": "left.value"
+    },
+    "disabled": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "left": {
+      "type": "string",
+      "required": true
+    },
+    "name": {
+      "type": "string",
+      "required": true
+    },
+    "onChange": {
+      "type": "string",
+      "required": false
+    },
+    "refs": {
+      "type": "string",
+      "required": false
+    },
+    "right": {
+      "type": "string",
+      "required": true
+    },
+    "size": {
+      "type": "string",
+      "required": false,
+      "default": "xs"
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<label class=\"ncua-switch\"></label>"
+  },
+  "bemClasses": [
+    "ncua-switch",
+    "ncua-switch--disabled",
+    "ncua-switch__label",
+    "ncua-switch__option",
+    "ncua-switch__option--active",
+    "ncua-switch__option--inactive",
+    "ncua-switch__option--left",
+    "ncua-switch__option--right",
+    "ncua-switch__radio ncua-switch__radio--left",
+    "ncua-switch__radio ncua-switch__radio--right"
+  ],
+  "usage": {
+    "import": "import { Switch } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Switch left=\"\" name=\"\" right=\"\" />"
+    }
+  }
+}

package/mcp/data/tab.json

@@ -0,0 +1,122 @@
+{
+  "name": "tab",
+  "description": "NCDS Tab 컴포넌트",
+  "aliases": [],
+  "props": {
+    "activeTab": {
+      "type": "string",
+      "required": false
+    },
+    "badgeInfo": {
+      "type": "string",
+      "required": false
+    },
+    "breakPoint": {
+      "type": "enum",
+      "required": false,
+      "values": ["mobile", "pc"],
+      "default": "pc"
+    },
+    "children": {
+      "type": "string",
+      "required": false
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "fullWidth": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "id": {
+      "type": "string",
+      "required": false
+    },
+    "isActive": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "menus": {
+      "type": "string",
+      "required": false,
+      "default": "[]"
+    },
+    "onClick": {
+      "type": "string",
+      "required": false
+    },
+    "onClose": {
+      "type": "string",
+      "required": false
+    },
+    "onSelect": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["lg", "md", "sm"],
+      "default": "sm"
+    },
+    "tabButtonType": {
+      "type": "enum",
+      "required": false,
+      "values": ["button-primary", "button-white", "line-vertical", "underline", "underline-fill"]
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": ["button-primary", "button-white", "underline", "underline-fill"],
+      "default": "button-primary"
+    }
+  },
+  "html": {
+    "default": ""
+  },
+  "bemClasses": [
+    "ncua-horizontal-tab",
+    "ncua-horizontal-tab--button-primary",
+    "ncua-horizontal-tab--button-white",
+    "ncua-horizontal-tab--fullWidth",
+    "ncua-horizontal-tab--lg",
+    "ncua-horizontal-tab--line-vertical",
+    "ncua-horizontal-tab--md",
+    "ncua-horizontal-tab--mobile",
+    "ncua-horizontal-tab--pc",
+    "ncua-horizontal-tab--sm",
+    "ncua-horizontal-tab--underline",
+    "ncua-horizontal-tab--underline-fill",
+    "ncua-horizontal-tab__item",
+    "ncua-tab-button",
+    "ncua-tab-close",
+    "ncua-vertical-tab"
+  ],
+  "usage": {
+    "import": "import { Tab } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Tab />",
+      "breakPoint:mobile": "<Tab breakPoint=\"mobile\" />",
+      "breakPoint:pc": "<Tab breakPoint=\"pc\" />",
+      "size:lg": "<Tab size=\"lg\" />",
+      "size:md": "<Tab size=\"md\" />",
+      "size:sm": "<Tab size=\"sm\" />",
+      "tabButtonType:button-primary": "<Tab tabButtonType=\"button-primary\" />",
+      "tabButtonType:button-white": "<Tab tabButtonType=\"button-white\" />",
+      "tabButtonType:line-vertical": "<Tab tabButtonType=\"line-vertical\" />",
+      "tabButtonType:underline": "<Tab tabButtonType=\"underline\" />",
+      "tabButtonType:underline-fill": "<Tab tabButtonType=\"underline-fill\" />",
+      "type:button-primary": "<Tab type=\"button-primary\" />",
+      "type:button-white": "<Tab type=\"button-white\" />",
+      "type:underline": "<Tab type=\"underline\" />",
+      "type:underline-fill": "<Tab type=\"underline-fill\" />"
+    }
+  }
+}