@kubit-ui-web/react-components 2.0.0-beta.10 → 2.0.0-beta.12

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 (134) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/.storybook/bundle-sizes.json +13 -0
  3. package/dist/cjs/assets/banner_kubit_readme.png +0 -0
  4. package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
  5. package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
  6. package/dist/cjs/components/button/button.js +1 -1
  7. package/dist/cjs/components/button/buttonStandAlone.js +1 -1
  8. package/dist/cjs/components/cardImage/cardImageStandAlone.js +1 -1
  9. package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
  10. package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  11. package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
  12. package/dist/cjs/components/chip/chipStandAlone.js +1 -1
  13. package/dist/cjs/components/container/containerStandAlone.js +1 -1
  14. package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
  15. package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js +1 -1
  16. package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
  17. package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
  18. package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
  19. package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
  20. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
  21. package/dist/cjs/components/input/input.js +1 -1
  22. package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
  23. package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
  24. package/dist/cjs/components/message/messageStandAlone.js +1 -1
  25. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  26. package/dist/cjs/components/modal/modalControlled.js +1 -1
  27. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  28. package/dist/cjs/components/modal/modalUnControlled.js +1 -1
  29. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  30. package/dist/cjs/components/popover/hooks/usePopoverInteractions.js +1 -1
  31. package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
  32. package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
  33. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
  34. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +1 -1
  35. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
  36. package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
  37. package/dist/cjs/components/table/hooks/useTableHasScroll.js +1 -1
  38. package/dist/cjs/components/table/hooks/useTableShadow.js +1 -1
  39. package/dist/cjs/components/table/hooks/useTableStickyLeftColumns.js +1 -1
  40. package/dist/cjs/components/table/hooks/useTableStickyRightColumns.js +1 -1
  41. package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
  42. package/dist/cjs/components/tag/tagStandAlone.js +1 -1
  43. package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
  44. package/dist/cjs/components/textArea/components/helpMessageStandAlone.js +1 -1
  45. package/dist/cjs/components/textArea/components/titleStandAlone.js +1 -1
  46. package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
  47. package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
  48. package/dist/cjs/components/tooltip/tooltipControlled.js +1 -1
  49. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  50. package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
  51. package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
  52. package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js +1 -1
  53. package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
  54. package/dist/cjs/lib/hooks/useManageState/useManageState.js +1 -1
  55. package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
  56. package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  57. package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
  58. package/dist/cjs/lib/utils/keyboard/keyboard.js +1 -1
  59. package/dist/cjs/lib/utils/process/processCommonProp.js +1 -0
  60. package/dist/cjs/scripts/generate-bundle-sizes.mjs +236 -0
  61. package/dist/cjs/scripts/new-component-web-ui.js +2092 -0
  62. package/dist/esm/.storybook/bundle-sizes.json +13 -0
  63. package/dist/esm/assets/banner_kubit_readme.png +0 -0
  64. package/dist/esm/components/avatar/fragments/drawContent.js +1 -1
  65. package/dist/esm/components/badge/badgeStandAlone.js +6 -6
  66. package/dist/esm/components/button/button.js +1 -1
  67. package/dist/esm/components/button/buttonStandAlone.js +3 -3
  68. package/dist/esm/components/cardImage/cardImageStandAlone.js +7 -7
  69. package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
  70. package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  71. package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
  72. package/dist/esm/components/chip/chipStandAlone.js +7 -7
  73. package/dist/esm/components/container/containerStandAlone.js +4 -4
  74. package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
  75. package/dist/esm/components/dataTable/hooks/useDataTableShadow.js +1 -1
  76. package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
  77. package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
  78. package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
  79. package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
  80. package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -5
  81. package/dist/esm/components/input/input.js +2 -2
  82. package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -3
  83. package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -2
  84. package/dist/esm/components/message/messageStandAlone.js +5 -5
  85. package/dist/esm/components/modal/fragments/modalHeader.js +1 -1
  86. package/dist/esm/components/modal/modalControlled.js +1 -1
  87. package/dist/esm/components/modal/modalStandAlone.js +3 -3
  88. package/dist/esm/components/modal/modalUnControlled.js +2 -2
  89. package/dist/esm/components/option/optionStandAlone.js +9 -9
  90. package/dist/esm/components/popover/hooks/usePopoverInteractions.js +1 -1
  91. package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
  92. package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -4
  93. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +4 -4
  94. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +2 -2
  95. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +5 -5
  96. package/dist/esm/components/slider/sliderStandAlone.js +14 -14
  97. package/dist/esm/components/table/hooks/useTableHasScroll.js +1 -1
  98. package/dist/esm/components/table/hooks/useTableShadow.js +1 -1
  99. package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js +1 -1
  100. package/dist/esm/components/table/hooks/useTableStickyRightColumns.js +1 -1
  101. package/dist/esm/components/tabs/tabsStandAlone.js +4 -4
  102. package/dist/esm/components/tag/tagStandAlone.js +4 -4
  103. package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
  104. package/dist/esm/components/textArea/components/helpMessageStandAlone.js +1 -1
  105. package/dist/esm/components/textArea/components/titleStandAlone.js +1 -1
  106. package/dist/esm/components/textArea/textAreaStandAlone.js +11 -11
  107. package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
  108. package/dist/esm/components/tooltip/tooltipControlled.js +1 -1
  109. package/dist/esm/components/tooltip/tooltipStandAlone.js +7 -7
  110. package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
  111. package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +4 -4
  112. package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js +1 -1
  113. package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
  114. package/dist/esm/lib/hooks/useManageState/useManageState.js +1 -1
  115. package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
  116. package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  117. package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
  118. package/dist/esm/lib/utils/keyboard/keyboard.js +1 -1
  119. package/dist/esm/lib/utils/process/processCommonProp.js +1 -0
  120. package/dist/esm/scripts/generate-bundle-sizes.mjs +236 -0
  121. package/dist/esm/scripts/new-component-web-ui.js +2092 -0
  122. package/package.json +11 -11
  123. package/dist/cjs/lib/hooks/useInputFocus/useInputFocus.js +0 -1
  124. package/dist/cjs/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
  125. package/dist/cjs/lib/utils/process/processIcon/processIcon.js +0 -1
  126. package/dist/cjs/lib/utils/process/processText/processText.js +0 -1
  127. package/dist/cjs/lib/utils/resizeObserver/resizeObserver.js +0 -1
  128. package/dist/esm/lib/hooks/useInputFocus/useInputFocus.js +0 -1
  129. package/dist/esm/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
  130. package/dist/esm/lib/utils/process/processIcon/processIcon.js +0 -1
  131. package/dist/esm/lib/utils/process/processText/processText.js +0 -1
  132. package/dist/esm/lib/utils/resizeObserver/resizeObserver.js +0 -1
  133. /package/dist/cjs/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
  134. /package/dist/esm/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kubit-ui-web/react-components",
