@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -22,8 +22,8 @@
   },
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.x",
-    "npm": ">=7.0.0"
+    "node": ">=25.0.0",
+    "pnpm": ">=10.0.0"
   },
   "keywords": [
     "react",
@@ -73,9 +73,23 @@
     "!dist/**/__fixtures__",
     "!dist/**/tests",
     "!dist/**/storybook",
+    "!dist/**/lib/storybook",
+    "!dist/cjs/lib/storybook",
+    "!dist/esm/lib/storybook",
+    "!dist/types/lib/storybook",
+    "!dist/**/.storybook",
+    "!dist/esm/.storybook",
+    "!dist/cjs/.storybook",
+    "!dist/**/assets",
+    "!dist/esm/assets",
+    "!dist/cjs/assets",
+    "!dist/**/scripts",
+    "!dist/esm/scripts",
+    "!dist/cjs/scripts",
     "!dist/**/node_modules",
     "!dist/**/.tsbuildinfo",
-    "!dist/**/*.map"
+    "!dist/**/*.map",
+    "!dist/**/.DS_Store"
   ],
   "exports": {
     ".": {
@@ -101,81 +115,91 @@
       ]
     }
   },
-  "scripts": {
-    "start": "yarn storybook",
-    "storybook": "storybook dev -c .storybook -p 6006",
-    "build": "yarn build-storybook",
-    "build-storybook": "storybook build -c .storybook -o bundle --disable-telemetry",
-    "dev": "vite",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
-    "predist": "rm -rf dist",
-    "dist": "vite build",
-    "test": "yarn lint && yarn typecheck && vitest --coverage.enabled=true --silent --run",
-    "test:ci": "vitest --ui --coverage.enabled=true",
-    "test:watch": "vitest --watch",
-    "test:coverage": "vitest --coverage.enabled=true --run",
-    "typecheck": "tsc --noEmit",
-    "validate": "yarn lint && yarn typecheck && yarn dist",
-    "publish-figma": "npx figma connect publish",
-    "pack:check": "npm pack --dry-run",
-    "pack:size": "npm pack --dry-run 2>&1 | grep -E '(unpacked size|package size|total files)'",
-    "pack:analyze": "npm pack && tar -tzf *.tgz | head -50 && rm *.tgz",
-    "prepublishOnly": "yarn dist && yarn pack:size"
-  },
   "peerDependencies": {
     "react": ">=17.0.0 || >=18.3.1",
     "react-dom": ">=17.0.0 || >=18.3.1"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@floating-ui/dom": "^1.7.4"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.12",
-    "@storybook/addon-a11y": "^10.1.10",
+    "@storybook/addon-a11y": "^10.1.11",
     "@storybook/addon-coverage": "^3.0.0",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-links": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
-    "@types/html-validator": "^5.0.6",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/node": "^25.0.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@typescript-eslint/parser": "^8.50.1",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
-    "bernova": "^0.2.0",
+    "bernova": "1.0.0",
+    "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
-    "eslint-plugin-perfectionist": "^5.1.0",
-    "eslint-plugin-storybook": "10.1.10",
+    "eslint-plugin-storybook": "10.1.11",
     "glob": "^13.0.0",
     "html-validate": "^10.5.0",
-    "jsdom": "^27.3.0",
+    "jsdom": "^27.4.0",
+    "postcss": "^8.5.6",
     "prettier": "^3.7.4",
-    "storybook": "^10.1.10",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "storybook": "^10.1.11",
     "storybook-addon-deep-controls": "^0.10.0",
-    "storybook-addon-pseudo-states": "^10.1.10",
+    "storybook-addon-pseudo-states": "^10.1.11",
     "terser": "^5.44.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.1",
-    "vite": "7.3.0",
+    "typescript-eslint": "^8.52.0",
+    "vite": "7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^6.0.3",
     "vitest": "^4.0.16",
     "vitest-axe": "^0.1.0"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "bugs": {
     "url": "https://github.com/kubit-ui/kubit-react-components/issues"
   },
-  "homepage": "https://www.kubit-ui.com/"
-}
+  "homepage": "https://www.kubit-ui.com/",
+  "scripts": {
+    "start": "pnpm storybook",
+    "storybook": "storybook dev -c .storybook -p 6006",
+    "build": "pnpm dist && pnpm build-storybook",
+    "prebuild-storybook": "pnpm generate-css",
+    "build-storybook": "storybook build -c .storybook -o bundle --disable-telemetry",
+    "generate-css": "bernova --config bernova.config.json",
+    "generate:bundle-sizes": "node public/scripts/generate-bundle-sizes.mjs",
+    "postdist": "pnpm generate:bundle-sizes",
+    "dev": "vite",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
+    "predist": "rm -rf dist",
+    "dist": "vite build",
+    "test": "pnpm lint && pnpm typecheck && vitest --coverage.enabled=true --silent --run",
+    "test:ci": "vitest --ui --coverage.enabled=true",
+    "test:watch": "vitest --watch",
+    "test:coverage": "vitest --coverage.enabled=true --run",
+    "typecheck": "tsc --noEmit",
+    "validate": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm dist",
+    "publish-figma": "npx figma connect publish",
+    "pack:check": "pnpm pack --dry-run",
+    "pack:size": "pnpm pack --dry-run 2>&1 | tail -1",
+    "pack:analyze": "pnpm pack && tar -tzf *.tgz | head -50 && rm *.tgz",
+    "clean": "rm -rf dist node_modules .pnpm-store",
+    "postinstall": "echo 'postinstall'"
+  }
+}

