smarthr-ui 75.3.0 → 75.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/esm/_virtual/index.js +4 -4
  2. package/esm/_virtual/index2.js +4 -4
  3. package/esm/_virtual/index3.js +4 -4
  4. package/esm/components/Combobox/MultiCombobox/MultiCombobox.js +1 -1
  5. package/esm/components/Combobox/SingleCombobox/SingleCombobox.js +1 -1
  6. package/esm/components/Combobox/helper.js +1 -1
  7. package/esm/components/Combobox/useOptions.js +1 -1
  8. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -1
  9. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
  10. package/esm/components/FormControl/FormControl.js +14 -8
  11. package/esm/components/FormControl/FormControl.js.map +1 -1
  12. package/esm/components/Table/TdCheckbox.js +2 -3
  13. package/esm/components/Table/TdCheckbox.js.map +1 -1
  14. package/esm/components/Table/TdRadioButton.js +2 -3
  15. package/esm/components/Table/TdRadioButton.js.map +1 -1
  16. package/esm/components/Tooltip/Tooltip.js +1 -1
  17. package/esm/components/VisuallyHiddenText/VisuallyHiddenText.js +1 -1
  18. package/esm/components/VisuallyHiddenText/VisuallyHiddenText.js.map +1 -1
  19. package/esm/intl/locales/en_us.d.ts +71 -71
  20. package/esm/intl/locales/en_us.js +71 -71
  21. package/esm/intl/locales/en_us.js.map +1 -1
  22. package/esm/intl/locales/ko_kr.d.ts +60 -60
  23. package/esm/intl/locales/ko_kr.js +60 -60
  24. package/esm/intl/locales/ko_kr.js.map +1 -1
  25. package/esm/intl/locales/vi_vn.d.ts +70 -70
  26. package/esm/intl/locales/vi_vn.js +70 -70
  27. package/esm/intl/locales/vi_vn.js.map +1 -1
  28. package/esm/intl/locales/zh_hans_cn.d.ts +77 -77
  29. package/esm/intl/locales/zh_hans_cn.js +77 -77
  30. package/esm/intl/locales/zh_hans_cn.js.map +1 -1
  31. package/esm/intl/locales/zh_hant_tw.d.ts +73 -73
  32. package/esm/intl/locales/zh_hant_tw.js +73 -73
  33. package/esm/intl/locales/zh_hant_tw.js.map +1 -1
  34. package/esm/libs/lodash.js +2 -2
  35. package/lib/components/FormControl/FormControl.js +13 -7
  36. package/lib/components/FormControl/FormControl.js.map +1 -1
  37. package/lib/components/Table/TdCheckbox.js +2 -3
  38. package/lib/components/Table/TdCheckbox.js.map +1 -1
  39. package/lib/components/Table/TdRadioButton.js +2 -3
  40. package/lib/components/Table/TdRadioButton.js.map +1 -1
  41. package/lib/components/VisuallyHiddenText/VisuallyHiddenText.js +1 -1
  42. package/lib/components/VisuallyHiddenText/VisuallyHiddenText.js.map +1 -1
  43. package/lib/intl/locales/en_us.d.ts +71 -71
  44. package/lib/intl/locales/en_us.js +71 -71
  45. package/lib/intl/locales/en_us.js.map +1 -1
  46. package/lib/intl/locales/ko_kr.d.ts +60 -60
  47. package/lib/intl/locales/ko_kr.js +60 -60
  48. package/lib/intl/locales/ko_kr.js.map +1 -1
  49. package/lib/intl/locales/vi_vn.d.ts +70 -70
  50. package/lib/intl/locales/vi_vn.js +70 -70
  51. package/lib/intl/locales/vi_vn.js.map +1 -1
  52. package/lib/intl/locales/zh_hans_cn.d.ts +77 -77
  53. package/lib/intl/locales/zh_hans_cn.js +77 -77
  54. package/lib/intl/locales/zh_hans_cn.js.map +1 -1
  55. package/lib/intl/locales/zh_hant_tw.d.ts +73 -73
  56. package/lib/intl/locales/zh_hant_tw.js +73 -73
  57. package/lib/intl/locales/zh_hant_tw.js.map +1 -1
  58. package/package.json +2 -2
  59. package/smarthr-ui.css +5 -0