3
- "version": "2.0.0-beta.10",
3
+ "version": "2.0.0-beta.12",
4
4
  "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
5
5
  "author": {
6
6
  "name": "Kubit",
@@ -112,7 +112,7 @@
112
112
  "prebuild-storybook": "yarn generate-css",
113
113
  "build-storybook": "storybook build -c .storybook -o bundle --disable-telemetry",
114
114
  "generate-css": "bernova --config bernova.config.json",
115
- "generate:bundle-sizes": "node scripts/generate-bundle-sizes.mjs",
115
+ "generate:bundle-sizes": "node public/scripts/generate-bundle-sizes.mjs",
116
116
  "postdist": "yarn generate:bundle-sizes",
117
117
  "dev": "vite",
118
118
  "lint": "eslint src",
@@ -142,16 +142,16 @@
142
142
  },
143
143
  "devDependencies": {
144
144
  "@figma/code-connect": "^1.3.12",
145
- "@storybook/addon-a11y": "^10.1.10",
145
+ "@storybook/addon-a11y": "^10.1.11",
146
146
  "@storybook/addon-coverage": "^3.0.0",
147
- "@storybook/addon-docs": "^10.1.10",
148
- "@storybook/addon-links": "^10.1.10",
149
- "@storybook/react-vite": "^10.1.10",
147
+ "@storybook/addon-docs": "^10.1.11",
148
+ "@storybook/addon-links": "^10.1.11",
149
+ "@storybook/react-vite": "^10.1.11",
150
150
  "@testing-library/dom": "^10.4.1",
151
151
  "@testing-library/jest-dom": "^6.9.1",
152
152
  "@testing-library/react": "^16.3.1",
153
153
  "@testing-library/user-event": "^14.6.1",
154
- "@trivago/prettier-plugin-sort-imports": "^6.0.0",
154
+ "@trivago/prettier-plugin-sort-imports": "^6.0.1",
155
155
  "@types/node": "^25.0.3",
156
156
  "@types/react": "^18.3.12",
157
157
  "@types/react-dom": "^18.3.1",
@@ -163,7 +163,7 @@
163
163
  "cssnano": "^7.1.2",
164
164
  "eslint": "^9.39.2",
165
165
  "eslint-config-kubit": "1.2.0",
166
- "eslint-plugin-storybook": "10.1.10",
166
+ "eslint-plugin-storybook": "10.1.11",
167
167
  "glob": "^13.0.0",
168
168
  "html-validate": "^10.5.0",
169
169
  "jsdom": "^27.4.0",
@@ -171,12 +171,12 @@
171
171
  "prettier": "^3.7.4",
172
172
  "react": "18.3.1",
173
173
  "react-dom": "18.3.1",
174
- "storybook": "^10.1.10",
174
+ "storybook": "^10.1.11",
175
175
  "storybook-addon-deep-controls": "^0.10.0",
176
- "storybook-addon-pseudo-states": "^10.1.10",
176
+ "storybook-addon-pseudo-states": "^10.1.11",
177
177
  "terser": "^5.44.1",
178
178
  "typescript": "^5.9.3",
179
- "typescript-eslint": "^8.50.1",
179
+ "typescript-eslint": "^8.51.0",
180
180
  "vite": "7.3.0",
181
181
  "vite-plugin-dts": "^4.5.4",
182
182
  "vite-tsconfig-paths": "^6.0.3",
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputFocus=({inputRef:t})=>{const[r,u]=e.useState(!1),n=()=>{u(!0)},s=()=>{u(!1)};return e.useEffect(()=>(t.current?.addEventListener("focus",n),t.current?.addEventListener("blur",s),()=>{t.current?.removeEventListener("focus",n),t.current?.removeEventListener("blur",s)}),[]),{focused:r}};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/resizeObserver/resizeObserver.js"),r=require("../../utils/scroll/hasScroll.js");exports.useScrollDetectionWithAutoFocus=({disabled:s=!1,parentElementRef:c})=>{const[o,n]=e.useState(!1),l=e.useRef();return{handleScrollDetection:e.useCallback(e=>{if(e&&!s){const s=e=>{const t=r.hasScroll(e);n(t)},o=e=>{if(!r.hasScroll(e))return;const t=()=>{e.setAttribute("tabindex","0"),e.focus()};document.activeElement&&c?.current?.contains(document.activeElement)?e.compareDocumentPosition(document.activeElement)&Node.DOCUMENT_POSITION_FOLLOWING&&t():t()};s(e),o(e),l.current=new t.ResizeObserver(()=>{s(e)}),l.current.observe(e)}else l.current?.disconnect()},[s]),hasScroll:o}};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.processIcon=e=>e?"string"==typeof e?{icon:e}:e:{};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.processText=(t,r)=>{if(!t)return{children:null};let n;return"string"==typeof t||e.isValidElement(t)?n="string"==typeof t?t:void 0:"object"==typeof t&&"content"in t&&(n=t.content),r&&n&&(n=n.substring(0,r)),e.isValidElement(t)?{children:t}:"object"==typeof t?{children:n,...t}:{children:n}};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{constructor(e){this.callback=e}observe(e){this.callback([{target:e}],this)}unobserve(){}disconnect(){}}exports.ResizeObserver=void 0,"undefined"!=typeof self&&self.ResizeObserver?exports.ResizeObserver=self.ResizeObserver:exports.ResizeObserver=e;
@@ -1 +0,0 @@
1
- import{useState as e,useEffect as r}from"react";const t=({inputRef:t})=>{const[n,u]=e(!1),c=()=>{u(!0)},o=()=>{u(!1)};return r(()=>(t.current?.addEventListener("focus",c),t.current?.addEventListener("blur",o),()=>{t.current?.removeEventListener("focus",c),t.current?.removeEventListener("blur",o)}),[]),{focused:n}};export{t as useInputFocus};
@@ -1 +0,0 @@
1
- import{useState as e,useRef as t,useCallback as r}from"react";import{ResizeObserver as n}from"../../utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../utils/scroll/hasScroll.js";const c=({disabled:c=!1,parentElementRef:s})=>{const[i,l]=e(!1),m=t();return{handleScrollDetection:r(e=>{if(e&&!c){const t=e=>{const t=o(e);l(t)},r=e=>{if(!o(e))return;const t=()=>{e.setAttribute("tabindex","0"),e.focus()};document.activeElement&&s?.current?.contains(document.activeElement)?e.compareDocumentPosition(document.activeElement)&Node.DOCUMENT_POSITION_FOLLOWING&&t():t()};t(e),r(e),m.current=new n(()=>{t(e)}),m.current.observe(e)}else m.current?.disconnect()},[c]),hasScroll:i}};export{c as useScrollDetectionWithAutoFocus};
@@ -1 +0,0 @@
1
- const o=o=>o?"string"==typeof o?{icon:o}:o:{};export{o as processIcon};
@@ -1 +0,0 @@
1
- import{isValidElement as t}from"react";const e=(e,n)=>{if(!e)return{children:null};let r;return"string"==typeof e||t(e)?r="string"==typeof e?e:void 0:"object"==typeof e&&"content"in e&&(r=e.content),n&&r&&(r=r.substring(0,n)),t(e)?{children:e}:"object"==typeof e?{children:r,...e}:{children:r}};export{e as processText};
@@ -1 +0,0 @@
1
- class e{constructor(e){this.callback=e}observe(e){this.callback([{target:e}],this)}unobserve(){}disconnect(){}}let s;s="undefined"!=typeof self&&self.ResizeObserver?self.ResizeObserver:e;export{s as ResizeObserver};