@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.4
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.
- package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
- package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
- package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
- package/dist/cjs/components/chip/chipStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
- package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
- package/dist/cjs/components/label/labelStandAlone.js +1 -1
- package/dist/cjs/components/link/linkStandAlone.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +1 -1
- package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -1
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -1
- package/dist/cjs/components/pageControl/components/controls.js +1 -1
- package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
- package/dist/cjs/components/pagination/fragments/paginationButtonControl.js +1 -1
- package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
- package/dist/cjs/components/tag/tagStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
- package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
- package/dist/cjs/lib/components/itemRove/itemRove.js +1 -0
- package/dist/cjs/lib/components/overlay/overlay.js +1 -0
- package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -0
- package/dist/esm/components/avatar/fragments/drawContent.js +4 -4
- package/dist/esm/components/badge/badgeStandAlone.js +7 -9
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +6 -6
- package/dist/esm/components/button/buttonStandAlone.js +3 -5
- package/dist/esm/components/calendar/selector/selector.js +7 -7
- package/dist/esm/components/checkbox/checkboxStandAlone.js +2 -2
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +7 -7
- package/dist/esm/components/dataTable/dataTableStandAlone.js +8 -8
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +6 -6
- package/dist/esm/components/input/inputStandAlone.js +2 -2
- package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -3
- package/dist/esm/components/label/labelStandAlone.js +3 -3
- package/dist/esm/components/link/linkStandAlone.js +3 -3
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +3 -3
- package/dist/esm/components/message/messageStandAlone.js +10 -10
- package/dist/esm/components/modal/fragments/modalHeader.js +7 -7
- package/dist/esm/components/modal/modalStandAlone.js +5 -5
- package/dist/esm/components/option/optionStandAlone.js +9 -9
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
- package/dist/esm/components/pageControl/components/controls.js +1 -1
- package/dist/esm/components/pageControl/pageControlStandAlone.js +1 -1
- package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +6 -6
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +6 -6
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +9 -9
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +3 -3
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +7 -7
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +7 -7
- package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +3 -3
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +4 -4
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
- package/dist/esm/components/tabs/tabsStandAlone.js +4 -4
- package/dist/esm/components/tag/tagStandAlone.js +4 -4
- package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
- package/dist/esm/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/tooltip/tooltipStandAlone.js +7 -7
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +3 -3
- package/dist/esm/lib/components/itemRove/itemRove.js +2 -0
- package/dist/esm/lib/components/overlay/overlay.js +2 -0
- package/dist/esm/lib/components/overlay/overlayStandAlone.js +2 -0
- package/dist/types/index.d.ts +10 -2
- package/package.json +1 -1
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js +0 -1
- package/dist/cjs/components/elementOrIcon/index.js +0 -2
- package/dist/cjs/components/itemRove/index.js +0 -2
- package/dist/cjs/components/itemRove/itemRove.js +0 -1
- package/dist/cjs/components/overlay/index.js +0 -1
- package/dist/cjs/components/overlay/overlay.js +0 -1
- package/dist/cjs/components/overlay/overlayStandAlone.js +0 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.js +0 -1
- package/dist/esm/components/elementOrIcon/index.js +0 -1
- package/dist/esm/components/itemRove/index.js +0 -1
- package/dist/esm/components/itemRove/itemRove.js +0 -2
- package/dist/esm/components/overlay/index.js +0 -1
- package/dist/esm/components/overlay/overlay.js +0 -2
- package/dist/esm/components/overlay/overlayStandAlone.js +0 -2
- /package/dist/cjs/{components → lib/components}/renderIf/renderIf.js +0 -0
- /package/dist/esm/{components → lib/components}/renderIf/renderIf.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as o}from"../../../_virtual/jsx-runtime.js";import{forwardRef as n,isValidElement as i}from"react";import{IconBasic as r}from"../../../components/icon/icon.js";import{IconHost as t}from"../../../components/icon/iconHost.js";const s=n(({basic:n=!1,icon:s,...c},m)=>s?"string"==typeof s?n?/* @__PURE__ */o.jsx(r,{...c,ref:m,icon:s}):/* @__PURE__ */o.jsx(t,{...c,ref:m,icon:s}):i(s)?s:null:null);export{s as ElementOrIcon};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{
|
|
1
|
+
import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{Text as t}from"../../../components/text/text.js";import{ElementOrIcon as e}from"../elementOrIcon/elementOrIcon.js";import{classNames as o}from"../../utils/classNames/classNames.js";import{pickCustomAttributes as m}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../utils/process/processIcon/processIcon.js";import{processText as c}from"../../utils/process/processText/processText.js";const n=r(({cssClasses:r,icon:n,message:a,...p},l)=>{if(!a)return null;const j=m(p);/* @__PURE__ */
|
|
2
2
|
return s.jsx("div",{ref:l,...j,className:o("kbt-error-message__container",r?.error_message,{"kbt-sr-only":!p.show}),id:p.id,children:p.show&&/* @__PURE__ */s.jsxs(s.Fragment,{children:[
|
|
3
|
-
/* @__PURE__ */s.jsx(
|
|
4
|
-
/* @__PURE__ */s.jsx(
|
|
3
|
+
/* @__PURE__ */s.jsx(e,{className:r?.icon,...i(n)}),
|
|
4
|
+
/* @__PURE__ */s.jsx(t,{additionalClasses:{text:r?.typography},...c(a)})]})})});export{n as ErrorMessageStandAlone};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../../_virtual/jsx-runtime.js";import{useRef as s,useEffect as t}from"react";import{useClassName as o}from"../../hooks/useClassName/useClassName.js";import{classNames as r}from"../../utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../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=o({component:"ITEM_ROVE"}),K=a({...E,...j});t(()=>{N&&!_.current?M.current?.focus({preventScroll:F}):_.current=!1},[N,F]);const T=e=>{v||(O?.(k),e&&y?.())};/* @__PURE__ */
|
|
2
|
+
return e.jsx(i,{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};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../hooks/useClassName/useClassName.js";import{OverlayStandAlone as r}from"./overlayStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},m)=>{const i=o({additionalClassNames:a,component:"OVERLAY",variant:t});/* @__PURE__ */
|
|
2
|
+
return s.jsx(r,{...e,ref:m,cssClasses:i})});export{t as Overlay};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{pickCustomAttributes as r}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";const o=s(({cssClasses:s,...o},e)=>{const i=r(o);/* @__PURE__ */
|
|
2
|
+
return t.jsx("div",{ref:e,className:s?.overlay,"data-testid":"overlay",...o,...i,...i})});export{o as OverlayStandAlone};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -5376,19 +5376,27 @@ export declare const Table: ForwardRefExoticComponent<TableProps & {
|
|
|
5376
5376
|
children?: ReactNode | undefined;
|
|
5377
5377
|
} & RefAttributes<HTMLDivElement>>;
|
|
5378
5378
|
|
|
5379
|
+
export declare const TableBody: ForwardRefExoticComponent<TableBodyProps & {
|
|
5380
|
+
children?: ReactNode | undefined;
|
|
5381
|
+
} & RefAttributes<HTMLTableSectionElement>>;
|
|
5382
|
+
|
|
5379
5383
|
declare type TableBodyCssClasses = ComponentSelected<ComponentsTypesComponents['TABLE_BODY']>;
|
|
5380
5384
|
|
|
5381
|
-
declare interface TableBodyProps extends TableBodyStandAloneProps {
|
|
5385
|
+
export declare interface TableBodyProps extends TableBodyStandAloneProps {
|
|
5382
5386
|
variant?: string;
|
|
5383
5387
|
additionalClasses?: Partial<TableBodyCssClasses>;
|
|
5384
5388
|
}
|
|
5385
5389
|
|
|
5386
|
-
declare interface TableBodyStandAloneProps extends DataAttributes {
|
|
5390
|
+
export declare interface TableBodyStandAloneProps extends DataAttributes {
|
|
5387
5391
|
cssClasses?: TableBodyCssClasses;
|
|
5388
5392
|
id?: string;
|
|
5389
5393
|
component?: string | React.ComponentType<any>;
|
|
5390
5394
|
}
|
|
5391
5395
|
|
|
5396
|
+
export declare type TableBodyVariantStyles<Variant extends string> = CssLibPropsType & {
|
|
5397
|
+
[key in Variant]: CssLibPropsType;
|
|
5398
|
+
};
|
|
5399
|
+
|
|
5392
5400
|
export declare const TableCaption: ForwardRefExoticComponent<TableCaptionProps & {
|
|
5393
5401
|
children?: ReactNode | undefined;
|
|
5394
5402
|
} & RefAttributes<HTMLTableSectionElement>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kubit-ui-web/react-components",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.4",
|
|
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",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
module.exports = { ...module.exports, ...require('./overlayTheme.js') };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ElementOrIcon } from './elementOrIcon.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ItemRove } from './itemRove.js';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './overlayTheme.js';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return s.jsx(r,{...e,ref:i,cssClasses:m})});export{t as Overlay};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return t.jsx("div",{ref:o,className:s?.overlay,"data-testid":"overlay",...i,...e,...e})});export{i as OverlayStandAlone};
|
|
File without changes
|
|
File without changes
|