@ncds/ui-admin 1.6.3 → 1.6.4-alpha.1

package/mcp/data/progress-bar.json

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

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