package/dist/cjs/components/elementOrIcon/elementOrIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),i=require("../icon/icon.js"),o=require("../icon/iconHost.js"),t=r.forwardRef(({basic:t=!1,icon:n,...s},c)=>n?"string"==typeof n?t?e.jsxRuntimeExports.jsx(i.IconBasic,{...s,ref:c,icon:n}):e.jsxRuntimeExports.jsx(o.IconHost,{...s,ref:c,icon:n}):r.isValidElement(n)?n:null:null);exports.ElementOrIcon=t;

package/dist/cjs/components/elementOrIcon/index.js

@@ -1,2 +0,0 @@
-const { ElementOrIcon } = require('./elementOrIcon.js');
-module.exports = { ...module.exports, ElementOrIcon };

package/dist/cjs/components/itemRove/index.js

@@ -1,2 +0,0 @@
-const { ItemRove } = require('./itemRove.js');
-module.exports = { ...module.exports, ItemRove };

package/dist/cjs/components/itemRove/itemRove.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js");exports.ItemRove=({ariaControls:a,ariaDisabled:l=!1,ariaHidden:u=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:b,classNames:p,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(i.CustomComponent,{ref:R,"aria-controls":a,"aria-disabled":l,"aria-hidden":u,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,p),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:b})};

package/dist/cjs/components/message/index.js

@@ -1,4 +0,0 @@
-const { MessageControlled } = require('./messageControlled.js');
-module.exports = { ...module.exports, MessageControlled };
-const { Message } = require('./messageUnControlled.js');
-module.exports = { ...module.exports, Message };

package/dist/cjs/components/message/messageControlled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),o=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./messageStandAlone.js"),a=s.forwardRef(({additionalClasses:s,variant:a,...t},i)=>{const l=r.useClassName({additionalClassNames:s,component:"MESSAGE",variant:a}),{LINK:u}=o.useGenericComponents();return e.jsxRuntimeExports.jsx(n.MessageStandAlone,{ref:i,cssClasses:l,linkComponent:u,...t})});exports.MessageControlled=a;