@@ -1 +1 @@
1
- {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;AAEZ,iCAac;AACd,iCAA6B;AAC7B,sEAAuC;AACvC,yDAAsC;AAEtC,kCAAiD;AACjD,sCAA0C;AAC1C,gDAA4C;AAC5C,kCAA8C;AAC9C,8DAAgG;AA6ChG,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,OAAO,EAAE;YACP,wBAAwB;YACxB,8CAA8C;YAC9C,4BAA4B;YAC5B,qEAAqE;YACrE,4EAA4E;YAC5E,0EAA0E;YAC1E,kFAAkF;YAClF,yGAAyG;SAC1G;QACD,KAAK,EAAE,CAAC,8BAA8B,CAAC;QACvC,SAAS,EAAE,CAAC,eAAe,CAAC;QAC5B,SAAS,EAAE,CAAC,qCAAqC,EAAE,iBAAiB,CAAC;QACrE,eAAe,EAAE,CAAC,gBAAgB,CAAC;QACnC,eAAe,EAAE,EAAE;KACpB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,CAAC,EAAE,EAAE;YACL,IAAI,EAAE,EAAE;YACR,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,EAAE;YACR,CAAC,EAAE,EAAE;YACL,IAAI,EAAE,EAAE;YACR,GAAG,EAAE,EAAE;YACP,CAAC,EAAE,EAAE;YACL,GAAG,EAAE,EAAE;YACP,CAAC,EAAE,EAAE;YACL,GAAG,EAAE,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,GAAG,EAAE,EAAE;YACP,GAAG,EAAE,EAAE;YACP,EAAE,EAAE,EAAE;YACN,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,EAAE,EAAE,EAAE;YACN,GAAG,EAAE,EAAE;YACP,GAAG,EAAE,EAAE;SACoB;QAC7B,UAAU,EAAE;YACV,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,gBAAgB,EAAE;QAChB,mEAAmE;QACnE,6BAA6B;QAC7B,2CAA2C;QAC3C,2GAA2G;QAC3G;YACE,WAAW,EAAE,SAAS;YACtB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACL,eAAe,EAAE,iCAAiC;aACnD;SACF;QACD;YACE,WAAW,EAAE,SAAS;YACtB,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE;gBACL,eAAe,EAAE,mCAAmC;aACrD;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,gCAAgC,CAAA;AAE3D,MAAM,iBAAiB,GAA6B,CAAC,EAC1D,KAAK,EACL,SAAS,GAAG,YAAY,EACxB,aAAa,EACb,sBAAsB,GAAG,KAAK,EAC9B,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,aAAa,EACb,kBAAkB,GAAG,IAAI,EACzB,oBAAoB,EACpB,EAAE,GAAG,KAAK,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,IAAA,aAAK,GAAE,CAAA;IAC9B,MAAM,cAAc,GAAG,IAAA,aAAK,GAAE,CAAA;IAC9B,MAAM,cAAc,GAAG,OAAO,IAAI,cAAc,CAAA;IAChD,MAAM,cAAc,GAAG,OAAO,IAAI,cAAc,CAAA;IAChD,MAAM,eAAe,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,EAAE,KAAK,UAAU,CAAA;IAEpC,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,IAAI,GAAG,EAAE,CAAA;QAEf,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,IAAI,CAAC,GAAG,cAAc,cAAc,CAAC,CAAA;QAC5C,CAAC;QACD,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,GAAG,cAAc,iBAAiB,CAAC,CAAA;QAC/C,CAAC;QACD,IAAI,oBAAoB,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,GAAG,cAAc,uBAAuB,CAAC,CAAA;QACrD,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,IAAI,CAAC,GAAG,cAAc,gBAAgB,CAAC,CAAA;QAC9C,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACvB,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAA;IAEtF,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CACtE,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,uBAAC,gBAAQ,cAAc,WAAW,IAAnB,KAAK,CAA0B,CACvE,CAAA;QACH,CAAC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO,EAAE,CAAA;QACX,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;QAE1F,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,2BAAC,yBAAW,OAAK,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAAC,CAAA;IAC/E,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEpC,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,EAAE,CAAA;QACX,CAAC;QAED,OAAO,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,IAAI,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,GAC9E,kBAAkB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;QAEjD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,CAAC;gBACX,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,IAAA,yDAAoC,GAAE,CAAC,CAAC,CAAC,EAAE;aAChF,CAAC;YACF,SAAS,EAAE,SAAS,EAAE;YACtB,SAAS,EAAE,SAAS,EAAE;YACtB,eAAe,EAAE,eAAe,EAAE;YAClC,eAAe,EAAE,eAAe,EAAE;SACnC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,UAAU;YACV,CAAC,eAAe,EAAE,OAAO;YACzB,iCAAiC;YACjC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,EACvC,CAAC;YACD,OAAM;QACR,CAAC;QAED,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAA;QAE9E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;QAC1C,CAAC;QAED,IAAI,KAAK,YAAY,gBAAgB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC/D,MAAM,QAAQ,GAAG,iBAAiB,CAAA;YAClC,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;YAEvD,IAAI,kBAAkB,EAAE,CAAC;gBACvB,2CAA2C;gBAC3C,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,kBAAkB,IAAI,cAAc,EAAE,CAAC,CAAA;YACzE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAA;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,CAAC;YACjD,OAAM;QACR,CAAC;QAED,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAA;QAC5C,MAAM,QAAQ,GAAG,kBAAkB,CAAA;QAEnC,IAAI,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,KAAK,cAAc,IAAI,CAAC,EAAE,CAAC;YACpE,OAAM;QACR,CAAC;QAED,MAAM,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAA;QAEnE,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;YAE9C,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;QAC7F,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,CAAC;YACrD,OAAM;QACR,CAAC;QAED,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAA;QAE9E,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,QAAQ,GAAG,cAAc,CAAA;YAE/B,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACnC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YACtC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;YACjC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEpD,yDAAyD;IACzD,uEAAuE;IACvE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,OAAO;YAAE,OAAM;QACnD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAA;QAClF,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QAE1B,MAAM,UAAU,GAAG,IAAA,yBAAS,EAAC,KAAK,CAAC,CAAA;QACnC,IAAI,CAAC,UAAU;YAAE,OAAM;QAEvB,MAAM,MAAM,GAAG,IAAI,GAAG,CACpB,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAC9F,CAAA;QAED,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACvB,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YACxC,IAAI,OAAO,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnC,OAAM;YACR,CAAC;YAED,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC;gBACrD,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC;gBAClC,CAAC,CAAC,IAAI,CAAA;YAER,IAAI,cAAc,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC3D,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,cAAc,IAAI,UAAU,GAAG,CAAC,IAAI,EAAE,CAAC,CAAA;YAC7E,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAA;IAEvB,IAAI,IAAI,GAAG,CACT,6DACE,uBAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,GAAI,EAClF,uBAAC,kBAAkB,IAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,GAAI,EACtF,uBAAC,gBAAgB,IACf,aAAa,EAAE,mBAAmB,EAClC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACtB,EACF,gCAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,GAAG,EAAE,eAAe,YAC7D,QAAQ,GACL,EACN,uBAAC,wBAAwB,IACvB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,GAC9B,IACD,CACJ,CAAA;IAED,uDAAuD;IACvD,2CAA2C;IAC3C,6CAA6C;IAC7C,IAAI,sBAAsB,EAAE,CAAC;QAC3B,IAAI,GAAG,CACL,uBAAC,cAAK,IAAC,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,YACjE,IAAI,GACC,CACT,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,cAAK,OACA,KAAK,EACT,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,iBAAiB,sBACJ,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC3E,SAAS,EAAE,UAAU,CAAC,OAAO,aAE7B,uBAAC,YAAY,IACX,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,UAAU,CAAC,KAAK,GAChC,EACD,IAAI,IACC,CACT,CAAA;AACH,CAAC,CAAA;AAhPY,QAAA,iBAAiB,qBAgP7B;AAED,MAAM,YAAY,GAAG,IAAA,YAAI,EAUvB,CAAC,EACC,UAAU,EACV,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,SAAS,EACT,KAAK,EACL,aAAa,EACb,cAAc,EACd,YAAY,GACb,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,CACX,6DACE,uBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,YAAG,KAAK,GAAQ,EAC1C,uBAAC,kBAAkB,IAAC,YAAY,EAAE,YAAY,GAAI,IACjD,CACJ,CAAA;IAED,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAO;gBACL,KAAK,EAAE,IAAI;gBACX,cAAc,EAAE,UAAU;oBACxB,CAAC,CAAC;wBACE,EAAE,EAAE,QAAQ;qBACb;oBACH,CAAC,CAAC;wBACE,EAAE,EAAE,OAAO;wBACX,OAAO,EAAE,cAAc;wBACvB,EAAE,EAAE,cAAc;qBACnB;aACN,CAAA;QACH,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;gBACL,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAW;gBACzC,cAAc,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;aACjC,CAAA;QACH,CAAC;QAED,OAAO;YACL,KAAK,EAAE;gBACL,EAAE,EAAE,OAAgB;gBACpB,OAAO,EAAE,cAAc;gBACvB,EAAE,EAAE,cAAc;aACnB;YACD,cAAc,EAAE,IAAI;SACrB,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,UAAU,CAAC,CAAC,CAAA;IAExE,OAAO,CACL,6DACG,KAAK,CAAC,cAAc,IAAI,CACvB,uBAAC,uCAAkB,OAAK,KAAK,CAAC,cAAc;gBAExC,qCAAqC;gBACrC,yCAAyC;gBACzC,IAAA,yBAAS,EAAC,IAAI,CAAC,IAAI,IAAI,GAEN,CACtB,EACA,KAAK,CAAC,KAAK,IAAI,CACd,wBAAC,gBAAO,IACN,OAAO,EAAC,eAAe;gBACvB,2CAA2C;gBAC3C,oBAAoB;gBACpB,SAAS,EAAC,iBAAiB,aAE3B,uBAAC,gBAAO,OAAK,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,cAAc,YAC/D,IAAI,GACG,EACT,aAAa,IAAI,gCAAK,SAAS,EAAC,UAAU,YAAE,aAAa,GAAO,IACzD,CACX,IACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,kBAAkB,GAAG,IAAA,YAAI,EAAsC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACxF,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,uBAAC,gBAAO,IAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,YAC1B,YAAY,GACL,CACX,CACF,CAAA;AAED,MAAM,oBAAoB,GAAG,IAAA,YAAI,EAC/B,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,EAAE,CAClC,WAAW,CAAC,CAAC,CAAC,CACZ,8BAAG,SAAS,EAAC,oCAAoC,EAAC,EAAE,EAAE,GAAG,cAAc,cAAc,YAClF,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,CACX,CAAA;AAED,MAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE,CACrC,cAAc,CAAC,CAAC,CAAC,CACf,uBAAC,WAAI,IACH,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,WAAW,EACjB,MAAM,QACN,EAAE,EAAE,GAAG,cAAc,iBAAiB,EACtC,SAAS,EAAC,uCAAuC,YAEhD,cAAc,GACV,CACR,CAAC,CAAC,CAAC,IAAI,CACX,CAAA;AAED,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAO1B,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EAAE,CACnD,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,gCAAK,EAAE,EAAE,GAAG,cAAc,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,YACtF,aAAa,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,wCACE,uBAAC,8BAAuB,IAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,GAAI,IADrE,KAAK,CAET,CACL,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAA;AAED,MAAM,wBAAwB,GAAG,IAAA,YAAI,EAEnC,CAAC,EAAE,oBAAoB,EAAE,cAAc,EAAE,EAAE,EAAE,CAC7C,oBAAoB,CAAC,CAAC,CAAC,CACrB,uBAAC,WAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,WAAW,EACjB,EAAE,EAAE,GAAG,cAAc,uBAAuB,EAC5C,SAAS,EAAC,6CAA6C,YAEtD,oBAAoB,GAChB,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAA;AAEY,QAAA,WAAW,GAAsD,yBAAiB,CAAA","sourcesContent":["'use client'\n\nimport {\n type ComponentProps,\n type ComponentPropsWithoutRef,\n type ComponentType,\n type FC,\n Fragment,\n type FunctionComponentElement,\n type PropsWithChildren,\n type ReactNode,\n memo,\n useEffect,\n useMemo,\n useRef,\n} from 'react'\nimport { useId } from 'react'\nimport innerText from 'react-innertext'\nimport { tv } from 'tailwind-variants'\n\nimport { FaCircleExclamationIcon } from '../Icon'\nimport { Cluster, Stack } from '../Layout'\nimport { StatusLabel } from '../StatusLabel'\nimport { Text, type TextProps } from '../Text'\nimport { VisuallyHiddenText, visuallyHiddenTextClassNameGenerator } from '../VisuallyHiddenText'\n\nimport type { Gap } from '../../types'\n\ntype StatusLabelProps = ComponentProps<typeof StatusLabel>\ntype StatusLabelType = FunctionComponentElement<StatusLabelProps>\n\ntype Props = PropsWithChildren<{\n /** グループのタイトル名 */\n title: ReactNode\n /** タイトルの見出しのタイプ */\n titleType?: TextProps['styleType']\n /** タイトル右の領域 */\n subActionArea?: ReactNode\n /** タイトルの見出しを視覚的に隠すかどうか */\n dangerouslyTitleHidden?: boolean\n /** label 要素に適用する `htmlFor` 値 */\n htmlFor?: string\n /** label 要素に適用する `id` 値 */\n labelId?: string\n /** タイトル群と子要素の間の間隔調整用(基本的には不要) */\n innerMargin?: Gap\n /** タイトルの隣に表示する `StatusLabel` の Props の配列 */\n /**\n * @deprecated statusLabelProps属性は非推奨です。statusLabelsを使ってください。\n */\n statusLabelProps?: StatusLabelProps | StatusLabelProps[]\n /** タイトルの隣に表示する `StatusLabel` の配列 */\n statusLabels?: StatusLabelType | StatusLabelType[]\n /** タイトルの下に表示するヘルプメッセージ */\n helpMessage?: ReactNode\n /** タイトルの下に表示する入力例 */\n exampleMessage?: ReactNode\n /** タイトルの下に表示するエラーメッセージ */\n errorMessages?: ReactNode | ReactNode[]\n /** エラーがある場合に自動的に入力要素を error にするかどうか */\n autoBindErrorInput?: boolean\n /** フォームコントロールの下に表示する補足メッセージ */\n supplementaryMessage?: ReactNode\n /** `true` のとき、文字色を `TEXT_DISABLED` にする */\n disabled?: boolean\n as?: string | ComponentType<any>\n}>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props | 'aria-labelledby'>\n\nconst classNameGenerator = tv({\n slots: {\n wrapper: [\n 'smarthr-ui-FormControl',\n 'shr-mx-[unset] shr-border-none shr-p-[unset]',\n 'disabled:shr-text-disabled',\n '[&:disabled_.smarthr-ui-FormControl-label_>_span]:shr-text-disabled',\n '[&:disabled_.smarthr-ui-FormControl-exampleMessage]:shr-text-color-inherit',\n '[&:disabled_.smarthr-ui-FormControl-errorMessage]:shr-text-color-inherit',\n '[&:disabled_.smarthr-ui-FormControl-supplementaryMessage]:shr-text-color-inherit',\n '[&:disabled_.smarthr-ui-Input]:shr-border-default/50 [&:disabled_.smarthr-ui-Input]:shr-bg-white-darken',\n ],\n label: ['smarthr-ui-FormControl-label'],\n errorList: ['shr-list-none'],\n errorIcon: ['smarthr-ui-FormControl-errorMessage', 'shr-text-danger'],\n underTitleStack: ['[&&&]:shr-mt-0'],\n childrenWrapper: [],\n },\n variants: {\n innerMargin: {\n 0: {},\n 0.25: {},\n 0.5: {},\n 0.75: {},\n 1: {},\n 1.25: {},\n 1.5: {},\n 2: {},\n 2.5: {},\n 3: {},\n 3.5: {},\n 4: {},\n 8: {},\n X3S: {},\n XXS: {},\n XS: {},\n S: {},\n M: {},\n L: {},\n XL: {},\n XXL: {},\n X3L: {},\n } as { [key in Gap]: string },\n isFieldset: {\n true: {},\n false: {},\n },\n },\n compoundVariants: [\n // TODO: innerMarginが未指定、初期値の場合、かつFieldsetの場合、childrenの上部の余白を広げることで\n // FormControltとの差をわかりやすくしている\n // 微妙な方法ではあるので、必要に応じてinnerMarginではない属性を用意する\n // https://kufuinc.slack.com/archives/CGC58MW01/p1737944965871159?thread_ts=1737541173.404369&cid=CGC58MW01\n {\n innerMargin: undefined,\n isFieldset: true,\n class: {\n childrenWrapper: '[:not([hidden])_~_&&&]:shr-mt-1',\n },\n },\n {\n innerMargin: undefined,\n isFieldset: false,\n class: {\n childrenWrapper: '[:not([hidden])_~_&&&]:shr-mt-0.5',\n },\n },\n ],\n})\n\nconst SMARTHR_UI_INPUT_SELECTOR = '[data-smarthr-ui-input=\"true\"]'\n\nexport const ActualFormControl: FC<Props & ElementProps> = ({\n title,\n titleType = 'blockTitle',\n subActionArea,\n dangerouslyTitleHidden = false,\n htmlFor,\n labelId,\n innerMargin,\n statusLabels,\n statusLabelProps,\n helpMessage,\n exampleMessage,\n errorMessages,\n autoBindErrorInput = true,\n supplementaryMessage,\n as = 'div',\n className,\n children,\n ...props\n}) => {\n const defaultHtmlFor = useId()\n const defaultLabelId = useId()\n const managedHtmlFor = htmlFor || defaultHtmlFor\n const managedLabelId = labelId || defaultLabelId\n const inputWrapperRef = useRef<HTMLDivElement>(null)\n const isFieldset = as === 'fieldset'\n\n const describedbyIds = useMemo(() => {\n const temp = []\n\n if (helpMessage) {\n temp.push(`${managedHtmlFor}_helpMessage`)\n }\n if (exampleMessage) {\n temp.push(`${managedHtmlFor}_exampleMessage`)\n }\n if (supplementaryMessage) {\n temp.push(`${managedHtmlFor}_supplementaryMessage`)\n }\n if (errorMessages) {\n temp.push(`${managedHtmlFor}_errorMessages`)\n }\n\n return temp.join(' ')\n }, [helpMessage, exampleMessage, supplementaryMessage, errorMessages, managedHtmlFor])\n\n const actualStatusLabels = useMemo(() => {\n if (statusLabels) {\n return (Array.isArray(statusLabels) ? statusLabels : [statusLabels]).map(\n (statusLabel, index) => <Fragment key={index}>{statusLabel}</Fragment>,\n )\n }\n\n if (!statusLabelProps) {\n return []\n }\n\n const labelProps = Array.isArray(statusLabelProps) ? statusLabelProps : [statusLabelProps]\n\n return labelProps.map((prop, index) => <StatusLabel {...prop} key={index} />)\n }, [statusLabels, statusLabelProps])\n\n const actualErrorMessages = useMemo(() => {\n if (!errorMessages) {\n return []\n }\n\n return Array.isArray(errorMessages) ? errorMessages : [errorMessages]\n }, [errorMessages])\n\n const actualInnerMargin = useMemo(() => innerMargin ?? 0.5, [innerMargin])\n\n const classNames = useMemo(() => {\n const { wrapper, label, errorList, errorIcon, underTitleStack, childrenWrapper } =\n classNameGenerator({ innerMargin, isFieldset })\n\n return {\n wrapper: wrapper({ className }),\n label: label({\n className: dangerouslyTitleHidden ? visuallyHiddenTextClassNameGenerator() : '',\n }),\n errorList: errorList(),\n errorIcon: errorIcon(),\n underTitleStack: underTitleStack(),\n childrenWrapper: childrenWrapper(),\n }\n }, [innerMargin, isFieldset, dangerouslyTitleHidden, className])\n\n useEffect(() => {\n if (\n isFieldset ||\n !inputWrapperRef?.current ||\n // HINT: 対象idを持つ要素が既に存在する場合、何もしない\n document.getElementById(managedHtmlFor)\n ) {\n return\n }\n\n const input = inputWrapperRef.current.querySelector(SMARTHR_UI_INPUT_SELECTOR)\n\n if (!input) {\n return\n }\n\n if (!input.getAttribute('id')) {\n input.setAttribute('id', managedHtmlFor)\n }\n\n if (input instanceof HTMLInputElement && input.type === 'file') {\n const attrName = 'aria-labelledby'\n const inputLabelledByIds = input.getAttribute(attrName)\n\n if (inputLabelledByIds) {\n // InputFileの場合はlabel要素の可視ラベルをアクセシブルネームに含める\n input.setAttribute(attrName, `${inputLabelledByIds} ${managedLabelId}`)\n }\n }\n }, [managedHtmlFor, isFieldset, managedLabelId])\n\n useEffect(() => {\n if (!describedbyIds || !inputWrapperRef?.current) {\n return\n }\n\n const inputWrapper = inputWrapperRef.current\n const attrName = 'aria-describedby'\n\n if (inputWrapper.querySelector(`[${attrName}=\"${describedbyIds}\"]`)) {\n return\n }\n\n const input = inputWrapper.querySelector(SMARTHR_UI_INPUT_SELECTOR)\n\n if (input) {\n const attribute = input.getAttribute(attrName)\n\n input.setAttribute(attrName, attribute ? `${attribute} ${describedbyIds}` : describedbyIds)\n }\n }, [describedbyIds])\n\n useEffect(() => {\n if (!autoBindErrorInput || !inputWrapperRef?.current) {\n return\n }\n\n const input = inputWrapperRef.current.querySelector(SMARTHR_UI_INPUT_SELECTOR)\n\n if (input) {\n const attrName = 'aria-invalid'\n\n if (actualErrorMessages.length > 0) {\n input.setAttribute(attrName, 'true')\n } else {\n input.removeAttribute(attrName)\n }\n }\n }, [actualErrorMessages.length, autoBindErrorInput])\n\n // HINT: Fieldset内の可視ラベルが無いinputに、legend文言をアクセシブルネームに追加する\n // https://waic.jp/translations/WCAG21/Understanding/label-in-name.html\n useEffect(() => {\n if (!isFieldset || !inputWrapperRef.current) return\n const inputs = inputWrapperRef.current.querySelectorAll(SMARTHR_UI_INPUT_SELECTOR)\n if (!inputs.length) return\n\n const legendText = innerText(title)\n if (!legendText) return\n\n const labels = new Set(\n Array.from(document.querySelectorAll('label[for]')).map((label) => label.getAttribute('for')),\n )\n\n inputs.forEach((input) => {\n const inputId = input.getAttribute('id')\n if (inputId && labels.has(inputId)) {\n return\n }\n\n const accessibleName = input.hasAttribute('aria-label')\n ? input.getAttribute('aria-label')\n : null\n\n if (accessibleName && !accessibleName.includes(legendText)) {\n input.setAttribute('aria-label', `${accessibleName} ${legendText} `.trim())\n }\n })\n }, [isFieldset, title])\n\n let body = (\n <>\n <HelpMessageParagraph helpMessage={helpMessage} managedHtmlFor={managedHtmlFor} />\n <ExampleMessageText exampleMessage={exampleMessage} managedHtmlFor={managedHtmlFor} />\n <ErrorMessageList\n errorMessages={actualErrorMessages}\n managedHtmlFor={managedHtmlFor}\n classNames={classNames}\n />\n <div className={classNames.childrenWrapper} ref={inputWrapperRef}>\n {children}\n </div>\n <SupplementaryMessageText\n supplementaryMessage={supplementaryMessage}\n managedHtmlFor={managedHtmlFor}\n />\n </>\n )\n\n // HINT: dangerouslyTitleHiddenの場合、body以下の余白の計算を簡略化するため\n // Stackをネストし、そのStackに対してmargin-top: 0を指定する\n // こうすることでinner Stack以下の要素は擬似的にStackの最初の要素になる\n if (dangerouslyTitleHidden) {\n body = (\n <Stack gap={actualInnerMargin} className={classNames.underTitleStack}>\n {body}\n </Stack>\n )\n }\n\n return (\n <Stack\n {...props}\n as={as}\n gap={actualInnerMargin}\n aria-describedby={isFieldset && describedbyIds ? describedbyIds : undefined}\n className={classNames.wrapper}\n >\n <TitleCluster\n isFieldset={isFieldset}\n managedHtmlFor={managedHtmlFor}\n managedLabelId={managedLabelId}\n dangerouslyTitleHidden={dangerouslyTitleHidden}\n titleType={titleType}\n title={title}\n statusLabels={actualStatusLabels}\n subActionArea={subActionArea}\n labelClassName={classNames.label}\n />\n {body}\n </Stack>\n )\n}\n\nconst TitleCluster = memo<\n Pick<Props, 'dangerouslyTitleHidden' | 'title' | 'subActionArea'> & {\n titleType: TextProps['styleType']\n isFieldset: boolean\n managedHtmlFor: string\n managedLabelId: string\n labelClassName: string\n statusLabels: StatusLabelType[]\n }\n>(\n ({\n isFieldset,\n managedHtmlFor,\n managedLabelId,\n dangerouslyTitleHidden,\n titleType,\n title,\n subActionArea,\n labelClassName,\n statusLabels,\n }) => {\n const body = (\n <>\n <Text styleType={titleType}>{title}</Text>\n <StatusLabelCluster statusLabels={statusLabels} />\n </>\n )\n\n const attrs = useMemo(() => {\n if (dangerouslyTitleHidden) {\n return {\n label: null,\n visuallyHidden: isFieldset\n ? {\n as: 'legend',\n }\n : {\n as: 'label',\n htmlFor: managedHtmlFor,\n id: managedLabelId,\n },\n }\n }\n\n if (isFieldset) {\n return {\n label: { 'aria-hidden': 'true' } as const,\n visuallyHidden: { as: 'legend' },\n }\n }\n\n return {\n label: {\n as: 'label' as const,\n htmlFor: managedHtmlFor,\n id: managedLabelId,\n },\n visuallyHidden: null,\n }\n }, [managedLabelId, managedHtmlFor, dangerouslyTitleHidden, isFieldset])\n\n return (\n <>\n {attrs.visuallyHidden && (\n <VisuallyHiddenText {...attrs.visuallyHidden}>\n {\n // HINT: innerTextでは正しく文字が取得できない場合がある\n // 安全策としてinnerTextが空を取得してきたらbody自体を埋めこみます\n innerText(body) || body\n }\n </VisuallyHiddenText>\n )}\n {attrs.label && (\n <Cluster\n justify=\"space-between\"\n // HINT: UI上、常にトップの要素になるため、Stackの計算が狂わないよう、\n // 常にmargin-topを0にする\n className=\"[&&&]:shr--mt-0\"\n >\n <Cluster {...attrs.label} align=\"center\" className={labelClassName}>\n {body}\n </Cluster>\n {subActionArea && <div className=\"shr-grow\">{subActionArea}</div>}\n </Cluster>\n )}\n </>\n )\n },\n)\n\nconst StatusLabelCluster = memo<{ statusLabels: StatusLabelType[] }>(({ statusLabels }) =>\n statusLabels.length === 0 ? null : (\n <Cluster gap={0.25} as=\"span\">\n {statusLabels}\n </Cluster>\n ),\n)\n\nconst HelpMessageParagraph = memo<Pick<Props, 'helpMessage'> & { managedHtmlFor: string }>(\n ({ helpMessage, managedHtmlFor }) =>\n helpMessage ? (\n <p className=\"smarthr-ui-FormControl-helpMessage\" id={`${managedHtmlFor}_helpMessage`}>\n {helpMessage}\n </p>\n ) : null,\n)\n\nconst ExampleMessageText = memo<Pick<Props, 'exampleMessage'> & { managedHtmlFor: string }>(\n ({ exampleMessage, managedHtmlFor }) =>\n exampleMessage ? (\n <Text\n as=\"p\"\n color=\"TEXT_GREY\"\n italic\n id={`${managedHtmlFor}_exampleMessage`}\n className=\"smarthr-ui-FormControl-exampleMessage\"\n >\n {exampleMessage}\n </Text>\n ) : null,\n)\n\nconst ErrorMessageList = memo<{\n errorMessages: ReactNode[]\n managedHtmlFor: string\n classNames: {\n errorList: string\n errorIcon: string\n }\n}>(({ errorMessages, managedHtmlFor, classNames }) =>\n errorMessages.length > 0 ? (\n <div id={`${managedHtmlFor}_errorMessages`} className={classNames.errorList} role=\"alert\">\n {errorMessages.map((message, index) => (\n <p key={index}>\n <FaCircleExclamationIcon text={message} className={classNames.errorIcon} />\n </p>\n ))}\n </div>\n ) : null,\n)\n\nconst SupplementaryMessageText = memo<\n Pick<Props, 'supplementaryMessage'> & { managedHtmlFor: string }\n>(({ supplementaryMessage, managedHtmlFor }) =>\n supplementaryMessage ? (\n <Text\n as=\"p\"\n size=\"S\"\n color=\"TEXT_GREY\"\n id={`${managedHtmlFor}_supplementaryMessage`}\n className=\"smarthr-ui-FormControl-supplementaryMessage\"\n >\n {supplementaryMessage}\n </Text>\n ) : null,\n)\n\nexport const FormControl: FC<Omit<Props & ElementProps, 'as' | 'disabled'>> = ActualFormControl\n"]}
1
+ {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport {\n type ComponentProps,\n type ComponentPropsWithoutRef,\n type ComponentType,\n type FC,\n Fragment,\n type FunctionComponentElement,\n type PropsWithChildren,\n type ReactNode,\n memo,\n useEffect,\n useMemo,\n useRef,\n} from 'react'\nimport { useId } from 'react'\nimport innerText from 'react-innertext'\nimport { tv } from 'tailwind-variants'\n\nimport { FaCircleExclamationIcon } from '../Icon'\nimport { Cluster, Stack } from '../Layout'\nimport { StatusLabel } from '../StatusLabel'\nimport { Text, type TextProps } from '../Text'\nimport { VisuallyHiddenText, visuallyHiddenTextClassNameGenerator } from '../VisuallyHiddenText'\n\nimport type { Gap } from '../../types'\n\ntype StatusLabelProps = ComponentProps<typeof StatusLabel>\ntype StatusLabelType = FunctionComponentElement<StatusLabelProps>\n\ntype Props = PropsWithChildren<{\n /** グループのタイトル名 */\n title: ReactNode\n /** タイトルの見出しのタイプ */\n titleType?: TextProps['styleType']\n /** タイトル右の領域 */\n subActionArea?: ReactNode\n /** タイトルの見出しを視覚的に隠すかどうか */\n dangerouslyTitleHidden?: boolean\n /** label 要素に適用する `htmlFor` 値 */\n htmlFor?: string\n /** label 要素に適用する `id` 値 */\n labelId?: string\n /** タイトル群と子要素の間の間隔調整用(基本的には不要) */\n innerMargin?: Gap\n /** タイトルの隣に表示する `StatusLabel` の Props の配列 */\n /**\n * @deprecated statusLabelProps属性は非推奨です。statusLabelsを使ってください。\n */\n statusLabelProps?: StatusLabelProps | StatusLabelProps[]\n /** タイトルの隣に表示する `StatusLabel` の配列 */\n statusLabels?: StatusLabelType | StatusLabelType[]\n /** タイトルの下に表示するヘルプメッセージ */\n helpMessage?: ReactNode\n /** タイトルの下に表示する入力例 */\n exampleMessage?: ReactNode\n /** タイトルの下に表示するエラーメッセージ */\n errorMessages?: ReactNode | ReactNode[]\n /** エラーがある場合に自動的に入力要素を error にするかどうか */\n autoBindErrorInput?: boolean\n /** フォームコントロールの下に表示する補足メッセージ */\n supplementaryMessage?: ReactNode\n /** `true` のとき、文字色を `TEXT_DISABLED` にする */\n disabled?: boolean\n as?: string | ComponentType<any>\n}>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props | 'aria-labelledby'>\n\nconst classNameGenerator = tv({\n slots: {\n wrapper: [\n 'smarthr-ui-FormControl',\n 'shr-mx-[unset] shr-border-none shr-p-[unset]',\n 'disabled:shr-text-disabled',\n '[&:disabled_.smarthr-ui-FormControl-label_>_span]:shr-text-disabled',\n '[&:disabled_.smarthr-ui-FormControl-exampleMessage]:shr-text-color-inherit',\n '[&:disabled_.smarthr-ui-FormControl-errorMessage]:shr-text-color-inherit',\n '[&:disabled_.smarthr-ui-FormControl-supplementaryMessage]:shr-text-color-inherit',\n '[&:disabled_.smarthr-ui-Input]:shr-border-default/50 [&:disabled_.smarthr-ui-Input]:shr-bg-white-darken',\n ],\n label: ['smarthr-ui-FormControl-label'],\n errorList: ['shr-list-none'],\n errorIcon: ['smarthr-ui-FormControl-errorMessage', 'shr-text-danger'],\n underTitleStack: ['[&&&]:shr-mt-0'],\n childrenWrapper: [],\n },\n variants: {\n innerMargin: {\n 0: {},\n 0.25: {},\n 0.5: {},\n 0.75: {},\n 1: {},\n 1.25: {},\n 1.5: {},\n 2: {},\n 2.5: {},\n 3: {},\n 3.5: {},\n 4: {},\n 8: {},\n X3S: {},\n XXS: {},\n XS: {},\n S: {},\n M: {},\n L: {},\n XL: {},\n XXL: {},\n X3L: {},\n } as { [key in Gap]: string },\n isFieldset: {\n true: {},\n false: {},\n },\n },\n compoundVariants: [\n // TODO: innerMarginが未指定、初期値の場合、かつFieldsetの場合、childrenの上部の余白を広げることで\n // FormControltとの差をわかりやすくしている\n // 微妙な方法ではあるので、必要に応じてinnerMarginではない属性を用意する\n // https://kufuinc.slack.com/archives/CGC58MW01/p1737944965871159?thread_ts=1737541173.404369&cid=CGC58MW01\n {\n innerMargin: undefined,\n isFieldset: true,\n class: {\n childrenWrapper: '[:not([hidden])_~_&&&]:shr-mt-1',\n },\n },\n {\n innerMargin: undefined,\n isFieldset: false,\n class: {\n childrenWrapper: '[:not([hidden])_~_&&&]:shr-mt-0.5',\n },\n },\n ],\n})\n\nconst SMARTHR_UI_INPUT_SELECTOR = '[data-smarthr-ui-input=\"true\"]'\n\nexport const ActualFormControl: FC<Props & ElementProps> = ({\n title,\n titleType = 'blockTitle',\n subActionArea,\n dangerouslyTitleHidden = false,\n htmlFor,\n labelId,\n innerMargin,\n statusLabels,\n statusLabelProps,\n helpMessage,\n exampleMessage,\n errorMessages,\n autoBindErrorInput = true,\n supplementaryMessage,\n as = 'div',\n className,\n children,\n ...props\n}) => {\n const defaultHtmlFor = useId()\n const defaultLabelId = useId()\n const managedHtmlFor = htmlFor || defaultHtmlFor\n const managedLabelId = labelId || defaultLabelId\n const inputWrapperRef = useRef<HTMLDivElement>(null)\n const isFieldset = as === 'fieldset'\n\n const describedbyIds = useMemo(() => {\n const temp = []\n\n if (helpMessage) {\n temp.push(`${managedHtmlFor}_helpMessage`)\n }\n if (exampleMessage) {\n temp.push(`${managedHtmlFor}_exampleMessage`)\n }\n if (supplementaryMessage) {\n temp.push(`${managedHtmlFor}_supplementaryMessage`)\n }\n if (errorMessages) {\n temp.push(`${managedHtmlFor}_errorMessages`)\n }\n\n return temp.join(' ')\n }, [helpMessage, exampleMessage, supplementaryMessage, errorMessages, managedHtmlFor])\n\n const actualStatusLabels = useMemo(() => {\n if (statusLabels) {\n return (Array.isArray(statusLabels) ? statusLabels : [statusLabels]).map(\n (statusLabel, index) => <Fragment key={index}>{statusLabel}</Fragment>,\n )\n }\n\n if (!statusLabelProps) {\n return []\n }\n\n const labelProps = Array.isArray(statusLabelProps) ? statusLabelProps : [statusLabelProps]\n\n return labelProps.map((prop, index) => <StatusLabel {...prop} key={index} />)\n }, [statusLabels, statusLabelProps])\n\n const actualErrorMessages = useMemo(() => {\n if (!errorMessages) {\n return []\n }\n\n return Array.isArray(errorMessages) ? errorMessages : [errorMessages]\n }, [errorMessages])\n\n const actualInnerMargin = useMemo(() => innerMargin ?? 0.5, [innerMargin])\n\n const classNames = useMemo(() => {\n const { wrapper, label, errorList, errorIcon, underTitleStack, childrenWrapper } =\n classNameGenerator({ innerMargin, isFieldset })\n\n return {\n wrapper: wrapper({ className }),\n label: label({\n className: dangerouslyTitleHidden ? visuallyHiddenTextClassNameGenerator() : '',\n }),\n errorList: errorList(),\n errorIcon: errorIcon(),\n underTitleStack: underTitleStack(),\n childrenWrapper: childrenWrapper(),\n }\n }, [innerMargin, isFieldset, dangerouslyTitleHidden, className])\n\n useEffect(() => {\n if (\n isFieldset ||\n !inputWrapperRef?.current ||\n // HINT: 対象idを持つ要素が既に存在する場合、何もしない\n document.getElementById(managedHtmlFor)\n ) {\n return\n }\n\n const input = inputWrapperRef.current.querySelector(SMARTHR_UI_INPUT_SELECTOR)\n\n if (!input) {\n return\n }\n\n if (!input.getAttribute('id')) {\n input.setAttribute('id', managedHtmlFor)\n }\n\n if (input instanceof HTMLInputElement && input.type === 'file') {\n const attrName = 'aria-labelledby'\n const inputLabelledByIds = input.getAttribute(attrName)\n\n if (inputLabelledByIds) {\n // InputFileの場合はlabel要素の可視ラベルをアクセシブルネームに含める\n input.setAttribute(attrName, `${inputLabelledByIds} ${managedLabelId}`)\n }\n }\n }, [managedHtmlFor, isFieldset, managedLabelId])\n\n useEffect(() => {\n if (!describedbyIds || !inputWrapperRef?.current) {\n return\n }\n\n const inputWrapper = inputWrapperRef.current\n const attrName = 'aria-describedby'\n\n if (inputWrapper.querySelector(`[${attrName}=\"${describedbyIds}\"]`)) {\n return\n }\n\n const input = inputWrapper.querySelector(SMARTHR_UI_INPUT_SELECTOR)\n\n if (input) {\n const attribute = input.getAttribute(attrName)\n\n input.setAttribute(attrName, attribute ? `${attribute} ${describedbyIds}` : describedbyIds)\n }\n }, [describedbyIds])\n\n useEffect(() => {\n if (!autoBindErrorInput || !inputWrapperRef?.current) {\n return\n }\n\n const input = inputWrapperRef.current.querySelector(SMARTHR_UI_INPUT_SELECTOR)\n\n if (input) {\n const attrName = 'aria-invalid'\n\n if (actualErrorMessages.length > 0) {\n input.setAttribute(attrName, 'true')\n } else {\n input.removeAttribute(attrName)\n }\n }\n }, [actualErrorMessages.length, autoBindErrorInput])\n\n // HINT: Fieldset内の可視ラベルが無いinputに、legend文言をアクセシブルネームに追加する\n // https://waic.jp/translations/WCAG21/Understanding/label-in-name.html\n useEffect(() => {\n if (!isFieldset || !inputWrapperRef.current) return\n const inputs = inputWrapperRef.current.querySelectorAll(SMARTHR_UI_INPUT_SELECTOR)\n if (!inputs.length) return\n\n const legendText = innerText(title)\n if (!legendText) return\n\n const labelMap = new Map(\n Array.from(document.querySelectorAll('label[for]')).map((label) => [\n label.getAttribute('for'),\n label,\n ]),\n )\n\n inputs.forEach((input) => {\n const inputId = input.getAttribute('id')\n let accessibleName = input.getAttribute('aria-label')\n\n if (!accessibleName) {\n const label = labelMap.get(inputId)\n if (!label?.closest('.smarthr-ui-VisuallyHiddenText')) {\n // HINT: <label> があり、かつ <VisuallyHiddenText> でラップされていない場合\n return\n }\n\n accessibleName = label.textContent || ''\n }\n\n if (accessibleName && !accessibleName.includes(legendText)) {\n input.setAttribute('aria-label', `${accessibleName} ${legendText}`.trim())\n }\n })\n }, [isFieldset, title])\n\n let body = (\n <>\n <HelpMessageParagraph helpMessage={helpMessage} managedHtmlFor={managedHtmlFor} />\n <ExampleMessageText exampleMessage={exampleMessage} managedHtmlFor={managedHtmlFor} />\n <ErrorMessageList\n errorMessages={actualErrorMessages}\n managedHtmlFor={managedHtmlFor}\n classNames={classNames}\n />\n <div className={classNames.childrenWrapper} ref={inputWrapperRef}>\n {children}\n </div>\n <SupplementaryMessageText\n supplementaryMessage={supplementaryMessage}\n managedHtmlFor={managedHtmlFor}\n />\n </>\n )\n\n // HINT: dangerouslyTitleHiddenの場合、body以下の余白の計算を簡略化するため\n // Stackをネストし、そのStackに対してmargin-top: 0を指定する\n // こうすることでinner Stack以下の要素は擬似的にStackの最初の要素になる\n if (dangerouslyTitleHidden) {\n body = (\n <Stack gap={actualInnerMargin} className={classNames.underTitleStack}>\n {body}\n </Stack>\n )\n }\n\n return (\n <Stack\n {...props}\n as={as}\n gap={actualInnerMargin}\n aria-describedby={isFieldset && describedbyIds ? describedbyIds : undefined}\n className={classNames.wrapper}\n >\n <TitleCluster\n isFieldset={isFieldset}\n managedHtmlFor={managedHtmlFor}\n managedLabelId={managedLabelId}\n dangerouslyTitleHidden={dangerouslyTitleHidden}\n titleType={titleType}\n title={title}\n statusLabels={actualStatusLabels}\n subActionArea={subActionArea}\n labelClassName={classNames.label}\n />\n {body}\n </Stack>\n )\n}\n\nconst TitleCluster = memo<\n Pick<Props, 'dangerouslyTitleHidden' | 'title' | 'subActionArea'> & {\n titleType: TextProps['styleType']\n isFieldset: boolean\n managedHtmlFor: string\n managedLabelId: string\n labelClassName: string\n statusLabels: StatusLabelType[]\n }\n>(\n ({\n isFieldset,\n managedHtmlFor,\n managedLabelId,\n dangerouslyTitleHidden,\n titleType,\n title,\n subActionArea,\n labelClassName,\n statusLabels,\n }) => {\n const body = (\n <>\n <Text styleType={titleType}>{title}</Text>\n <StatusLabelCluster statusLabels={statusLabels} />\n </>\n )\n\n const attrs = useMemo(() => {\n if (dangerouslyTitleHidden) {\n return {\n label: null,\n visuallyHidden: isFieldset\n ? {\n as: 'legend',\n }\n : {\n as: 'label',\n htmlFor: managedHtmlFor,\n id: managedLabelId,\n },\n }\n }\n\n if (isFieldset) {\n return {\n label: { 'aria-hidden': 'true' } as const,\n visuallyHidden: { as: 'legend' },\n }\n }\n\n return {\n label: {\n as: 'label' as const,\n htmlFor: managedHtmlFor,\n id: managedLabelId,\n },\n visuallyHidden: null,\n }\n }, [managedLabelId, managedHtmlFor, dangerouslyTitleHidden, isFieldset])\n\n return (\n <>\n {attrs.visuallyHidden && (\n <VisuallyHiddenText {...attrs.visuallyHidden}>\n {\n // HINT: innerTextでは正しく文字が取得できない場合がある\n // 安全策としてinnerTextが空を取得してきたらbody自体を埋めこみます\n innerText(body) || body\n }\n </VisuallyHiddenText>\n )}\n {attrs.label && (\n <Cluster\n justify=\"space-between\"\n // HINT: UI上、常にトップの要素になるため、Stackの計算が狂わないよう、\n // 常にmargin-topを0にする\n className=\"[&&&]:shr--mt-0\"\n >\n <Cluster {...attrs.label} align=\"center\" className={labelClassName}>\n {body}\n </Cluster>\n {subActionArea && <div className=\"shr-grow\">{subActionArea}</div>}\n </Cluster>\n )}\n </>\n )\n },\n)\n\nconst StatusLabelCluster = memo<{ statusLabels: StatusLabelType[] }>(({ statusLabels }) =>\n statusLabels.length === 0 ? null : (\n <Cluster gap={0.25} as=\"span\">\n {statusLabels}\n </Cluster>\n ),\n)\n\nconst HelpMessageParagraph = memo<Pick<Props, 'helpMessage'> & { managedHtmlFor: string }>(\n ({ helpMessage, managedHtmlFor }) =>\n helpMessage ? (\n <p className=\"smarthr-ui-FormControl-helpMessage\" id={`${managedHtmlFor}_helpMessage`}>\n {helpMessage}\n </p>\n ) : null,\n)\n\nconst ExampleMessageText = memo<Pick<Props, 'exampleMessage'> & { managedHtmlFor: string }>(\n ({ exampleMessage, managedHtmlFor }) =>\n exampleMessage ? (\n <Text\n as=\"p\"\n color=\"TEXT_GREY\"\n italic\n id={`${managedHtmlFor}_exampleMessage`}\n className=\"smarthr-ui-FormControl-exampleMessage\"\n >\n {exampleMessage}\n </Text>\n ) : null,\n)\n\nconst ErrorMessageList = memo<{\n errorMessages: ReactNode[]\n managedHtmlFor: string\n classNames: {\n errorList: string\n errorIcon: string\n }\n}>(({ errorMessages, managedHtmlFor, classNames }) =>\n errorMessages.length > 0 ? (\n <div id={`${managedHtmlFor}_errorMessages`} className={classNames.errorList} role=\"alert\">\n {errorMessages.map((message, index) => (\n <p key={index}>\n <FaCircleExclamationIcon text={message} className={classNames.errorIcon} />\n </p>\n ))}\n </div>\n ) : null,\n)\n\nconst SupplementaryMessageText = memo<\n Pick<Props, 'supplementaryMessage'> & { managedHtmlFor: string }\n>(({ supplementaryMessage, managedHtmlFor }) =>\n supplementaryMessage ? (\n <Text\n as=\"p\"\n size=\"S\"\n color=\"TEXT_GREY\"\n id={`${managedHtmlFor}_supplementaryMessage`}\n className=\"smarthr-ui-FormControl-supplementaryMessage\"\n >\n {supplementaryMessage}\n </Text>\n ) : null,\n)\n\nexport const FormControl: FC<Omit<Props & ElementProps, 'as' | 'disabled'>> = ActualFormControl\n"]}
@@ -13,7 +13,7 @@ const classNameGenerator = (0, tailwind_variants_1.tv)({
13
13
  'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
14
14
  '[&:not(:has([disabled]))]:shr-cursor-pointer',
15
15
  ],
16
- wrapper: 'shr-p-0',
16
+ wrapper: 'shr-w-min shr-p-0',
17
17
  checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
18
18
  },
19
19
  });
@@ -28,7 +28,6 @@ exports.TdCheckbox = (0, react_1.forwardRef)(({ vAlign, fixed, children, classNa
28
28
  }, [className]);
29
29
  return (
30
30
  // Td に必要な属性やイベントは不要
31
- // contentWidth={0} td をテーブルの計算上最小幅にする
32
- (0, jsx_runtime_1.jsx)(Td_1.Td, { contentWidth: 0, vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
31
+ (0, jsx_runtime_1.jsx)(Td_1.Td, { vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
33
32
  });
34
33
  //# sourceMappingURL=TdCheckbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TdCheckbox.js","sourceRoot":"","sources":["../../../src/components/Table/TdCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,0CAAmE;AACnE,8DAA0D;AAE1D,6BAAyB;AAQzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAClE;CACF,CAAC,CAAA;AAEW,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEzD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,wCAAwC;IACxC,uBAAC,OAAE,IAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC9E,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,mBAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n // contentWidth={0} で td をテーブルの計算上最小幅にする\n <Td contentWidth={0} vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
1
+ {"version":3,"file":"TdCheckbox.js","sourceRoot":"","sources":["../../../src/components/Table/TdCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,0CAAmE;AACnE,8DAA0D;AAE1D,6BAAyB;AAQzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,mBAAmB;QAC5B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAClE;CACF,CAAC,CAAA;AAEW,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEzD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,uBAAC,OAAE,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC7D,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,mBAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
@@ -13,7 +13,7 @@ const classNameGenerator = (0, tailwind_variants_1.tv)({
13
13
  'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
14
14
  '[&:not(:has([disabled]))]:shr-cursor-pointer',
15
15
  ],
16
- wrapper: 'shr-p-0',
16
+ wrapper: 'shr-w-min shr-p-0',
17
17
  radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
18
18
  },
19
19
  });
@@ -28,7 +28,6 @@ exports.TdRadioButton = (0, react_1.forwardRef)(({ vAlign, children, className,
28
28
  }, [className]);
29
29
  return (
30
30
  // Td に必要な属性やイベントは不要
31
- // contentWidth={0} td をテーブルの計算上最小幅にする
32
- (0, jsx_runtime_1.jsx)(Td_1.Td, { contentWidth: 0, vAlign: vAlign, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
31
+ (0, jsx_runtime_1.jsx)(Td_1.Td, { vAlign: vAlign, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
33
32
  });
34
33
  //# sourceMappingURL=TdRadioButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TdRadioButton.js","sourceRoot":"","sources":["../../../src/components/Table/TdRadioButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,gDAA4C;AAC5C,8DAA0D;AAE1D,6BAAyB;AASzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAC/D;CACF,CAAC,CAAA;AAEW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEtD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,wCAAwC;IACxC,uBAAC,OAAE,IAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAChE,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,yBAAW,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n // contentWidth={0} で td をテーブルの計算上最小幅にする\n <Td contentWidth={0} vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
1
+ {"version":3,"file":"TdRadioButton.js","sourceRoot":"","sources":["../../../src/components/Table/TdRadioButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,gDAA4C;AAC5C,8DAA0D;AAE1D,6BAAyB;AASzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAC/D;CACF,CAAC,CAAA;AAEW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEtD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,uBAAC,OAAE,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC/C,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,yBAAW,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
@@ -9,7 +9,7 @@ exports.visuallyHiddenTextClassNameGenerator = (0, tailwind_variants_1.tv)({
9
9
  });
10
10
  const ActualVisuallyHiddenText = ({ as: Component = 'span', className, ...props }) => {
11
11
  const actualClassName = (0, react_1.useMemo)(() => (0, exports.visuallyHiddenTextClassNameGenerator)({ className }), [className]);
12
- return (0, jsx_runtime_1.jsx)(Component, { ...props, className: actualClassName });
12
+ return (0, jsx_runtime_1.jsx)(Component, { ...props, className: `smarthr-ui-VisuallyHiddenText ${actualClassName}` });
13
13
  };
14
14
  exports.VisuallyHiddenText = (0, react_1.memo)(ActualVisuallyHiddenText);
15
15
  //# sourceMappingURL=VisuallyHiddenText.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHiddenText.js","sourceRoot":"","sources":["../../../src/components/VisuallyHiddenText/VisuallyHiddenText.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoG;AACpG,yDAAsC;AAEzB,QAAA,oCAAoC,GAAG,IAAA,sBAAE,EAAC;IACrD,IAAI,EAAE,4IAA4I;CACnJ,CAAC,CAAA;AAOF,MAAM,wBAAwB,GAAG,CAAiC,EAChE,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,SAAS,EACT,GAAG,KAAK,EACC,EAAE,EAAE;IACb,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CAAC,IAAA,4CAAoC,EAAC,EAAE,SAAS,EAAE,CAAC,EACzD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,uBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CAAA;AAC7D,CAAC,CAAA;AAEY,QAAA,kBAAkB,GAAG,IAAA,YAAI,EAAC,wBAAwB,CAAoC,CAAA","sourcesContent":["import { type ComponentProps, type ElementType, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nexport const visuallyHiddenTextClassNameGenerator = tv({\n base: 'shr-absolute shr-h-px shr-w-px shr-overflow-hidden shr-whitespace-nowrap shr-border-0 shr-p-0 [clip-path:inset(100%)] [clip:rect(0_0_0_0)]',\n})\n\ntype Props<T extends ElementType> = PropsWithChildren<{\n as?: T\n}> &\n ComponentProps<T>\n\nconst ActualVisuallyHiddenText = <T extends ElementType = 'span'>({\n as: Component = 'span',\n className,\n ...props\n}: Props<T>) => {\n const actualClassName = useMemo(\n () => visuallyHiddenTextClassNameGenerator({ className }),\n [className],\n )\n\n return <Component {...props} className={actualClassName} />\n}\n\nexport const VisuallyHiddenText = memo(ActualVisuallyHiddenText) as typeof ActualVisuallyHiddenText\n"]}
1
+ {"version":3,"file":"VisuallyHiddenText.js","sourceRoot":"","sources":["../../../src/components/VisuallyHiddenText/VisuallyHiddenText.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoG;AACpG,yDAAsC;AAEzB,QAAA,oCAAoC,GAAG,IAAA,sBAAE,EAAC;IACrD,IAAI,EAAE,4IAA4I;CACnJ,CAAC,CAAA;AAOF,MAAM,wBAAwB,GAAG,CAAiC,EAChE,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,SAAS,EACT,GAAG,KAAK,EACC,EAAE,EAAE;IACb,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CAAC,IAAA,4CAAoC,EAAC,EAAE,SAAS,EAAE,CAAC,EACzD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,uBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,iCAAiC,eAAe,EAAE,GAAI,CAAA;AAChG,CAAC,CAAA;AAEY,QAAA,kBAAkB,GAAG,IAAA,YAAI,EAAC,wBAAwB,CAAoC,CAAA","sourcesContent":["import { type ComponentProps, type ElementType, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nexport const visuallyHiddenTextClassNameGenerator = tv({\n base: 'shr-absolute shr-h-px shr-w-px shr-overflow-hidden shr-whitespace-nowrap shr-border-0 shr-p-0 [clip-path:inset(100%)] [clip:rect(0_0_0_0)]',\n})\n\ntype Props<T extends ElementType> = PropsWithChildren<{\n as?: T\n}> &\n ComponentProps<T>\n\nconst ActualVisuallyHiddenText = <T extends ElementType = 'span'>({\n as: Component = 'span',\n className,\n ...props\n}: Props<T>) => {\n const actualClassName = useMemo(\n () => visuallyHiddenTextClassNameGenerator({ className }),\n [className],\n )\n\n return <Component {...props} className={`smarthr-ui-VisuallyHiddenText ${actualClassName}`} />\n}\n\nexport const VisuallyHiddenText = memo(ActualVisuallyHiddenText) as typeof ActualVisuallyHiddenText\n"]}
@@ -1,27 +1,27 @@
1
1
  export declare const locale: {
2
2
  readonly 'smarthr-ui/common/language': "English";
3
3
  readonly 'smarthr-ui/ActionDialog/closeButtonLabel': "Cancel";
4
- readonly 'smarthr-ui/AppHeader/school': "School";
4
+ readonly 'smarthr-ui/AppHeader/school': "SmartHR School";
5
5
  readonly 'smarthr-ui/AppHeader/help': "Help";
6
6
  readonly 'smarthr-ui/AppHeader/userSettings': "Personal Settings";
7
- readonly 'smarthr-ui/AppHeader/releaseNotes': "Release notes";
8
- readonly 'smarthr-ui/AppHeader/releaseNotesLoadError': "Failed to load release notes.\nTry again later.";
9
- readonly 'smarthr-ui/AppHeader/seeAllReleaseNotes': "See all release notes";
7
+ readonly 'smarthr-ui/AppHeader/releaseNotes': "Release Notes";
8
+ readonly 'smarthr-ui/AppHeader/releaseNotesLoadError': "Failed to load the release notes. Please try again later.";
9
+ readonly 'smarthr-ui/AppHeader/seeAllReleaseNotes': "View all release notes";
10
10
  readonly 'smarthr-ui/AppHeader/DesktopHeader/appLauncherLabel': "Apps";
11
11
  readonly 'smarthr-ui/AppHeader/MobileHeader/account': "Account";
12
12
  readonly 'smarthr-ui/AppHeader/MobileHeader/openMenu': "Open menu";
13
13
  readonly 'smarthr-ui/AppHeader/MobileHeader/closeMenu': "Close menu";
14
- readonly 'smarthr-ui/AppHeader/MobileHeader/allAppButton': "All apps";
14
+ readonly 'smarthr-ui/AppHeader/MobileHeader/allAppButton': "All Apps";
15
15
  readonly 'smarthr-ui/AppHeader/MobileHeader/managementMenu': "Admin Menu";
16
- readonly 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes': "Latest release notes";
16
+ readonly 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes': "Latest Release Notes";
17
17
  readonly 'smarthr-ui/AppHeader/MobileHeader/back': "Back";
18
- readonly 'smarthr-ui/AppHeader/MobileHeader/openMenuAccordion': "Expand";
19
- readonly 'smarthr-ui/AppHeader/MobileHeader/closeMenuAccordion': "Collapse";
20
- readonly 'smarthr-ui/AppHeader/Launcher/searchInputTitle': "Input the name of the App";
18
+ readonly 'smarthr-ui/AppHeader/MobileHeader/openMenuAccordion': "Open";
19
+ readonly 'smarthr-ui/AppHeader/MobileHeader/closeMenuAccordion': "Close";
20
+ readonly 'smarthr-ui/AppHeader/Launcher/searchInputTitle': "Enter the name of the App.";
21
21
  readonly 'smarthr-ui/AppHeader/Launcher/favoriteModeText': "Favorite Apps";
22
22
  readonly 'smarthr-ui/AppHeader/Launcher/allModeText': "All Apps";
23
23
  readonly 'smarthr-ui/AppHeader/Launcher/listText': "App List";
24
- readonly 'smarthr-ui/AppHeader/Launcher/helpText': "";
24
+ readonly 'smarthr-ui/AppHeader/Launcher/helpText': "About Favorite Apps";
25
25
  readonly 'smarthr-ui/AppHeader/Launcher/searchResultText': "Search results";
26
26
  readonly 'smarthr-ui/AppHeader/Launcher/emptyText': "App not found.";
27
27
  readonly 'smarthr-ui/AppHeader/Launcher/sortDropdownLabel': "Sort by";
@@ -29,72 +29,72 @@ export declare const locale: {
29
29
  readonly 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderDefault': "Default order";
30
30
  readonly 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameAsc': "App name (A→Z)";
31
31
  readonly 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameDesc': "App name (Z→A)";
32
- readonly 'smarthr-ui/AppLauncher/showAllText': "";
33
- readonly 'smarthr-ui/AppLauncher/triggerLabel': "";
34
- readonly 'smarthr-ui/Browser/notFoundDescription': "";
35
- readonly 'smarthr-ui/Browser/notFoundTitle': "";
36
- readonly 'smarthr-ui/Button/loading': "In progress";
32
+ readonly 'smarthr-ui/AppLauncher/showAllText': "View all";
33
+ readonly 'smarthr-ui/AppLauncher/triggerLabel': "Apps";
34
+ readonly 'smarthr-ui/Browser/notFoundDescription': "Try changing the filter criteria.";
35
+ readonly 'smarthr-ui/Browser/notFoundTitle': "No items found.";
36
+ readonly 'smarthr-ui/Button/loading': "In Progress";
37
37
  readonly 'smarthr-ui/Calendar/currentYear': "Current year";
38
38
  readonly 'smarthr-ui/Calendar/nextMonth': "Next month";
39
39
  readonly 'smarthr-ui/Calendar/previousMonth': "Previous month";
40
40
  readonly 'smarthr-ui/Calendar/selectYear': "Select year";
41
- readonly 'smarthr-ui/Combobox/addItemButtonLabel': "";
42
- readonly 'smarthr-ui/Combobox/loadingText': "";
43
- readonly 'smarthr-ui/Combobox/noResultsText': "No matching options found.";
44
- readonly 'smarthr-ui/DropdownMenuButton/triggerActive': "";
45
- readonly 'smarthr-ui/DropdownMenuButton/triggerInactive': "";
46
- readonly 'smarthr-ui/DropZone/selectButtonLabel': "";
47
- readonly 'smarthr-ui/FileViewer/rotateAlt': "";
48
- readonly 'smarthr-ui/FileViewer/scaleDownAlt': "";
49
- readonly 'smarthr-ui/FileViewer/scaleRateLabel': "";
50
- readonly 'smarthr-ui/FileViewer/scaleUpAlt': "";
51
- readonly 'smarthr-ui/FileViewer/unsupportedFileText': "";
52
- readonly 'smarthr-ui/FilterDropdown/applyButton': "";
53
- readonly 'smarthr-ui/FilterDropdown/cancelButton': "";
54
- readonly 'smarthr-ui/FilterDropdown/resetButton': "";
55
- readonly 'smarthr-ui/FilterDropdown/status': "";
56
- readonly 'smarthr-ui/FilterDropdown/triggerButton': "";
41
+ readonly 'smarthr-ui/Combobox/addItemButtonLabel': "Add “{name}”";
42
+ readonly 'smarthr-ui/Combobox/loadingText': "In Progress";
43
+ readonly 'smarthr-ui/Combobox/noResultsText': "No matching results found.";
44
+ readonly 'smarthr-ui/DropdownMenuButton/triggerActive': "Hide options";
45
+ readonly 'smarthr-ui/DropdownMenuButton/triggerInactive': "Show options";
46
+ readonly 'smarthr-ui/DropZone/selectButtonLabel': "Choose file to upload";
47
+ readonly 'smarthr-ui/FileViewer/rotateAlt': "Rotate Left";
48
+ readonly 'smarthr-ui/FileViewer/scaleDownAlt': "Zoom Out";
49
+ readonly 'smarthr-ui/FileViewer/scaleRateLabel': "Zoom Factor (%)";
50
+ readonly 'smarthr-ui/FileViewer/scaleUpAlt': "Zoom In";
51
+ readonly 'smarthr-ui/FileViewer/unsupportedFileText': "Unsupported file format.";
52
+ readonly 'smarthr-ui/FilterDropdown/applyButton': "Apply";
53
+ readonly 'smarthr-ui/FilterDropdown/cancelButton': "Cancel";
54
+ readonly 'smarthr-ui/FilterDropdown/resetButton': "Clear filters";
55
+ readonly 'smarthr-ui/FilterDropdown/status': "Filters applied";
56
+ readonly 'smarthr-ui/FilterDropdown/triggerButton': "Filter";
57
57
  readonly 'smarthr-ui/FormDialog/closeButtonLabel': "Cancel";
58
- readonly 'smarthr-ui/InformationPanel/closeButtonLabel': "";
59
- readonly 'smarthr-ui/InformationPanel/openButtonLabel': "";
60
- readonly 'smarthr-ui/InputFile/destroy': "";
61
- readonly 'smarthr-ui/LanguageSwitcher/checkIconAlt': "";
62
- readonly 'smarthr-ui/Loader/alt': "";
63
- readonly 'smarthr-ui/MessageDialog/closeButtonLabel': "";
64
- readonly 'smarthr-ui/ModelessDialog/closeButtonIconAlt': "";
65
- readonly 'smarthr-ui/ModelessDialog/dialogHandlerAriaLabel': "";
66
- readonly 'smarthr-ui/ModelessDialog/dialogHandlerAriaValuetext': "";
67
- readonly 'smarthr-ui/MultiCombobox/destroyButtonIconAltSuffix': "";
68
- readonly 'smarthr-ui/MultiCombobox/selectedListAriaLabel': "";
69
- readonly 'smarthr-ui/NotificationBar/closeButtonIconAlt': "";
70
- readonly 'smarthr-ui/Pagination/controllerItemButtonFirstLabel': "";
71
- readonly 'smarthr-ui/Pagination/controllerItemButtonLastLabel': "";
72
- readonly 'smarthr-ui/Pagination/controllerItemButtonNextLabel': "";
73
- readonly 'smarthr-ui/Pagination/controllerItemButtonPreviousLabel': "";
74
- readonly 'smarthr-ui/Pagination/itemButtonLabel': "";
75
- readonly 'smarthr-ui/Pagination/navigationLabel': "";
58
+ readonly 'smarthr-ui/InformationPanel/closeButtonLabel': "Close";
59
+ readonly 'smarthr-ui/InformationPanel/openButtonLabel': "Open";
60
+ readonly 'smarthr-ui/InputFile/destroy': "Delete";
61
+ readonly 'smarthr-ui/LanguageSwitcher/checkIconAlt': "Selected";
62
+ readonly 'smarthr-ui/Loader/alt': "In Progress";
63
+ readonly 'smarthr-ui/MessageDialog/closeButtonLabel': "Close";
64
+ readonly 'smarthr-ui/ModelessDialog/closeButtonIconAlt': "Close";
65
+ readonly 'smarthr-ui/ModelessDialog/dialogHandlerAriaLabel': "Dialog position";
66
+ readonly 'smarthr-ui/ModelessDialog/dialogHandlerAriaValuetext': "{top}px from top, {left}px from left";
67
+ readonly 'smarthr-ui/MultiCombobox/destroyButtonIconAltSuffix': ": remove";
68
+ readonly 'smarthr-ui/MultiCombobox/selectedListAriaLabel': "Selected items";
69
+ readonly 'smarthr-ui/NotificationBar/closeButtonIconAlt': "Close";
70
+ readonly 'smarthr-ui/Pagination/controllerItemButtonFirstLabel': "First";
71
+ readonly 'smarthr-ui/Pagination/controllerItemButtonLastLabel': "Last";
72
+ readonly 'smarthr-ui/Pagination/controllerItemButtonNextLabel': "Next";
73
+ readonly 'smarthr-ui/Pagination/controllerItemButtonPreviousLabel': "Previous";
74
+ readonly 'smarthr-ui/Pagination/itemButtonLabel': "Page {page}";
75
+ readonly 'smarthr-ui/Pagination/navigationLabel': "Pagination";
76
76
  readonly 'smarthr-ui/RequiredLabel/text': "Required";
77
- readonly 'smarthr-ui/SearchInput/iconAlt': "";
78
- readonly 'smarthr-ui/Select/blankLabel': "";
79
- readonly 'smarthr-ui/SingleCombobox/destroyButtonIconAlt': "";
80
- readonly 'smarthr-ui/SortDropdown/applyButtonLabel': "";
81
- readonly 'smarthr-ui/SortDropdown/ascLabel': "";
82
- readonly 'smarthr-ui/SortDropdown/cancelButtonLabel': "";
83
- readonly 'smarthr-ui/SortDropdown/descLabel': "";
84
- readonly 'smarthr-ui/SortDropdown/sortFieldLabel': "";
85
- readonly 'smarthr-ui/SortDropdown/sortOrderLabel': "";
86
- readonly 'smarthr-ui/StepFormDialog/backButtonLabel': "";
87
- readonly 'smarthr-ui/StepFormDialog/closeButtonLabel': "";
88
- readonly 'smarthr-ui/StepFormDialog/nextButtonLabel': "";
89
- readonly 'smarthr-ui/StepStatusIcon/closedAlt': "";
90
- readonly 'smarthr-ui/StepStatusIcon/completedAlt': "";
91
- readonly 'smarthr-ui/Textarea/availableLetters': "";
92
- readonly 'smarthr-ui/Textarea/maxLettersExceeded': "";
93
- readonly 'smarthr-ui/Textarea/screenReaderMaxLettersDescription': "";
77
+ readonly 'smarthr-ui/SearchInput/iconAlt': "Search";
78
+ readonly 'smarthr-ui/Select/blankLabel': "Select";
79
+ readonly 'smarthr-ui/SingleCombobox/destroyButtonIconAlt': "Delete";
80
+ readonly 'smarthr-ui/SortDropdown/applyButtonLabel': "Apply";
81
+ readonly 'smarthr-ui/SortDropdown/ascLabel': "Ascending";
82
+ readonly 'smarthr-ui/SortDropdown/cancelButtonLabel': "Cancel";
83
+ readonly 'smarthr-ui/SortDropdown/descLabel': "Descending";
84
+ readonly 'smarthr-ui/SortDropdown/sortFieldLabel': "Sort items";
85
+ readonly 'smarthr-ui/SortDropdown/sortOrderLabel': "Order";
86
+ readonly 'smarthr-ui/StepFormDialog/backButtonLabel': "Back";
87
+ readonly 'smarthr-ui/StepFormDialog/closeButtonLabel': "Cancel";
88
+ readonly 'smarthr-ui/StepFormDialog/nextButtonLabel': "Next";
89
+ readonly 'smarthr-ui/StepStatusIcon/closedAlt': "Interrupted";
90
+ readonly 'smarthr-ui/StepStatusIcon/completedAlt': "Completed";
91
+ readonly 'smarthr-ui/Textarea/availableLetters': "{availableLetters} characters left";
92
+ readonly 'smarthr-ui/Textarea/maxLettersExceeded': "{exceededLetters} characters over limit";
93
+ readonly 'smarthr-ui/Textarea/screenReaderMaxLettersDescription': "Maximum {maxLetters} characters";
94
94
  readonly 'smarthr-ui/TextLink/openInNewTab': "Open in another tab";
95
- readonly 'smarthr-ui/Th/sortDirectionAsc': "";
96
- readonly 'smarthr-ui/Th/sortDirectionDesc': "";
97
- readonly 'smarthr-ui/Th/sortDirectionNone': "";
98
- readonly 'smarthr-ui/ThCheckbox/checkAllInvisibleLabel': "";
99
- readonly 'smarthr-ui/ThCheckbox/checkColumnName': "";
95
+ readonly 'smarthr-ui/Th/sortDirectionAsc': "Ascending";
96
+ readonly 'smarthr-ui/Th/sortDirectionDesc': "Descending";
97
+ readonly 'smarthr-ui/Th/sortDirectionNone': "No sorting";
98
+ readonly 'smarthr-ui/ThCheckbox/checkAllInvisibleLabel': "Select/Deselect All";
99
+ readonly 'smarthr-ui/ThCheckbox/checkColumnName': "Select";
100
100
  };
@@ -6,27 +6,27 @@ exports.locale = void 0;
6
6
  exports.locale = {
7
7
  'smarthr-ui/common/language': 'English',
8
8
  'smarthr-ui/ActionDialog/closeButtonLabel': 'Cancel',
9
- 'smarthr-ui/AppHeader/school': 'School',
9
+ 'smarthr-ui/AppHeader/school': 'SmartHR School',
10
10
  'smarthr-ui/AppHeader/help': 'Help',
11
11
  'smarthr-ui/AppHeader/userSettings': 'Personal Settings',
12
- 'smarthr-ui/AppHeader/releaseNotes': 'Release notes',
13
- 'smarthr-ui/AppHeader/releaseNotesLoadError': 'Failed to load release notes.\nTry again later.',
14
- 'smarthr-ui/AppHeader/seeAllReleaseNotes': 'See all release notes',
12
+ 'smarthr-ui/AppHeader/releaseNotes': 'Release Notes',
13
+ 'smarthr-ui/AppHeader/releaseNotesLoadError': 'Failed to load the release notes. Please try again later.',
14
+ 'smarthr-ui/AppHeader/seeAllReleaseNotes': 'View all release notes',
15
15
  'smarthr-ui/AppHeader/DesktopHeader/appLauncherLabel': 'Apps',
16
16
  'smarthr-ui/AppHeader/MobileHeader/account': 'Account',
17
17
  'smarthr-ui/AppHeader/MobileHeader/openMenu': 'Open menu',
18
18
  'smarthr-ui/AppHeader/MobileHeader/closeMenu': 'Close menu',
19
- 'smarthr-ui/AppHeader/MobileHeader/allAppButton': 'All apps',
19
+ 'smarthr-ui/AppHeader/MobileHeader/allAppButton': 'All Apps',
20
20
  'smarthr-ui/AppHeader/MobileHeader/managementMenu': 'Admin Menu',
21
- 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes': 'Latest release notes',
21
+ 'smarthr-ui/AppHeader/MobileHeader/latestReleaseNotes': 'Latest Release Notes',
22
22
  'smarthr-ui/AppHeader/MobileHeader/back': 'Back',
23
- 'smarthr-ui/AppHeader/MobileHeader/openMenuAccordion': 'Expand',
24
- 'smarthr-ui/AppHeader/MobileHeader/closeMenuAccordion': 'Collapse',
25
- 'smarthr-ui/AppHeader/Launcher/searchInputTitle': 'Input the name of the App',
23
+ 'smarthr-ui/AppHeader/MobileHeader/openMenuAccordion': 'Open',
24
+ 'smarthr-ui/AppHeader/MobileHeader/closeMenuAccordion': 'Close',
25
+ 'smarthr-ui/AppHeader/Launcher/searchInputTitle': 'Enter the name of the App.',
26
26
  'smarthr-ui/AppHeader/Launcher/favoriteModeText': 'Favorite Apps',
27
27
  'smarthr-ui/AppHeader/Launcher/allModeText': 'All Apps',
28
28
  'smarthr-ui/AppHeader/Launcher/listText': 'App List',
29
- 'smarthr-ui/AppHeader/Launcher/helpText': '',
29
+ 'smarthr-ui/AppHeader/Launcher/helpText': 'About Favorite Apps',
30
30
  'smarthr-ui/AppHeader/Launcher/searchResultText': 'Search results',
31
31
  'smarthr-ui/AppHeader/Launcher/emptyText': 'App not found.',
32
32
  'smarthr-ui/AppHeader/Launcher/sortDropdownLabel': 'Sort by',
@@ -34,73 +34,73 @@ exports.locale = {
34
34
  'smarthr-ui/AppHeader/Launcher/sortDropdownOrderDefault': 'Default order',
35
35
  'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameAsc': 'App name (A→Z)',
36
36
  'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameDesc': 'App name (Z→A)',
37
- 'smarthr-ui/AppLauncher/showAllText': '',
38
- 'smarthr-ui/AppLauncher/triggerLabel': '',
39
- 'smarthr-ui/Browser/notFoundDescription': '',
40
- 'smarthr-ui/Browser/notFoundTitle': '',
41
- 'smarthr-ui/Button/loading': 'In progress',
37
+ 'smarthr-ui/AppLauncher/showAllText': 'View all',
38
+ 'smarthr-ui/AppLauncher/triggerLabel': 'Apps',
39
+ 'smarthr-ui/Browser/notFoundDescription': 'Try changing the filter criteria.',
40
+ 'smarthr-ui/Browser/notFoundTitle': 'No items found.',
41
+ 'smarthr-ui/Button/loading': 'In Progress',
42
42
  'smarthr-ui/Calendar/currentYear': 'Current year',
43
43
  'smarthr-ui/Calendar/nextMonth': 'Next month',
44
44
  'smarthr-ui/Calendar/previousMonth': 'Previous month',
45
45
  'smarthr-ui/Calendar/selectYear': 'Select year',
46
- 'smarthr-ui/Combobox/addItemButtonLabel': '',
47
- 'smarthr-ui/Combobox/loadingText': '',
48
- 'smarthr-ui/Combobox/noResultsText': 'No matching options found.',
49
- 'smarthr-ui/DropdownMenuButton/triggerActive': '',
50
- 'smarthr-ui/DropdownMenuButton/triggerInactive': '',
51
- 'smarthr-ui/DropZone/selectButtonLabel': '',
52
- 'smarthr-ui/FileViewer/rotateAlt': '',
53
- 'smarthr-ui/FileViewer/scaleDownAlt': '',
54
- 'smarthr-ui/FileViewer/scaleRateLabel': '',
55
- 'smarthr-ui/FileViewer/scaleUpAlt': '',
56
- 'smarthr-ui/FileViewer/unsupportedFileText': '',
57
- 'smarthr-ui/FilterDropdown/applyButton': '',
58
- 'smarthr-ui/FilterDropdown/cancelButton': '',
59
- 'smarthr-ui/FilterDropdown/resetButton': '',
60
- 'smarthr-ui/FilterDropdown/status': '',
61
- 'smarthr-ui/FilterDropdown/triggerButton': '',
46
+ 'smarthr-ui/Combobox/addItemButtonLabel': 'Add “{name}”',
47
+ 'smarthr-ui/Combobox/loadingText': 'In Progress',
48
+ 'smarthr-ui/Combobox/noResultsText': 'No matching results found.',
49
+ 'smarthr-ui/DropdownMenuButton/triggerActive': 'Hide options',
50
+ 'smarthr-ui/DropdownMenuButton/triggerInactive': 'Show options',
51
+ 'smarthr-ui/DropZone/selectButtonLabel': 'Choose file to upload',
52
+ 'smarthr-ui/FileViewer/rotateAlt': 'Rotate Left',
53
+ 'smarthr-ui/FileViewer/scaleDownAlt': 'Zoom Out',
54
+ 'smarthr-ui/FileViewer/scaleRateLabel': 'Zoom Factor (%)',
55
+ 'smarthr-ui/FileViewer/scaleUpAlt': 'Zoom In',
56
+ 'smarthr-ui/FileViewer/unsupportedFileText': 'Unsupported file format.',
57
+ 'smarthr-ui/FilterDropdown/applyButton': 'Apply',
58
+ 'smarthr-ui/FilterDropdown/cancelButton': 'Cancel',
59
+ 'smarthr-ui/FilterDropdown/resetButton': 'Clear filters',
60
+ 'smarthr-ui/FilterDropdown/status': 'Filters applied',
61
+ 'smarthr-ui/FilterDropdown/triggerButton': 'Filter',
62
62
  'smarthr-ui/FormDialog/closeButtonLabel': 'Cancel',
63
- 'smarthr-ui/InformationPanel/closeButtonLabel': '',
64
- 'smarthr-ui/InformationPanel/openButtonLabel': '',
65
- 'smarthr-ui/InputFile/destroy': '',
66
- 'smarthr-ui/LanguageSwitcher/checkIconAlt': '',
67
- 'smarthr-ui/Loader/alt': '',
68
- 'smarthr-ui/MessageDialog/closeButtonLabel': '',
69
- 'smarthr-ui/ModelessDialog/closeButtonIconAlt': '',
70
- 'smarthr-ui/ModelessDialog/dialogHandlerAriaLabel': '',
71
- 'smarthr-ui/ModelessDialog/dialogHandlerAriaValuetext': '',
72
- 'smarthr-ui/MultiCombobox/destroyButtonIconAltSuffix': '',
73
- 'smarthr-ui/MultiCombobox/selectedListAriaLabel': '',
74
- 'smarthr-ui/NotificationBar/closeButtonIconAlt': '',
75
- 'smarthr-ui/Pagination/controllerItemButtonFirstLabel': '',
76
- 'smarthr-ui/Pagination/controllerItemButtonLastLabel': '',
77
- 'smarthr-ui/Pagination/controllerItemButtonNextLabel': '',
78
- 'smarthr-ui/Pagination/controllerItemButtonPreviousLabel': '',
79
- 'smarthr-ui/Pagination/itemButtonLabel': '',
80
- 'smarthr-ui/Pagination/navigationLabel': '',
63
+ 'smarthr-ui/InformationPanel/closeButtonLabel': 'Close',
64
+ 'smarthr-ui/InformationPanel/openButtonLabel': 'Open',
65
+ 'smarthr-ui/InputFile/destroy': 'Delete',
66
+ 'smarthr-ui/LanguageSwitcher/checkIconAlt': 'Selected',
67
+ 'smarthr-ui/Loader/alt': 'In Progress',
68
+ 'smarthr-ui/MessageDialog/closeButtonLabel': 'Close',
69
+ 'smarthr-ui/ModelessDialog/closeButtonIconAlt': 'Close',
70
+ 'smarthr-ui/ModelessDialog/dialogHandlerAriaLabel': 'Dialog position',
71
+ 'smarthr-ui/ModelessDialog/dialogHandlerAriaValuetext': '{top}px from top, {left}px from left',
72
+ 'smarthr-ui/MultiCombobox/destroyButtonIconAltSuffix': ': remove',
73
+ 'smarthr-ui/MultiCombobox/selectedListAriaLabel': 'Selected items',
74
+ 'smarthr-ui/NotificationBar/closeButtonIconAlt': 'Close',
75
+ 'smarthr-ui/Pagination/controllerItemButtonFirstLabel': 'First',
76
+ 'smarthr-ui/Pagination/controllerItemButtonLastLabel': 'Last',
77
+ 'smarthr-ui/Pagination/controllerItemButtonNextLabel': 'Next',
78
+ 'smarthr-ui/Pagination/controllerItemButtonPreviousLabel': 'Previous',
79
+ 'smarthr-ui/Pagination/itemButtonLabel': 'Page {page}',
80
+ 'smarthr-ui/Pagination/navigationLabel': 'Pagination',
81
81
  'smarthr-ui/RequiredLabel/text': 'Required',
82
- 'smarthr-ui/SearchInput/iconAlt': '',
83
- 'smarthr-ui/Select/blankLabel': '',
84
- 'smarthr-ui/SingleCombobox/destroyButtonIconAlt': '',
85
- 'smarthr-ui/SortDropdown/applyButtonLabel': '',
86
- 'smarthr-ui/SortDropdown/ascLabel': '',
87
- 'smarthr-ui/SortDropdown/cancelButtonLabel': '',
88
- 'smarthr-ui/SortDropdown/descLabel': '',
89
- 'smarthr-ui/SortDropdown/sortFieldLabel': '',
90
- 'smarthr-ui/SortDropdown/sortOrderLabel': '',
91
- 'smarthr-ui/StepFormDialog/backButtonLabel': '',
92
- 'smarthr-ui/StepFormDialog/closeButtonLabel': '',
93
- 'smarthr-ui/StepFormDialog/nextButtonLabel': '',
94
- 'smarthr-ui/StepStatusIcon/closedAlt': '',
95
- 'smarthr-ui/StepStatusIcon/completedAlt': '',
96
- 'smarthr-ui/Textarea/availableLetters': '',
97
- 'smarthr-ui/Textarea/maxLettersExceeded': '',
98
- 'smarthr-ui/Textarea/screenReaderMaxLettersDescription': '',
82
+ 'smarthr-ui/SearchInput/iconAlt': 'Search',
83
+ 'smarthr-ui/Select/blankLabel': 'Select',
84
+ 'smarthr-ui/SingleCombobox/destroyButtonIconAlt': 'Delete',
85
+ 'smarthr-ui/SortDropdown/applyButtonLabel': 'Apply',
86
+ 'smarthr-ui/SortDropdown/ascLabel': 'Ascending',
87
+ 'smarthr-ui/SortDropdown/cancelButtonLabel': 'Cancel',
88
+ 'smarthr-ui/SortDropdown/descLabel': 'Descending',
89
+ 'smarthr-ui/SortDropdown/sortFieldLabel': 'Sort items',
90
+ 'smarthr-ui/SortDropdown/sortOrderLabel': 'Order',
91
+ 'smarthr-ui/StepFormDialog/backButtonLabel': 'Back',
92
+ 'smarthr-ui/StepFormDialog/closeButtonLabel': 'Cancel',
93
+ 'smarthr-ui/StepFormDialog/nextButtonLabel': 'Next',
94
+ 'smarthr-ui/StepStatusIcon/closedAlt': 'Interrupted',
95
+ 'smarthr-ui/StepStatusIcon/completedAlt': 'Completed',
96
+ 'smarthr-ui/Textarea/availableLetters': '{availableLetters} characters left',
97
+ 'smarthr-ui/Textarea/maxLettersExceeded': '{exceededLetters} characters over limit',
98
+ 'smarthr-ui/Textarea/screenReaderMaxLettersDescription': 'Maximum {maxLetters} characters',
99
99
  'smarthr-ui/TextLink/openInNewTab': 'Open in another tab',
100
- 'smarthr-ui/Th/sortDirectionAsc': '',
101
- 'smarthr-ui/Th/sortDirectionDesc': '',
102
- 'smarthr-ui/Th/sortDirectionNone': '',
103
- 'smarthr-ui/ThCheckbox/checkAllInvisibleLabel': '',
104
- 'smarthr-ui/ThCheckbox/checkColumnName': '',
100
+ 'smarthr-ui/Th/sortDirectionAsc': 'Ascending',
101
+ 'smarthr-ui/Th/sortDirectionDesc': 'Descending',
102
+ 'smarthr-ui/Th/sortDirectionNone': 'No sorting',
103
+ 'smarthr-ui/ThCheckbox/checkAllInvisibleLabel': 'Select/Deselect All',
104
+ 'smarthr-ui/ThCheckbox/checkColumnName': 'Select',
105
105
  };
106
106
  //# sourceMappingURL=en_us.js.map