@daoyi/nmtl-ui 2.0.1-beta.130 → 2.0.1-beta.133

package/lib/components/Select.js

@@ -1,14 +1,14 @@
-export { S as default } from './Select-cb3e1ba1.js';
+export { S as default } from './Select-89841c71.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-b76a85f4.js';
 import '@material-ui/core';
-import './defaultTheme-ed7746fe.js';
+import './defaultTheme-c5dd0f64.js';
 import 'react-is';
 import '@material-ui/styles';
-import './useTheme-d16d02d9.js';
-import './withTheme-2d778133.js';
+import './useTheme-98b6cf17.js';
+import './withTheme-3486f38b.js';
 import './Empty-c6a44967.js';
 import './style-inject.es-1f59c1d0.js';
 import './globalConfig';

package/lib/components/{createSvgIcon-e3803ee1.js → createSvgIcon-dc603596.js}

@@ -1,5 +1,5 @@
 import { g as getAugmentedNamespace } from './_commonjsHelpers-70de2c37.js';
-import { j as formatMuiErrorMessage, _ as _extends, d as defaultTheme, k as _objectWithoutProperties } from './defaultTheme-ed7746fe.js';
+import { j as formatMuiErrorMessage, _ as _extends, d as defaultTheme, k as _objectWithoutProperties } from './defaultTheme-c5dd0f64.js';
 import 'prop-types';
 import 'react-is';
 import * as React from 'react';

package/lib/components/{defaultTheme-ed7746fe.js → defaultTheme-c5dd0f64.js}