package/dist/cjs/components/message/messageStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),n=require("../button/button.js"),s=require("../renderIf/renderIf.js"),i=require("../tag/tag.js"),o=require("../text/text.js"),r=require("../../lib/utils/classNames/classNames.js"),c=require("../../lib/utils/is/isString.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processText/processText.js"),x=require("../../lib/components/customComponent/customComponent.js"),d=require("../elementOrIcon/elementOrIcon.js"),u=require("../link/link.js"),m=t.forwardRef(({actionButton:t,ariaLive:m="off",ariaMessageId:j,closeIcon:p,content:R,cssClasses:h,extraActionButton:E,id:g,infoIcon:C,inlineLink:f,linkComponent:v,links:I,maxContentLength:b=246,messageContainerProps:k,open:N,role:q,tag:T,title:A,titleAndContentContainerProps:S,titleAndContentRole:L,...O},y)=>{const B=O["data-testid"]||"message",M=l.pickCustomAttributes(O),P=a.processText(R),$=a.processText(A),_="string"==typeof P.children&&P.children?.toString().length>=b;return e.jsxRuntimeExports.jsx("div",{...M,"aria-live":m,className:h?.message,children:e.jsxRuntimeExports.jsx(s.RenderIf,{condition:N,children:e.jsxRuntimeExports.jsxs(x.CustomComponent,{ref:y,className:h?.container,component:k?.url?v:"div","data-testid":B,id:g,role:q,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[C?.icon?e.jsxRuntimeExports.jsx(d.ElementOrIcon,{className:h?.infoicon,...C}):null,e.jsxRuntimeExports.jsxs(x.CustomComponent,{className:r.classNames(h?.headercontainer,{[`${h?.headercontainerlargemessage}`]:_}),component:S?.url?v:"div",role:L,target:S?.target,url:S?.url||void 0,onClick:S?.onClick,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!A,children:c.isString($.children)?e.jsxRuntimeExports.jsx("div",{"aria-errormessage":j,className:h?.titlecontainer,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:h?.title},component:"p",...$})}):$.children}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!T?.content,children:e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!T?.content,children:e.jsxRuntimeExports.jsx(i.Tag,{variant:"",...T,label:{content:T?.content}})})}),e.jsxRuntimeExports.jsxs("div",{className:r.classNames(h?.contentcontainer,{[`${h?.contentcontainerlargemessage}`]:_}),children:["string"==typeof R?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:h?.description},component:"p",...P}):P.children,e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!f?.content,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...f,url:f?.url||"",children:f?.content||""})})]}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!E&&!t),children:e.jsxRuntimeExports.jsxs("div",{className:h?.buttonsectioncontainer,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!E?.content,children:e.jsxRuntimeExports.jsx("div",{className:h?.extraactionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{...E,children:E?.content})})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!t?.content,children:e.jsxRuntimeExports.jsx("div",{className:h?.actionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{additionalSizeClasses:t?.variant?void 0:h?.action_button,...t,children:t?.content})})})]})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!(I&&I.length>0),children:e.jsxRuntimeExports.jsx("div",{className:h?.linkscontainer,children:I?.map(t=>t.content?e.jsxRuntimeExports.jsx("div",{className:h?.linkcontainer,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...t,children:t.content})},t.content):null)})})]}),e.jsxRuntimeExports.jsx(d.ElementOrIcon,{className:h?.closeicon,...p})]})})})});exports.MessageStandAlone=m;

package/dist/cjs/components/message/messageUnControlled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("./messageControlled.js"),s=o.forwardRef(({closeIcon:s,defaultOpen:t=!0,...l},n)=>{const[a,u]=o.useState(t),c=o.useCallback(e=>{u(!1),s?.onClick?.(e)},[s]);return e.jsxRuntimeExports.jsx(r.MessageControlled,{...l,ref:n,closeIcon:s?{...s,onClick:c}:void 0,open:a})});exports.Message=s,exports.MessageUnControlled=s;

package/dist/cjs/components/overlay/index.js

@@ -1 +0,0 @@
-module.exports = { ...module.exports, ...require('./overlayTheme.js') };

package/dist/cjs/components/overlay/overlay.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./overlayStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"OVERLAY",variant:t});return e.jsxRuntimeExports.jsx(r.OverlayStandAlone,{...o,ref:l,cssClasses:i})});exports.Overlay=t;

package/dist/cjs/components/overlay/overlayStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;

package/dist/cjs/components/renderIf/renderIf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.RenderIf=({children:e,condition:t})=>t?e:null;

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/types/states/states.js"),t=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:x,errorMessageId:l,state:n})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:t.processText(a)&&n===r.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:i?.errormessageicon,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...t.processText(a)})]}):null});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js"),s=require("../../renderIf/renderIf.js"),i=require("../../text/text.js"),o=require("../../../lib/utils/process/processText/processText.js"),n=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:x,description:l,headerId:a,subtitle:d,title:c,tooltip:u,tooltipIcon:j})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:x?.titlesubtitlecontainer,id:a,children:[t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!c,children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.title},component:"h5",...o.processText(c)})}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!d,children:t.jsxRuntimeExports.jsxs("div",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.subtitle},...o.processText(d)}),t.jsxRuntimeExports.jsx(n.SelectorBoxFileTooltip,{cssClasses:x,tooltip:u,tooltipIcon:j})]})})]}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!l&&!r),children:t.jsxRuntimeExports.jsxs("div",{className:x?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.description},...o.processText(l)}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!x?.button_variant&&!r?.size||!x?.button_size&&!r?.variant),children:t.jsxRuntimeExports.jsx(e.Button,{additionalSizeClasses:r?.variant?void 0:x?.button_size,additionalVariantClasses:r?.size?void 0:x?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:s,tooltipIcon:n})=>{if(!n?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...n});return s?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...s,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};

package/dist/cjs/components/table/__stories__/css/table.css

@@ -1,7 +0,0 @@
-.scrollablecontainer-max-height {
-  max-height: 200px;
-}
-
-.container-over-width {
-  width: 120% !important;
-}

package/dist/cjs/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/resizeObserver/resizeObserver.js"),n=require("./utils/contentVisibility.js");exports.useContentVisibilityDetection=({minVisibleHeight:i,onContentInvisible:r,onContentVisible:s})=>{const o=e.useRef(),c=e.useRef(),u=e.useRef(void 0);return{handleContentVisibilityDetection:e.useCallback(({container:e,content:b})=>{if(e&&b){const l=()=>{const t=n.isContentVisibleEnough({container:e,content:b,minVisibleHeight:i});t!==u.current&&(t?s?.():r?.()),u.current=t};l(),o.current=new t.ResizeObserver(()=>{l()}),c.current=new t.ResizeObserver(()=>{l()}),o.current.observe(b),o.current.observe(e)}else o.current?.disconnect(),c.current?.disconnect()},[s,r,i])}};

package/dist/cjs/lib/hooks/useId/useId.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t={};exports.useId=r=>{const[o]=e.useState(()=>(e=>(t[e]||(t[e]=0),t[e]++))(r||"$component$"));return`${r}${o}`};

package/dist/cjs/lib/hooks/useInputFocus/useInputFocus.js

@@ -1 +0,0 @@
-"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}};

package/dist/cjs/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js

@@ -1 +0,0 @@
-"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}};

package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.changeCssProperty=(e,t)=>{if(!(t.length<1))for(let r=0;r<t.length;r++)e.style.setProperty(t[r].cssPropertyName,t[r].cssPropertyValue)};

package/dist/cjs/lib/utils/is/isReactNode.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.isReactNode=t=>e.isValidElement(t);

package/dist/cjs/lib/utils/is/isString.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isString=t=>"string"==typeof t||t instanceof String;

package/dist/cjs/lib/utils/process/processIcon/processIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isString.js");exports.processIcon=r=>r?e.isString(r)?{icon:r}:r:{};

package/dist/cjs/lib/utils/process/processText/processText.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isReactNode.js"),t=require("../../is/isString.js");exports.processText=(i,r)=>{if(!i)return{children:null};let n;return t.isString(i)||e.isReactNode(i)?n=t.isString(i)?i:void 0:"object"==typeof i&&"content"in i&&(n=i.content),r&&n&&(n=n.substring(0,r)),e.isReactNode(i)?{children:i}:"object"==typeof i?{children:n,...i}:{children:n}};

package/dist/cjs/lib/utils/resizeObserver/resizeObserver.js

@@ -1 +0,0 @@
-"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;

package/dist/esm/components/elementOrIcon/elementOrIcon.js

@@ -1 +0,0 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as i,isValidElement as r}from"react";import{IconBasic as n}from"../icon/icon.js";import{IconHost as t}from"../icon/iconHost.js";const s=i(({basic:i=!1,icon:s,...c},m)=>s?"string"==typeof s?i?/* @__PURE__ */o.jsx(n,{...c,ref:m,icon:s}):/* @__PURE__ */o.jsx(t,{...c,ref:m,icon:s}):r(s)?s:null:null);export{s as ElementOrIcon};

package/dist/esm/components/elementOrIcon/index.js