@@ -1658,4 +1658,4 @@ function createTheme() {
 
 var defaultTheme = createTheme();
 
-export { _extends as _, display as a, borders as b, compose as c, defaultTheme as d, palette as e, flexbox as f, grid as g, boxShadow as h, spacing as i, formatMuiErrorMessage as j, _objectWithoutProperties as k, _arrayLikeToArray as l, merge as m, _unsupportedIterableToArray as n, _slicedToArray as o, positions as p, _objectWithoutPropertiesLoose as q, alpha as r, sizing as s, typography as t, createTheme as u };
+export { _extends as _, display as a, borders as b, compose as c, defaultTheme as d, palette as e, flexbox as f, grid as g, boxShadow as h, spacing as i, formatMuiErrorMessage as j, _objectWithoutProperties as k, _arrayLikeToArray as l, merge as m, _unsupportedIterableToArray as n, getContrastRatio as o, positions as p, _slicedToArray as q, _objectWithoutPropertiesLoose as r, sizing as s, typography as t, alpha as u, createTheme as v };

package/lib/components/globalConfig.js

@@ -55,9 +55,12 @@ var zhtw = {
 	"common.form.attachment.hint2": "2.若有多個檔案請先集中至同一資料夾並以壓縮檔上傳",
 	"common.form.contactUs": "聯繫我們",
 	"common.form.error": "表單尚未完成 請檢察必填項目",
+	"common.form.errorSummary": "表單有 {count} 個欄位需要修正，點選下列項目可前往該欄位：",
 	"common.sna.reset": "回到原來位置與大小",
 	"aria.header.searchOpen": "開啟搜尋",
 	"aria.header.menuOpen": "開啟主選單",
+	"aria.header.menuClose": "關閉主選單",
+	"header.language": "語言",
 	"aria.header.logoHome": "回首頁",
 	"aria.header.logoHomeWithTitle": "{title}，回首頁",
 	"aria.header.navigation": "主選單",
@@ -79,6 +82,7 @@ var zhtw = {
 	"aria.vcode.audioIntro": "驗證碼為：",
 	"aria.vcode.audioUnsupported": "瀏覽器不支援語音合成，請刷新驗證碼或改用圖片辨識",
 	"aria.vcode.refreshed": "驗證碼已更新",
+	"aria.vcode.hint": "請輸入圖片中的 4 個字元，英文不分大小寫；看不清楚可播放語音或刷新驗證碼",
 	"aria.moreButton.loaded": "已載入更多結果",
 	"aria.moreButton.collapsed": "已收合結果",
 	"aria.filter.hint": "（篩選條件，選取後過濾下方結果）",
@@ -179,8 +183,11 @@ var zhcn = {
 	"common.form.attachment.hint2": "2.若有多个档案请先集中至同一资料夹并以压缩档上传",
 	"common.form.contactUs": "联系我们",
 	"common.form.error": "表单尚未完成 请检察必填项目",
+	"common.form.errorSummary": "表单有 {count} 个字段需要修正，点击下列项目可前往该字段：",
 	"aria.header.searchOpen": "开启搜寻",
 	"aria.header.menuOpen": "开启主选单",
+	"aria.header.menuClose": "关闭主选单",
+	"header.language": "语言",
 	"aria.header.logoHome": "回首页",
 	"aria.header.logoHomeWithTitle": "{title}，回首页",
 	"aria.header.navigation": "主选单",
@@ -202,6 +209,7 @@ var zhcn = {
 	"aria.vcode.audioIntro": "验证码为：",
 	"aria.vcode.audioUnsupported": "浏览器不支持语音合成，请刷新验证码或改用图片辨识",
 	"aria.vcode.refreshed": "验证码已更新",
+	"aria.vcode.hint": "请输入图片中的 4 个字符，英文不区分大小写；看不清楚可播放语音或刷新验证码",
 	"aria.moreButton.loaded": "已载入更多结果",
 	"aria.moreButton.collapsed": "已收合结果",
 	"aria.filter.hint": "（筛选条件，选取后过滤下方结果）",
@@ -304,8 +312,11 @@ var enus = {
 	"common.form.attachment.hint2": "2. If there are multiple files, please gather them in the same folder and upload them as compressed files",
 	"common.form.contactUs": "Contact Us",
 	"common.form.error": "The form has not been completed, please check the required items",
+	"common.form.errorSummary": "{count} field(s) need to be corrected. Select an item below to go to that field:",
 	"aria.header.searchOpen": "Open search",
 	"aria.header.menuOpen": "Open main menu",
+	"aria.header.menuClose": "Close main menu",
+	"header.language": "Language",
 	"aria.header.logoHome": "Back to home",
 	"aria.header.logoHomeWithTitle": "{title}, back to home",
 	"aria.header.navigation": "Main menu",
@@ -327,6 +338,7 @@ var enus = {
 	"aria.vcode.audioIntro": "The verification code is:",
 	"aria.vcode.audioUnsupported": "Speech synthesis not supported; please refresh the code",
 	"aria.vcode.refreshed": "Verification code refreshed",
+	"aria.vcode.hint": "Enter the 4 characters shown in the image (not case-sensitive). If you cannot read them, play the audio or refresh the code.",
 	"aria.moreButton.loaded": "More results loaded",
 	"aria.moreButton.collapsed": "Results collapsed",
 	"aria.filter.hint": " (filter, updates the results below)",

package/lib/components/{toConsumableArray-dbe8af76.js → toConsumableArray-c268c112.js}

@@ -1,4 +1,4 @@
-import { l as _arrayLikeToArray, n as _unsupportedIterableToArray } from './defaultTheme-ed7746fe.js';
+import { l as _arrayLikeToArray, n as _unsupportedIterableToArray } from './defaultTheme-c5dd0f64.js';
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);

package/lib/components/{useTheme-d16d02d9.js → useTheme-98b6cf17.js}

@@ -1,6 +1,6 @@
 import { useTheme as useTheme$1 } from '@material-ui/styles';
 import 'react';
-import { d as defaultTheme } from './defaultTheme-ed7746fe.js';
+import { d as defaultTheme } from './defaultTheme-c5dd0f64.js';
 
 function useTheme() {
   var theme = useTheme$1() || defaultTheme;

package/lib/components/{withTheme-2d778133.js → withTheme-3486f38b.js}

@@ -1,5 +1,5 @@
 import { withThemeCreator } from '@material-ui/styles';
-import { d as defaultTheme } from './defaultTheme-ed7746fe.js';
+import { d as defaultTheme } from './defaultTheme-c5dd0f64.js';
 
 withThemeCreator({
   defaultTheme: defaultTheme

package/lib/index.d.ts

@@ -23,6 +23,7 @@ export { default as SNA } from './components/SNA';
 export { default as BarChart } from './components/BarChart';
 export { default as ForwardLink } from './components/ForwardLink';
 export { default as Pagination } from './components/Pagination';
+export { default as SegmentedControl } from './components/SegmentedControl';
 
 export { default as ContactModal } from './components/ContactModal';
 export { default as KeywordSearch } from './components/KeywordSearch';

package/lib/index.js

@@ -23,6 +23,7 @@ export { default as SNA } from './components/SNA';
 export { default as BarChart } from './components/BarChart';
 export { default as ForwardLink } from './components/ForwardLink';
 export { default as Pagination } from './components/Pagination';
+export { default as SegmentedControl } from './components/SegmentedControl';
 
 export { default as ContactModal } from './components/ContactModal';
 export { default as KeywordSearch } from './components/KeywordSearch';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@daoyi/nmtl-ui",
 	"packageManager": "pnpm@10.34.5",
-	"version": "2.0.1-beta.130",
+	"version": "2.0.1-beta.133",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",
@@ -123,6 +123,12 @@
 		"pub-alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
 		"pub-beta": "npm version prerelease --preid=beta && npm publish --tag beta"
 	},
+	"volta": {
+		"node": "24.20.0"
+	},
+	"engines": {
+		"node": "24.x"
+	},
 	"pnpm": {
 		"onlyBuiltDependencies": [
 			"core-js",

package/lib/components/Drawer-629e59c7.js

@@ -1,176 +0,0 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
-import React__default, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
-import { DehazeRounded } from '@material-ui/icons';
-import { S as Select } from './Select-cb3e1ba1.js';
-import { useHistory, useRouteMatch } from 'react-router-dom';
-import { getIntl } from './globalConfig';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-
-var defaultSupportLanguage = [
-// { value: 'en', label: 'English' },
-{
-  value: 'zh-tw',
-  label: '繁體中文'
-}
-// { value: 'zh-cn', label: '簡體中文' },
-];
-
-/* [檢查-語系]本系統是否支援該語系 並回傳語系 */
-var checkLanguageSupport = function checkLanguageSupport(_ref) {
-  var language = _ref.language,
-    supportLanguages = _ref.supportLanguages;
-  var isSupport = supportLanguages.some(function (_ref2) {
-    var value = _ref2.value;
-    return value === language;
-  });
-  return isSupport ? language : supportLanguages[0].value;
-};
-
-const DrawerList = _ref => {
-  let {
-    drawerList,
-    setOpen
-  } = _ref;
-  const history = useHistory();
-  const {
-    url
-  } = useRouteMatch();
-  return /*#__PURE__*/React__default.createElement(List, {
-    className: "drawer__list"
-  }, Array.isArray(drawerList) && drawerList.map((_ref2, index) => {
-    let {
-      name,
-      icon,
-      path
-    } = _ref2;
-    return /*#__PURE__*/React__default.createElement(ListItem, {
-      button: true,
-      key: index.toString(),
-      onClick: () => {
-        if (path.indexOf('http') > -1) {
-          window.location = path;
-        } else {
-          history.push({
-            pathname: `${url}${path}`
-          });
-        }
-        setOpen(false);
-      }
-    }, icon && /*#__PURE__*/React__default.createElement(ListItemIcon, {
-      style: {
-        marginRight: 24
-      }
-    }, icon), /*#__PURE__*/React__default.createElement(ListItemText, {
-      primary: name
-    }));
-  }));
-};
-DrawerList.defaultProps = {};
-DrawerList.propTypes = {
-  drawerList: PropTypes.arrayOf(PropTypes.any).isRequired,
-  setOpen: PropTypes.func.isRequired
-};
-
-var css_248z = "@charset \"UTF-8\";\n.drawer__icon {\n  display: none !important;\n}\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px;\n}\n.drawer__header-title {\n  font-size: 1.125rem;\n  font-weight: bold;\n}\n.drawer__list {\n  padding: 10px !important;\n}\n.drawer__list .MuiSvgIcon-root {\n  margin-left: 8px;\n}\n.drawer__lang {\n  margin: 24px 36px !important;\n}\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .drawer__icon {\n    display: flex !important;\n  }\n}\n/* 呼叫端自訂工具區（如字級縮放）：窄畫面時由 Header 收進抽屜 */\n.drawer__extraTools {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 16px;\n}";
-styleInject(css_248z);
-
-var Drawer = function Drawer(_ref) {
-  var title = _ref.title,
-    logo = _ref.logo,
-    locale = _ref.locale,
-    supportLanguages = _ref.supportLanguages,
-    drawerList = _ref.drawerList,
-    onLanguageChange = _ref.onLanguageChange,
-    languageSelectLabel = _ref.languageSelectLabel,
-    extraTools = _ref.extraTools;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer"
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
-    className: "drawer__icon",
-    "aria-label": getIntl().formatMessage({
-      id: 'aria.header.menuOpen'
-    }),
-    "aria-haspopup": "menu",
-    "aria-expanded": open,
-    onClick: function onClick() {
-      return setOpen(true);
-    }
-  }, /*#__PURE__*/React__default.createElement(DehazeRounded, {
-    fontSize: "large",
-    "aria-hidden": "true"
-  })), /*#__PURE__*/React__default.createElement(Drawer$1, {
-    anchor: "right",
-    open: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    },
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Escape') setOpen(false);
-    }
-  }, (logo || title) && /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__header"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__header-logo"
-  }, logo), /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__header-title"
-  }, title)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(DrawerList, {
-    drawerList: (Array.isArray(drawerList) ? drawerList : []).filter(function (_ref2) {
-      var showInHeader = _ref2.showInHeader;
-      return showInHeader;
-    }),
-    setOpen: setOpen
-  }), /*#__PURE__*/React__default.createElement(Divider, null), Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
-    className: "drawer__lang",
-    ariaLabel: languageSelectLabel || getIntl().formatMessage({
-      id: 'aria.header.languageSelect'
-    }),
-    defaultValue: checkLanguageSupport({
-      language: locale,
-      supportLanguages: supportLanguages
-    }),
-    onChange: function onChange(value) {
-      return onLanguageChange(value);
-    },
-    options: supportLanguages
-  }), extraTools && /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__extraTools"
-  }, extraTools)));
-};
-Drawer.defaultProps = {
-  title: undefined,
-  logo: undefined,
-  locale: undefined,
-  supportLanguages: [
-  // { value: 'en', label: 'English' },
-  {
-    value: 'zh-tw',
-    label: '繁體中文'
-  }
-  // { value: 'zh-cn', label: '簡體中文' },
-  ],
-
-  drawerList: undefined,
-  onLanguageChange: function onLanguageChange() {},
-  languageSelectLabel: undefined,
-  extraTools: undefined
-};
-Drawer.propTypes = {
-  title: PropTypes.string,
-  logo: PropTypes.node,
-  locale: PropTypes.string,
-  supportLanguages: PropTypes.arrayOf(PropTypes.any),
-  drawerList: PropTypes.arrayOf(PropTypes.any),
-  onLanguageChange: PropTypes.func,
-  /** 語言下拉的無障礙名稱（WCAG 3.3.2）；未提供時使用套件內 aria.header.languageSelect */
-  languageSelectLabel: PropTypes.string,
-  /** 呼叫端自訂的工具區（如字級縮放）；由 Header 一併傳入，窄畫面時顯示於抽屜內 */
-  extraTools: PropTypes.node
-};
-
-export { Drawer as D, checkLanguageSupport as c, defaultSupportLanguage as d };