@@ -1 +0,0 @@
-export {  ElementOrIcon  } from './elementOrIcon.js';

package/dist/esm/components/itemRove/index.js

@@ -1 +0,0 @@
-export {  ItemRove  } from './itemRove.js';

package/dist/esm/components/itemRove/itemRove.js

@@ -1,2 +0,0 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{useRef as s,useEffect as o}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";const l=({ariaControls:l,ariaDisabled:n=!1,ariaHidden:c=!1,ariaLabel:m,ariaSelected:u,asElement:d,checkIsFirstTime:p=!1,children:b,classNames:f,customAttributes:j,disabled:C=!1,disableKeys:v=!1,focus:N,id:h,index:k,onMouseOver:x,onSelectItem:y,preventScrollOnFocus:F=!1,role:I,setFocus:O,type:S,url:A,...E})=>{const M=s(null),_=s(p),D=t({component:"ITEM_ROVE"}),K=i({...E,...j});o(()=>{N&&!_.current?M.current?.focus({preventScroll:F}):_.current=!1},[N,F]);const T=e=>{v||(O?.(k),e&&y?.())};/* @__PURE__ */
-return e.jsx(a,{ref:M,"aria-controls":l,"aria-disabled":n,"aria-hidden":c,"aria-label":m,"aria-selected":u,className:r(D.item_rove,f),component:d,"data-testid":"item-rove",disabled:C,id:h,role:I,tabIndex:N?0:-1,type:S,url:A,onClick:()=>T(!0),onFocus:x,onKeyDown:()=>T(!1),onMouseOver:x,...K,children:b})};export{l as ItemRove};

package/dist/esm/components/message/index.js

@@ -1,2 +0,0 @@
-export {  MessageControlled  } from './messageControlled.js';
-export {  Message  } from './messageUnControlled.js';

package/dist/esm/components/message/messageControlled.js

@@ -1,2 +0,0 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{MessageStandAlone as a}from"./messageStandAlone.js";const i=o(({additionalClasses:o,variant:i,...n},t)=>{const m=r({additionalClassNames:o,component:"MESSAGE",variant:i}),{LINK:l}=e();/* @__PURE__ */
-return s.jsx(a,{ref:t,cssClasses:m,linkComponent:l,...n})});export{i as MessageControlled};

package/dist/esm/components/message/messageStandAlone.js

@@ -1,10 +0,0 @@
-import{j as n}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Button as e}from"../button/button.js";import{RenderIf as i}from"../renderIf/renderIf.js";import{Tag as o}from"../tag/tag.js";import{Text as s}from"../text/text.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{isString as c}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as d}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";import{Link as j}from"../link/link.js";const x=t(({actionButton:t,ariaLive:x="off",ariaMessageId:p,closeIcon:h,content:u,cssClasses:g,extraActionButton:f,id:v,infoIcon:C,inlineLink:b,linkComponent:N,links:k,maxContentLength:I=246,messageContainerProps:A,open:L,role:S,tag:y,title:B,titleAndContentContainerProps:O,titleAndContentRole:P,...T},$)=>{const _=T["data-testid"]||"message",z=l(T),M=a(u),R=a(B),q="string"==typeof M.children&&M.children?.toString().length>=I;/* @__PURE__ */
-return n.jsx("div",{...z,"aria-live":x,className:g?.message,children:/* @__PURE__ */n.jsx(i,{condition:L,children:/* @__PURE__ */n.jsxs(d,{ref:$,className:g?.container,component:A?.url?N:"div","data-testid":_,id:v,role:S,target:A?.target,url:A?.url||void 0,onClick:A?.onClick,children:[C?.icon?/* @__PURE__ */n.jsx(m,{className:g?.infoicon,...C}):null,
-/* @__PURE__ */n.jsxs(d,{className:r(g?.headercontainer,{[`${g?.headercontainerlargemessage}`]:q}),component:O?.url?N:"div",role:P,target:O?.target,url:O?.url||void 0,onClick:O?.onClick,children:[
-/* @__PURE__ */n.jsx(i,{condition:!!B,children:c(R.children)?/* @__PURE__ */n.jsx("div",{"aria-errormessage":p,className:g?.titlecontainer,children:/* @__PURE__ */n.jsx(s,{additionalClasses:{text:g?.title},component:"p",...R})}):R.children}),
-/* @__PURE__ */n.jsx(i,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(i,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(o,{variant:"",...y,label:{content:y?.content}})})}),
-/* @__PURE__ */n.jsxs("div",{className:r(g?.contentcontainer,{[`${g?.contentcontainerlargemessage}`]:q}),children:["string"==typeof u?/* @__PURE__ */n.jsx(s,{additionalClasses:{text:g?.description},component:"p",...M}):M.children,
-/* @__PURE__ */n.jsx(i,{condition:!!b?.content,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...b,url:b?.url||"",children:b?.content||""})})]}),
-/* @__PURE__ */n.jsx(i,{condition:!(!f&&!t),children:/* @__PURE__ */n.jsxs("div",{className:g?.buttonsectioncontainer,children:[/* @__PURE__ */n.jsx(i,{condition:!!f?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.extraactionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{...f,children:f?.content})})}),/* @__PURE__ */n.jsx(i,{condition:!!t?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.actionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{additionalSizeClasses:t?.variant?void 0:g?.action_button,...t,children:t?.content})})})]})}),
-/* @__PURE__ */n.jsx(i,{condition:!!(k&&k.length>0),children:/* @__PURE__ */n.jsx("div",{className:g?.linkscontainer,children:k?.map(t=>t.content?/* @__PURE__ */n.jsx("div",{className:g?.linkcontainer,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...t,children:t.content})},t.content):null)})})]}),
-/* @__PURE__ */n.jsx(m,{className:g?.closeicon,...h})]})})})});export{x as MessageStandAlone};

package/dist/esm/components/message/messageUnControlled.js

@@ -1,2 +0,0 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r,useCallback as s}from"react";import{MessageControlled as t}from"./messageControlled.js";const n=e(({closeIcon:e,defaultOpen:n=!0,...c},i)=>{const[l,m]=r(n),a=s(o=>{m(!1),e?.onClick?.(o)},[e]);/* @__PURE__ */
-return o.jsx(t,{...c,ref:i,closeIcon:e?{...e,onClick:a}:void 0,open:l})});export{n as Message,n as MessageUnControlled};

package/dist/esm/components/overlay/index.js

@@ -1 +0,0 @@
-export * from './overlayTheme.js';

package/dist/esm/components/overlay/overlay.js

@@ -1,2 +0,0 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{OverlayStandAlone as r}from"./overlayStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"OVERLAY",variant:t});/* @__PURE__ */
-return s.jsx(r,{...e,ref:i,cssClasses:m})});export{t as Overlay};

package/dist/esm/components/overlay/overlayStandAlone.js

@@ -1,2 +0,0 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=s(({cssClasses:s,...i},o)=>{const e=r(i);/* @__PURE__ */
-return t.jsx("div",{ref:o,className:s?.overlay,"data-testid":"overlay",...i,...e,...e})});export{i as OverlayStandAlone};

package/dist/esm/components/renderIf/renderIf.js

@@ -1 +0,0 @@
-const n=({children:n,condition:o})=>o?n:null;export{n as RenderIf};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1,3 +0,0 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{STATES as r}from"../../../lib/types/states/states.js";import{processText as t}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as o}from"../../elementOrIcon/elementOrIcon.js";const a=({cssClasses:a,errorMessage:i,errorMessageIcon:m,errorMessageId:l,state:c})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(i)&&c===r.ERROR?/* @__PURE__ */s.jsxs("div",{className:a?.errormessagecontainer,id:l,children:[
-/* @__PURE__ */s.jsx(o,{className:a?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:a?.errormessage},...t(i)})]}):null});export{a as SelectorBoxFileErrorMessage};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1,9 +0,0 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as i}from"../../button/button.js";import{RenderIf as s}from"../../renderIf/renderIf.js";import{Text as o}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as n}from"./selectorBoxFileTooltip.js";const r=({button:r,cssClasses:a,description:l,headerId:d,subtitle:c,title:x,tooltip:j,tooltipIcon:p})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("div",{className:a?.titlesubtitlecontainer,id:d,children:[
-/* @__PURE__ */t.jsx(s,{condition:!!x,children:/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.title},component:"h5",...e(x)})}),
-/* @__PURE__ */t.jsx(s,{condition:!!c,children:/* @__PURE__ */t.jsxs("div",{className:a?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.subtitle},...e(c)}),
-/* @__PURE__ */t.jsx(n,{cssClasses:a,tooltip:j,tooltipIcon:p})]})})]}),
-/* @__PURE__ */t.jsx(s,{condition:!(!l&&!r),children:/* @__PURE__ */t.jsxs("div",{className:a?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.description},...e(l)}),
-/* @__PURE__ */t.jsx(s,{condition:!(!a?.button_variant&&!r?.size||!a?.button_size&&!r?.variant),children:/* @__PURE__ */t.jsx(i,{additionalSizeClasses:r?.variant?void 0:a?.button_size,additionalVariantClasses:r?.size?void 0:a?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});export{r as SelectorBoxFileHeader};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ */o.jsx(i,{className:n?.tooltipicon,...l});return s?/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:/* @__PURE__ */o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};

package/dist/esm/components/table/__stories__/css/table.css

@@ -1,7 +0,0 @@
-.scrollablecontainer-max-height {
-  max-height: 200px;
-}
-
-.container-over-width {
-  width: 120% !important;
-}

package/dist/esm/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js

@@ -1 +0,0 @@
-import{useRef as e,useCallback as n}from"react";import{ResizeObserver as t}from"../../utils/resizeObserver/resizeObserver.js";import{isContentVisibleEnough as r}from"./utils/contentVisibility.js";const i=({minVisibleHeight:i,onContentInvisible:o,onContentVisible:c})=>{const s=e(),u=e(),b=e(void 0);return{handleContentVisibilityDetection:n(({container:e,content:n})=>{if(e&&n){const l=()=>{const t=r({container:e,content:n,minVisibleHeight:i});t!==b.current&&(t?c?.():o?.()),b.current=t};l(),s.current=new t(()=>{l()}),u.current=new t(()=>{l()}),s.current.observe(n),s.current.observe(e)}else s.current?.disconnect(),u.current?.disconnect()},[c,o,i])}};export{i as useContentVisibilityDetection};

package/dist/esm/lib/hooks/useId/useId.js

@@ -1 +0,0 @@
-import{useState as o}from"react";const t={},r=r=>{const[n]=o(()=>(o=>(t[o]||(t[o]=0),t[o]++))(r||"$component$"));return`${r}${n}`};export{r as useId};

package/dist/esm/lib/hooks/useInputFocus/useInputFocus.js

@@ -1 +0,0 @@
-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};

package/dist/esm/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js

@@ -1 +0,0 @@
-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};

package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js

@@ -1 +0,0 @@
-const e=(e,t)=>{if(!(t.length<1))for(let r=0;r<t.length;r++)e.style.setProperty(t[r].cssPropertyName,t[r].cssPropertyValue)};export{e as changeCssProperty};

package/dist/esm/lib/utils/is/isReactNode.js

@@ -1 +0,0 @@
-import{isValidElement as o}from"react";const r=r=>o(r);export{r as isReactNode};

package/dist/esm/lib/utils/is/isString.js

@@ -1 +0,0 @@
-const t=t=>"string"==typeof t||t instanceof String;export{t as isString};

package/dist/esm/lib/utils/process/processIcon/processIcon.js

@@ -1 +0,0 @@
-import{isString as i}from"../../is/isString.js";const o=o=>o?i(o)?{icon:o}:o:{};export{o as processIcon};

package/dist/esm/lib/utils/process/processText/processText.js

@@ -1 +0,0 @@
-import{isReactNode as t}from"../../is/isReactNode.js";import{isString as e}from"../../is/isString.js";const i=(i,n)=>{if(!i)return{children:null};let r;return e(i)||t(i)?r=e(i)?i:void 0:"object"==typeof i&&"content"in i&&(r=i.content),n&&r&&(r=r.substring(0,n)),t(i)?{children:i}:"object"==typeof i?{children:r,...i}:{children:r}};export{i as processText};

package/dist/esm/lib/utils/resizeObserver/resizeObserver.js

@@ -1 +0,0 @@
-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};