@kubit-ui-web/react-components 2.0.0-beta.72 → 2.0.0-beta.74
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/CHANGELOG.md +20 -0
- package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
- package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js +1 -1
- package/dist/cjs/components/checkboxBase/checkboxBaseControlled.js +1 -1
- package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/components/dataTableHead.js +1 -1
- package/dist/cjs/components/dataTable/components/hiddenDataTableHead.js +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/cjs/components/label/labelStandAlone.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/popover/popover.js +1 -1
- package/dist/cjs/components/popover/stories/demos/animationsDemo.js +3 -3
- package/dist/cjs/components/popover/stories/demos/popoverBodyPositionDemo.js +1 -1
- package/dist/cjs/components/popover/stories/demos/popoverScrollBehaviorDemo.js +1 -1
- package/dist/cjs/components/popover/styles/popover-arrow.css +1 -1
- package/dist/cjs/components/select/selectStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.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/table/tableStandAlone.js +1 -1
- package/dist/cjs/components/tableDivider/tableDividerStandAlone.js +1 -1
- package/dist/cjs/components/tableHead/tableHeadStandAlone.js +1 -1
- package/dist/cjs/components/tableRow/tableRowStandAlone.js +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
- package/dist/cjs/components/text/text.css +1 -1
- package/dist/cjs/components/textArea/components/textCount/textCountStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/positioning/computePosition.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -1
- package/dist/esm/components/accordion/accordionStandAlone.mjs +1 -1
- package/dist/esm/components/accordion/index.mjs +1 -1
- package/dist/esm/components/alert/index.mjs +1 -1
- package/dist/esm/components/avatar/fragments/drawContent.mjs +1 -1
- package/dist/esm/components/avatar/index.mjs +1 -1
- package/dist/esm/components/badge/index.mjs +1 -1
- package/dist/esm/components/breadcrumbs/index.mjs +1 -1
- package/dist/esm/components/button/index.mjs +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.mjs +1 -1
- package/dist/esm/components/calendar/header/index.mjs +1 -1
- package/dist/esm/components/calendar/index.mjs +1 -1
- package/dist/esm/components/calendar/selector/index.mjs +1 -1
- package/dist/esm/components/card/index.mjs +1 -1
- package/dist/esm/components/carousel/hooks/utils/calc.utils.mjs +1 -1
- package/dist/esm/components/carousel/hooks/utils/constants.mjs +1 -1
- package/dist/esm/components/carousel/hooks/utils/dom.utils.mjs +1 -1
- package/dist/esm/components/carousel/index.mjs +1 -1
- package/dist/esm/components/carousel/types/index.mjs +1 -1
- package/dist/esm/components/checkbox/index.mjs +1 -1
- package/dist/esm/components/checkboxBase/checkboxBaseControlled.mjs +1 -1
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.mjs +1 -1
- package/dist/esm/components/checkboxBase/index.mjs +1 -1
- package/dist/esm/components/chip/index.mjs +1 -1
- package/dist/esm/components/dataTable/components/dataTableHead.mjs +1 -1
- package/dist/esm/components/dataTable/components/hiddenDataTableHead.mjs +1 -1
- package/dist/esm/components/dataTable/dataTableStandAlone.mjs +1 -1
- package/dist/esm/components/dataTable/index.mjs +1 -1
- package/dist/esm/components/dot/index.mjs +1 -1
- package/dist/esm/components/icon/index.mjs +1 -1
- package/dist/esm/components/image/index.mjs +1 -1
- package/dist/esm/components/input/index.mjs +1 -1
- package/dist/esm/components/inputBase/index.mjs +1 -1
- package/dist/esm/components/inputDecoration/index.mjs +1 -1
- package/dist/esm/components/inputSignature/hook/index.mjs +1 -1
- package/dist/esm/components/inputSignature/index.mjs +1 -1
- package/dist/esm/components/inputSignature/utils/index.mjs +1 -1
- package/dist/esm/components/label/index.mjs +1 -1
- package/dist/esm/components/label/labelStandAlone.mjs +1 -1
- package/dist/esm/components/link/index.mjs +1 -1
- package/dist/esm/components/listOptions/index.mjs +1 -1
- package/dist/esm/components/modal/fragments/index.mjs +1 -1
- package/dist/esm/components/modal/fragments/modalHeader.mjs +1 -1
- package/dist/esm/components/modal/index.mjs +1 -1
- package/dist/esm/components/modal/modalStandAlone.mjs +1 -1
- package/dist/esm/components/modal/utils/index.mjs +1 -1
- package/dist/esm/components/option/index.mjs +1 -1
- package/dist/esm/components/pageControl/index.mjs +1 -1
- package/dist/esm/components/pagination/index.mjs +1 -1
- package/dist/esm/components/popover/index.mjs +1 -1
- package/dist/esm/components/popover/popover.mjs +1 -1
- package/dist/esm/components/popover/positioning/middlewares.mjs +1 -1
- package/dist/esm/components/popover/stories/demos/animationsDemo.mjs +3 -3
- package/dist/esm/components/popover/stories/demos/popoverBodyPositionDemo.mjs +1 -1
- package/dist/esm/components/popover/stories/demos/popoverScrollBehaviorDemo.mjs +1 -1
- package/dist/esm/components/popover/styles/popover-arrow.css +1 -1
- package/dist/esm/components/popover/types/index.mjs +1 -1
- package/dist/esm/components/portal/index.mjs +1 -1
- package/dist/esm/components/progressBar/index.mjs +1 -1
- package/dist/esm/components/radioButton/index.mjs +1 -1
- package/dist/esm/components/select/index.mjs +1 -1
- package/dist/esm/components/select/selectStandAlone.mjs +1 -1
- package/dist/esm/components/select/utils/getState/getState.mjs +1 -1
- package/dist/esm/components/selectorBoxFile/index.mjs +1 -1
- package/dist/esm/components/skeleton/index.mjs +1 -1
- package/dist/esm/components/slider/components/sliderScaleStandAlone.mjs +1 -1
- package/dist/esm/components/slider/index.mjs +1 -1
- package/dist/esm/components/slider/sliderStandAlone.mjs +1 -1
- package/dist/esm/components/snackbar/hooks/index.mjs +1 -1
- package/dist/esm/components/stepperNumber/fixture/index.mjs +1 -1
- package/dist/esm/components/stepperNumber/index.mjs +1 -1
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.mjs +1 -1
- package/dist/esm/components/table/index.mjs +1 -1
- package/dist/esm/components/table/tableStandAlone.mjs +1 -1
- package/dist/esm/components/tableBody/index.mjs +1 -1
- package/dist/esm/components/tableCaption/index.mjs +1 -1
- package/dist/esm/components/tableCell/index.mjs +1 -1
- package/dist/esm/components/tableDivider/index.mjs +1 -1
- package/dist/esm/components/tableDivider/tableDividerStandAlone.mjs +1 -1
- package/dist/esm/components/tableFoot/index.mjs +1 -1
- package/dist/esm/components/tableHead/index.mjs +1 -1
- package/dist/esm/components/tableHead/tableHeadStandAlone.mjs +1 -1
- package/dist/esm/components/tableRow/index.mjs +1 -1
- package/dist/esm/components/tableRow/tableRowStandAlone.mjs +1 -1
- package/dist/esm/components/tabs/index.mjs +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.mjs +1 -1
- package/dist/esm/components/tag/index.mjs +1 -1
- package/dist/esm/components/text/index.mjs +1 -1
- package/dist/esm/components/text/text.css +1 -1
- package/dist/esm/components/textArea/components/textCount/textCountStandAlone.mjs +1 -1
- package/dist/esm/components/textArea/index.mjs +1 -1
- package/dist/esm/components/toggle/index.mjs +1 -1
- package/dist/esm/components/tooltip/index.mjs +1 -1
- package/dist/esm/components/tooltip/positioning/computePosition.mjs +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.mjs +1 -1
- package/dist/esm/components/virtualKeyboard/index.mjs +1 -1
- package/dist/esm/lib/components/elementOrIcon/index.mjs +1 -1
- package/dist/esm/lib/components/errorMessage/index.mjs +1 -1
- package/dist/esm/lib/components/itemRove/index.mjs +1 -1
- package/dist/esm/lib/components/overlay/overlayStandAlone.mjs +1 -1
- package/dist/esm/lib/components/screen-reader-only/index.mjs +1 -1
- package/dist/esm/lib/hooks/useClickOutside/clickOutsideHandler.mjs +1 -1
- package/dist/types/components/popover/types/index.d.ts +2 -2
- package/package.json +35 -36
- package/dist/types/lib/tests/render/render.d.ts +0 -3
- package/dist/types/lib/tests/render/renderHook.d.ts +0 -6
- package/dist/types/lib/tests/windowMatchMedia/windowMatchMedia.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableDividerStandAlone:()=>TableDividerStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableDividerStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="div",cssClasses:_,id:r,...a},i)=>{const o=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(a);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:i,className:_?.table_divider,component:t,"data-
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableDividerStandAlone:()=>TableDividerStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableDividerStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="div",cssClasses:_,id:r,...a},i)=>{const o=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(a);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:i,"data-table-divider":true,className:_?.table_divider,component:t,"data-testid":"table-divider",id:r,...o,children:e})});exports.TableDividerStandAlone=__webpack_exports__.TableDividerStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableDividerStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableHeadStandAlone:()=>TableHeadStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableHeadStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="thead",cssClasses:_,hidden:a,id:r,sticky:o,...c},s)=>{const n=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(c);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:s,className:_?.table_head,component:t,"data-hidden":a,"data-sticky":o,"data-
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableHeadStandAlone:()=>TableHeadStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableHeadStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="thead",cssClasses:_,hidden:a,id:r,sticky:o,...c},s)=>{const n=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(c);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:s,"data-table-head":true,className:_?.table_head,component:t,"data-hidden":a,"data-sticky":o,"data-testid":"table-head",id:r,...n,children:e})});exports.TableHeadStandAlone=__webpack_exports__.TableHeadStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableHeadStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableRowStandAlone:()=>TableRowStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableRowStandAlone=(0,external_react_namespaceObject.forwardRef)(({active:e,children:t,component:_="tr",cssClasses:r,hoverable:o=true,id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...i},b)=>{const u=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(i);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:b,className:r?.table_row,component:_,"data-active":e,"data-hoverable":o,"data-
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableRowStandAlone:()=>TableRowStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableRowStandAlone=(0,external_react_namespaceObject.forwardRef)(({active:e,children:t,component:_="tr",cssClasses:r,hoverable:o=true,id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...i},b)=>{const u=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(i);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:b,"data-table-row":true,className:r?.table_row,component:_,"data-active":e,"data-hoverable":o,"data-testid":"table-row",id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...u,children:t})});exports.TableRowStandAlone=__webpack_exports__.TableRowStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableRowStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TabsStandAlone:()=>TabsStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const elementOrIcon_js_namespaceObject=require("../../lib/components/elementOrIcon/elementOrIcon.js");const itemRove_js_namespaceObject=require("../../lib/components/itemRove/itemRove.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const states_js_namespaceObject=require("../../lib/types/states/states.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const useTabs_js_namespaceObject=require("./hooks/useTabs/useTabs.js");const MAX_TABS_IN_VIEW=3;const TabsStandAlone=(0,external_react_namespaceObject.forwardRef)(({allowFocusTabPanel:e=true,autoWidth:t=false,content:s,cssClasses:a,device:c,hideLabelForSingleTab:n,leftControlAriaLabel:r,leftIcon:o,maxTabsInView:_=MAX_TABS_IN_VIEW,onSelectTab:i,rightControlAriaLabel:b,rightIcon:p,selectedTab:l,tabs:m,unMountContent:j=true,...u},d)=>{const{isMobile:x}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const O=(0,external_react_namespaceObject.useId)();const k=`tabs-${O.replace(/:/g,"")}`;const T=`${k}-tab-list`;const A=`${k}-tab-panel`;const $=m?.length??0;const v=Math.min($,_);const{focus:f,handleClickIcon:h,handleClickTab:S,listEl:N,position:q}=(0,useTabs_js_namespaceObject.useTabs)({numTabsInView:v,selectedTab:l,tabsLength:$});const w=0===q;const y=q>=$-v;const C=u["data-testid"]||"tabs";const I=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);const P=e=>{const t="left"===e;const s=t?w:y;const c=()=>{if(!s)h(!t)};return $>v?(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-label":t?r:b,className:a?.arrowiconcontainer,"data-position":t?"left":"right","data-testid":`${C}-icon-${e}`,disabled:s,tabIndex:0,type:"button",onClick:c,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.icon,customAttributes:{"data-disabled":s},"data-position":t?"left":"right",...t?o:p})}):null};const g=()=>{const t={role:"tabpanel",tabIndex:e?0:-1};if(j)return null!=l&&(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${l}`,className:a?.contentcontainer,...t,children:s?.[l]});return s?.map((e,s)=>(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${s}`,className:a?.contentcontainer,id:`${A}-${s}`,style:{display:l===s?"block":"none"},...t,children:e},`${k}-${s.toString()}-tab`))};return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:d,className:a?.tabs,"data-testid":C,...I,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.container,children:[P("left"),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:N,className:a?.tabbuttonscontainer,id:T,role:"tablist",children:m?.map((e,s)=>{const c=l===s;const r=c?states_js_namespaceObject.STATES.SELECTED:states_js_namespaceObject.STATES.UNSELECTED;const o=s>=q&&s<q+v;const _={"data-state":r};return(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.tabcontainer,"data-testid":`${C}-tab-${s}`,...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_),style:{minWidth:x?`calc(100% / ${v})`:"auto",width:t?"auto":`calc(100% / ${$})`},children:$>1?(0,jsx_runtime_namespaceObject.jsx)(itemRove_js_namespaceObject.ItemRove,{ariaDisabled:x&&!o||e.disabled,ariaSelected:c,asElement:"button",
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TabsStandAlone:()=>TabsStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const elementOrIcon_js_namespaceObject=require("../../lib/components/elementOrIcon/elementOrIcon.js");const itemRove_js_namespaceObject=require("../../lib/components/itemRove/itemRove.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const states_js_namespaceObject=require("../../lib/types/states/states.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const useTabs_js_namespaceObject=require("./hooks/useTabs/useTabs.js");const MAX_TABS_IN_VIEW=3;const TabsStandAlone=(0,external_react_namespaceObject.forwardRef)(({allowFocusTabPanel:e=true,autoWidth:t=false,content:s,cssClasses:a,device:c,hideLabelForSingleTab:n,leftControlAriaLabel:r,leftIcon:o,maxTabsInView:_=MAX_TABS_IN_VIEW,onSelectTab:i,rightControlAriaLabel:b,rightIcon:p,selectedTab:l,tabs:m,unMountContent:j=true,...u},d)=>{const{isMobile:x}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const O=(0,external_react_namespaceObject.useId)();const k=`tabs-${O.replace(/:/g,"")}`;const T=`${k}-tab-list`;const A=`${k}-tab-panel`;const $=m?.length??0;const v=Math.min($,_);const{focus:f,handleClickIcon:h,handleClickTab:S,listEl:N,position:q}=(0,useTabs_js_namespaceObject.useTabs)({numTabsInView:v,selectedTab:l,tabsLength:$});const w=0===q;const y=q>=$-v;const C=u["data-testid"]||"tabs";const I=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);const P=e=>{const t="left"===e;const s=t?w:y;const c=()=>{if(!s)h(!t)};return $>v?(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-label":t?r:b,className:a?.arrowiconcontainer,"data-position":t?"left":"right","data-testid":`${C}-icon-${e}`,disabled:s,tabIndex:0,type:"button",onClick:c,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.icon,customAttributes:{"data-disabled":s},"data-position":t?"left":"right",...t?o:p})}):null};const g=()=>{const t={role:"tabpanel",tabIndex:e?0:-1};if(j)return null!=l&&(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${l}`,className:a?.contentcontainer,...t,children:s?.[l]});return s?.map((e,s)=>(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${s}`,className:a?.contentcontainer,id:`${A}-${s}`,style:{display:l===s?"block":"none"},...t,children:e},`${k}-${s.toString()}-tab`))};return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:d,className:a?.tabs,"data-testid":C,...I,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.container,children:[P("left"),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:N,className:a?.tabbuttonscontainer,id:T,role:"tablist",children:m?.map((e,s)=>{const c=l===s;const r=c?states_js_namespaceObject.STATES.SELECTED:states_js_namespaceObject.STATES.UNSELECTED;const o=s>=q&&s<q+v;const _={"data-state":r};return(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.tabcontainer,"data-testid":`${C}-tab-${s}`,...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_),style:{minWidth:x?`calc(100% / ${v})`:"auto",width:t?"auto":`calc(100% / ${$})`},children:$>1?(0,jsx_runtime_namespaceObject.jsx)(itemRove_js_namespaceObject.ItemRove,{checkIsFirstTime:true,preventScrollOnFocus:true,ariaDisabled:x&&!o||e.disabled,ariaSelected:c,asElement:"button",classNames:(0,classNames_js_namespaceObject.classNames)(a?.tabbutton,{[`${a?.firsttabbutton}`]:0===s,[`${a?.lasttabbutton}`]:s===$-1}),customAttributes:_,disabled:x&&!o||e.disabled,focus:f===s,id:`${k}-tab-${s}`,index:s,role:"tab",type:"button",onSelectItem:()=>{i?.(s);S(s)},children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.label},component:"span",customAttributes:_,"data-hidden":!!n,...(0,processCommonProp_js_namespaceObject.processTextProp)(e)})}):(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)(a?.onetabcontainer,{[`${a?.tabbutton}`]:!!n}),id:`${k}-tab-${s}`,role:"tab",children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.label},"data-hidden":!!n,...(0,processCommonProp_js_namespaceObject.processTextProp)(e),children:(0,processCommonProp_js_namespaceObject.processTextProp)(e).children})})},`${C}-tab-${s.toString()}`)})}),P("right")]}),g()]})});exports.TabsStandAlone=__webpack_exports__.TabsStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TabsStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.kbt-text{text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
|
|
1
|
+
.kbt-text{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TextCountStandAlone:()=>TextCountStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../../../text/text.js");const screenReaderOnly_js_namespaceObject=require("../../../../lib/components/screen-reader-only/screenReaderOnly.js");const pickCustomAttributes_js_namespaceObject=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const TextCountStandAloneComponent=({cssClasses:e,currentCharacters:t,id:_,leftColor:r,leftWeight:n,marginTop:a,maxLength:s,rightColor:c,rightWeight:o,screenReaderText:i,textVariant:p,...u},l)=>{const b=()=>{if(0===t||t>=s)return"polite"};const x=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:l,"aria-live":b(),className:e?.text_count,"data-testid":"text-count",style:{marginTop:a},...x,children:[(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:i},t),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:e?.letftext},
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TextCountStandAlone:()=>TextCountStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../../../text/text.js");const screenReaderOnly_js_namespaceObject=require("../../../../lib/components/screen-reader-only/screenReaderOnly.js");const pickCustomAttributes_js_namespaceObject=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const TextCountStandAloneComponent=({cssClasses:e,currentCharacters:t,id:_,leftColor:r,leftWeight:n,marginTop:a,maxLength:s,rightColor:c,rightWeight:o,screenReaderText:i,textVariant:p,...u},l)=>{const b=()=>{if(0===t||t>=s)return"polite"};const x=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:l,"aria-live":b(),className:e?.text_count,"data-testid":"text-count",style:{marginTop:a},...x,children:[(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:i},t),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{"aria-hidden":true,additionalClasses:{text:e?.letftext},color:r,component:"span",variant:p,weight:n,children:t}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{"aria-hidden":true,additionalClasses:{text:e?.righttext},color:c,component:"span",variant:p,weight:o,children:` / ${s}`})]})};const TextCountStandAlone=(0,external_react_namespaceObject.forwardRef)(TextCountStandAloneComponent);exports.TextCountStandAlone=__webpack_exports__.TextCountStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TextCountStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*!
|
|
1
|
+
/*! LICENSE: computePosition.js.LICENSE.txt */
|
|
2
2
|
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var t in _)if(__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:_[t]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{computePosition:()=>computePosition});const dom_namespaceObject=require("@floating-ui/dom");const computePosition=async(e,_,t)=>{const{middleware:o=[],placement:r="top",strategy:p="fixed"}=t;const a=r||"top";const c=await (0,dom_namespaceObject.computePosition)(e,_,{middleware:o,placement:a,strategy:p});const i=c.placement||"top";return{middlewareData:c.middlewareData,placement:i,strategy:c.strategy,x:c.x,y:c.y}};exports.computePosition=__webpack_exports__.computePosition;for(var __rspack_i in __webpack_exports__)if(-1===["computePosition"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TooltipStandAlone:()=>TooltipStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./tooltip.css");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const positions_js_namespaceObject=require("../../lib/types/positions/positions.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const popover_js_namespaceObject=require("../popover/popover.js");const tooltipTrigger_js_namespaceObject=require("./components/tooltipTrigger.js");const tooltip_utils_js_namespaceObject=require("./utils/tooltip.utils.js");const TooltipStandAlone=({align:e,children:t,childrenAsButton:s=true,content:a,contentHasScroll:o,contentRef:r,contentScrollArias:i,cssClasses:c,disabled:n,labelRef:_,mediaDevice:p,onPopoverCloseInternally:l,onTooltipFocus:j,onTooltipKeyDown:b,onTriggerClick:u,onTriggerKeyDown:m,onTriggerMouseDown:d,onTriggerMouseUp:x,onWrapperMouseEnter:O,onWrapperMouseLeave:v,popover:k,popoverOpen:g,tooltipAriaLabel:w,tooltipAsModal:A,tooltipRef:y,triggerAsButton:T,...h})=>{const q=h["data-testid"]||"tooltip";const f=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(h);const C=(0,external_react_namespaceObject.useId)();const N=`tooltip-${C.replace(/:/g,"")}`;const S=`${N}-content`;const P=(0,processCommonProp_js_namespaceObject.processTextProp)(a);const B="string"==typeof P.children;const{isDesktop:M,isTablet:D}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const I=M||D;if(n)return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"kbt-tooltip","data-testid":q,children:(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{childrenAsButton:s,
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TooltipStandAlone:()=>TooltipStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./tooltip.css");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const positions_js_namespaceObject=require("../../lib/types/positions/positions.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const popover_js_namespaceObject=require("../popover/popover.js");const tooltipTrigger_js_namespaceObject=require("./components/tooltipTrigger.js");const tooltip_utils_js_namespaceObject=require("./utils/tooltip.utils.js");const TooltipStandAlone=({align:e,children:t,childrenAsButton:s=true,content:a,contentHasScroll:o,contentRef:r,contentScrollArias:i,cssClasses:c,disabled:n,labelRef:_,mediaDevice:p,onPopoverCloseInternally:l,onTooltipFocus:j,onTooltipKeyDown:b,onTriggerClick:u,onTriggerKeyDown:m,onTriggerMouseDown:d,onTriggerMouseUp:x,onWrapperMouseEnter:O,onWrapperMouseLeave:v,popover:k,popoverOpen:g,tooltipAriaLabel:w,tooltipAsModal:A,tooltipRef:y,triggerAsButton:T,...h})=>{const q=h["data-testid"]||"tooltip";const f=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(h);const C=(0,external_react_namespaceObject.useId)();const N=`tooltip-${C.replace(/:/g,"")}`;const S=`${N}-content`;const P=(0,processCommonProp_js_namespaceObject.processTextProp)(a);const B="string"==typeof P.children;const{isDesktop:M,isTablet:D}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const I=M||D;if(n)return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"kbt-tooltip","data-testid":q,children:(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{disabled:true,childrenAsButton:s,children:t})});const F=(0,tooltip_utils_js_namespaceObject.getAriaDescriptorsBy)({contentId:S,hasContent:!!a,hasTitle:false,titleId:""});const $={"data-align":e||positions_js_namespaceObject.POSITIONS.TOP};const E=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)($);const K=(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:y,"aria-label":I?w:void 0,"aria-labelledby":I?void 0:void 0,"aria-modal":I&&A?true:void 0,className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__external-container",c?.tooltipexternalcontainer),"data-testid":`${q}-content`,id:N,role:I?A?"dialog":"tooltip":void 0,...I&&{onFocus:j,onKeyDown:b},...f,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.tooltipinternalcontainer,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,"aria-label":o?i?.["aria-label"]:void 0,"aria-labelledby":o?i?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:o?"region":void 0,...o&&{tabIndex:0},children:!!a&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__paragraph",c?.paragraphcontainer),id:S,children:B?(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:c?.paragraph},...P}):P.children})})}),(0,jsx_runtime_namespaceObject.jsx)("div",{...E,className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__arrow",c?.arrowsize,c?.tooltipalignstyles,c?.arrowcontainer),children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.arrow})})]});return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:_,className:"kbt-tooltip","data-testid":q,children:[(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{ariaDescribedBy:!A&&(I||g)?F:void 0,childrenAsButton:s,triggerAsButton:T,onClick:u,onKeyDown:m,onMouseDown:d,onMouseEnter:O,onMouseLeave:v,onMouseUp:x,children:t}),I?K:(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{disableAutoFocusFirstDescendantAfterClose:true,additionalClasses:c?.popover?{arrow:"",popover:c.popover.popover||""}:void 0,"aria-label":k?.["aria-label"]||w,"aria-labelledby":void 0,"aria-modal":A||void 0,component:"div",disableTrapFocus:false,open:g,preventCloseOnClickElements:[_?.current],role:A?"dialog":"tooltip",strategy:"absolute",onClose:l,...k,children:K})]})};exports.TooltipStandAlone=__webpack_exports__.TooltipStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TooltipStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var r in _)if(__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:_[r]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{OverlayStandAlone:()=>OverlayStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../utils/pickCustomAttributes/pickCustomAttributes.js");const OverlayStandAlone=(0,external_react_namespaceObject.forwardRef)(({cssClasses:e,..._},r)=>{const t=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,className:e?.overlay,"data-testid":"overlay",..._,...t
|
|
1
|
+
"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var r in _)if(__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:_[r]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{OverlayStandAlone:()=>OverlayStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../utils/pickCustomAttributes/pickCustomAttributes.js");const OverlayStandAlone=(0,external_react_namespaceObject.forwardRef)(({cssClasses:e,..._},r)=>{const t=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,className:e?.overlay,"data-testid":"overlay",..._,...t})});exports.OverlayStandAlone=__webpack_exports__.OverlayStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["OverlayStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as n,useId as e}from"react";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{STATE as a}from"./types/state.mjs";const i=n(({children:n,component:i="div",cssClasses:s,dataTestId:d="accordion",expanded:m,header:l,headerComponent:p="h3",onHeaderClick:u},h)=>{const b=e();const f=`accordion-${b.replace(/:/g,"")}`;const A=`${f}-content`;const C={"data-state":m?a.EXPANDED:a.COLLAPSED};const N=r(C);return t(c,{ref:h,className:s?.accordion,component:i,"data-testid":d,...N,children:o("div",{children:[t(c,{className:s?.header,component:p,...N,children:t("button",{"aria-controls":A,"aria-expanded":m,className:s?.headerbutton,"data-testid":`${d}-header`,type:"button",onClick:u,...N,children:l})}),t("div",{
|
|
1
|
+
import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as n,useId as e}from"react";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{STATE as a}from"./types/state.mjs";const i=n(({children:n,component:i="div",cssClasses:s,dataTestId:d="accordion",expanded:m,header:l,headerComponent:p="h3",onHeaderClick:u},h)=>{const b=e();const f=`accordion-${b.replace(/:/g,"")}`;const A=`${f}-content`;const C={"data-state":m?a.EXPANDED:a.COLLAPSED};const N=r(C);return t(c,{ref:h,className:s?.accordion,component:i,"data-testid":d,...N,children:o("div",{children:[t(c,{className:s?.header,component:p,...N,children:t("button",{"aria-controls":A,"aria-expanded":m,className:s?.headerbutton,"data-testid":`${d}-header`,type:"button",onClick:u,...N,children:l})}),t("div",{"data-kbt-accordion-content":true,className:s?.content,"data-testid":`${d}-content`,id:A,...N,children:t("div",{"data-kbt-accordion-content-inner":true,className:s?.innercontent,...N,children:n})})]})})});export{i as AccordionStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{AccordionControlled}from"./accordionControlled.mjs";export{Accordion}from"./accordionUnControlled.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Alert}from"./alertControlled.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Fragment as t,jsx as o,jsxs as e}from"react/jsx-runtime";import{Dot as m}from"../../dot/dot.mjs";import{Text as r}from"../../text/text.mjs";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as i,processTextProp as n}from"../../../lib/utils/process/processCommonProp.mjs";const c=({contentType:c,cssClasses:a,customAttributes:p,dot:l,icon:d,initials:u,maxLengthInitials:b})=>e(t,{children:[!!l?.number&&o("span",{className:a?.dot,children:o(m,{...l})}),"with-icon"===c&&o(s,{className:a?.icon,customAttributes:p,...i(d)}),"with-initials"===c&&o(r,{
|
|
1
|
+
import{Fragment as t,jsx as o,jsxs as e}from"react/jsx-runtime";import{Dot as m}from"../../dot/dot.mjs";import{Text as r}from"../../text/text.mjs";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as i,processTextProp as n}from"../../../lib/utils/process/processCommonProp.mjs";const c=({contentType:c,cssClasses:a,customAttributes:p,dot:l,icon:d,initials:u,maxLengthInitials:b})=>e(t,{children:[!!l?.number&&o("span",{className:a?.dot,children:o(m,{...l})}),"with-icon"===c&&o(s,{className:a?.icon,customAttributes:p,...i(d)}),"with-initials"===c&&o(r,{"aria-hidden":true,additionalClasses:{},component:"span",customAttributes:p,...n(u,b)})]});export{c as DrawContent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Avatar}from"./avatar.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Badge}from"./badge.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{BreadCrumbs}from"./breadcrumbs.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Button}from"./button.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";import{Header as c}from"./header/header.mjs";import{List as n}from"./list/list.mjs";import{MonthSelector as i}from"./selector/monthSelector/monthSelector.mjs";import{Selector as l}from"./selector/selector.mjs";import{YearSelector as m}from"./selector/yearSelector/yearSelector.mjs";const d=({configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C="Back",disabledDates:u,formatWeekDayOption:S,hasRange:f,id:p,locale:y,maxDate:b=new Date,minDate:k,onDayClick:g,onDaySelectorClick:j,onLeftIconClick:w,onMonthClick:x,onMonthSelectorClick:A,onRightIconClick:N,onYearClick:v,onYearSelectorClick:M,selectedDate:Y,setCurrentDate:_,setSelectedDate:$,sundayFirst:B,...F},I)=>{const[L,R]=o(false);const[T,O]=o(false);const[U,W]=o(true);const Z=new Date;const q=s(F);const z=F["data-testid"]||"calendar";return t("div",{ref:I,
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";import{Header as c}from"./header/header.mjs";import{List as n}from"./list/list.mjs";import{MonthSelector as i}from"./selector/monthSelector/monthSelector.mjs";import{Selector as l}from"./selector/selector.mjs";import{YearSelector as m}from"./selector/yearSelector/yearSelector.mjs";const d=({configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C="Back",disabledDates:u,formatWeekDayOption:S,hasRange:f,id:p,locale:y,maxDate:b=new Date,minDate:k,onDayClick:g,onDaySelectorClick:j,onLeftIconClick:w,onMonthClick:x,onMonthSelectorClick:A,onRightIconClick:N,onYearClick:v,onYearSelectorClick:M,selectedDate:Y,setCurrentDate:_,setSelectedDate:$,sundayFirst:B,...F},I)=>{const[L,R]=o(false);const[T,O]=o(false);const[U,W]=o(true);const Z=new Date;const q=s(F);const z=F["data-testid"]||"calendar";return t("div",{ref:I,"data-calendar":true,className:D?.calendar,"data-testid":z,id:p,...q,children:[e(l,{configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C,maxDate:b,minDate:k,setCurrentDate:_,setShowDaySelector:W,setShowMonthSelector:R,setShowYearSelector:O,showDaySelector:U,showMonthSelector:L,showYearSelector:T,onDaySelectorClick:j,onLeftIconClick:w,onMonthSelectorClick:A,onRightIconClick:N,onYearSelectorClick:M}),t("div",{className:D?.container,children:[!L&&!T&&U&&t("table",{"aria-label":h.toLocaleDateString(y,{month:"long",timeZone:"UTC",year:"numeric"}),className:D?.table,children:[e(c,{cssClasses:D,formatWeekDayOption:S,isSundayFirst:B}),e(n,{cssClasses:D,currentDate:h,"data-testid":`${z}-item-list`,disabledDates:u,hasRange:f,maxDate:b,minDate:k,selectedDate:Y,setSelectedDate:$,sundayFirst:B,onDayClick:g})]}),L&&e(r,{className:"kbt-calendar__table",component:"div",children:e(i,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-month`,locale:y,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onMonthClick:x})}),T&&e(r,{className:"kbt-calendar__table",component:"div",children:e(m,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-year`,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onYearClick:v})})]})]})};const D=a(d);export{D as CalendarStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Header}from"./header.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Calendar}from"./calendar.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Selector}from"./selector.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Card}from"./card.mjs";export{CardStandAlone}from"./cardStandAlone.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=({element:t})=>{const e=window.getComputedStyle(t);const n=parseFloat(e.getPropertyValue("padding-left")||"0");const s=parseFloat(e.getPropertyValue("padding-right")||"0");return n+s};const e=(t,e)=>{if(!t||!e)return 0;const n=t.offsetLeft;const s=e.offsetLeft;return Math.abs(s-n)};const n=({numElementsPerPage:t,numElementsToSlide:e})=>{if(!e)return t;return Math.max(1,Math.min(e,t))};const s=({elementsLength:t,numElementsPerPage:e,numElementsToSlide:s})=>{if(t<=e)return 1;const o=n({numElementsPerPage:e,numElementsToSlide:s});const
|
|
1
|
+
const t=({element:t})=>{const e=window.getComputedStyle(t);const n=parseFloat(e.getPropertyValue("padding-left")||"0");const s=parseFloat(e.getPropertyValue("padding-right")||"0");return n+s};const e=(t,e)=>{if(!t||!e)return 0;const n=t.offsetLeft;const s=e.offsetLeft;return Math.abs(s-n)};const n=({numElementsPerPage:t,numElementsToSlide:e})=>{if(!e)return t;return Math.max(1,Math.min(e,t))};const s=({elementsLength:t,numElementsPerPage:e,numElementsToSlide:s})=>{if(t<=e)return 1;const o=n({numElementsPerPage:e,numElementsToSlide:s});const c=Math.ceil((t-e+o)/o);return c};const o=({currentPage:t,elementsLength:e,isCircular:o,numElementsPerPage:c,numElementsToSlide:l})=>{if(e<=c)return{firstIndexInView:0,lastIndexInView:e-1};const i=n({numElementsPerPage:c,numElementsToSlide:l});const r=s({elementsLength:e,numElementsPerPage:c,numElementsToSlide:i});let a=t*i+c-1;const f=o&&e>c;let d=0;if(f){d=c+1;a+=d}if(t===r)a=d+e+c-1;else if(t<0)a=d-1;else if(a-d>e-1)a=d+e-1;const m=a-c+1;return{firstIndexInView:m,lastIndexInView:a}};const c=({contentContainer:e,elementsLength:n,extraPadding:s,rootContainer:o,viewerContainer:c})=>{const l=e.firstElementChild;if(!l)return;let i=o.offsetWidth;i-=2*s;const r=t({element:c});i-=r;let a=0;const f=l.offsetLeft;for(let t=0;t<e.children.length;t++){const n=e.children[t];if(f+n.offsetLeft+n.offsetWidth>i)break;a++}return Math.max(Math.min(n,a),1)};const l=({centerMode:t,contentContainer:e})=>{let n=0;if(e.childNodes.length<2)return n;const s=e.childNodes[0];const o=e.childNodes[1];if(t&&s.style&&o.style){s.style.transition="none";o.style.transition="none";s.style.transform="scale(1)";o.style.transform="scale(1)"}const c=s?.getBoundingClientRect()?.right;const l=o?.getBoundingClientRect()?.left;if(t&&s.style&&o.style){s.style.removeProperty("transform");o.style.removeProperty("transform");s.offsetHeight;o.offsetHeight;s.style.removeProperty("transition");o.style.removeProperty("transition")}if(void 0!==c&&void 0!==l)n=Math.abs(c-l);return n};const i=({centerMode:e,contentContainer:n,extraPadding:s,numElementsPerPage:o,viewerContainer:c})=>{const i=l({centerMode:e,contentContainer:n});const r=(o-1)*i;const a=t({element:c});const f=(c.getBoundingClientRect().width-r-2*s-a)/o;return f};const r=({contentContainer:n,extraPadding:s,firstIndexInView:o,lastIndexInView:c,viewerContainer:l})=>{const i=n.children[o];const r=n.children[c];const a=e(i,r);const f=t({element:l});const d=a+r.offsetWidth+2*s+f;return`${d}px`};const a=({centerExtremesWhenExtraPadding:t,circular:n,contentContainer:s,currentPage:o,extraPadding:c,firstIndexInView:l,numPages:i})=>{let r=e(s.firstChild,s.children[l]);if(c){if(t)r-=c;else if(n||0!==o&&o!==i-1)r-=c;else if(!n&&o===i-1)r-=2*c}return`${-r}px`};const f={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:a,calcFirstAndLastIndexInCarouselView:o,calcGapBetweenContentContainerElements:l,calcNumElementsPerPage:c,calcNumPages:s,calcSliceWidth:i,calcViewerWidth:r,calcXDistanceBetween2Elements:e};export default f;export{n as calcAdjustedNumElementsToSlide,a as calcContentContainerLeftPosition,o as calcFirstAndLastIndexInCarouselView,l as calcGapBetweenContentContainerElements,t as calcHorizontalElementPadding,c as calcNumElementsPerPage,s as calcNumPages,i as calcSliceWidth,r as calcViewerWidth,e as calcXDistanceBetween2Elements};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const _="left";const D=20;const E=0;const O={PROPERTY_TO_HANDLE_TRANSITION_END:_,THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:D,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:E};export default O;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"./calc.utils.mjs";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:
|
|
1
|
+
import e from"./calc.utils.mjs";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:r})=>{const s=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:r});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];if(t instanceof HTMLElement)t.style.width=`${s}px`}};const n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)if(i<t||i>n)e.children[i].setAttribute("inert","");else e.children[i].removeAttribute("inert")};const i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:r})=>{const s=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:r});r.style.width=s};const l=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!==0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}};const r=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")};const s=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++){if(t.firstElementChild)t.removeChild(t.firstElementChild);if(t.lastElementChild)t.removeChild(t.lastElementChild)}}if(e&&n>i){const e=[];const n=[];const l=t.children.length;const r=i+1;for(let i=0;i<r;i++){const r=t.children[i];if(r)e.push(r.cloneNode(true));const s=t.children[l-1-i];if(s)n.push(s.cloneNode(true))}e.forEach(e=>t.appendChild(e));n.forEach(e=>t.insertBefore(e,t.firstChild))}};const o={center:"center",left:"flex-start",right:"flex-end"};const c=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{if(e)t.style.justifyContent=o[n];else i.style.justifyContent=o[n]};const d=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:l,numElementsPerPage:r,numPages:s})=>{const o=n===s;const c=-1===n;if(o||c){const n=o?r+1:i+1;let c=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);c-=l;t.style.left=`${-c}px`;return{newPage:o?0:s-1}}return{newPage:n}};const h={alignOnePageCarousel:c,applyCenterMode:l,deleteCenterMode:r,manageCircularClones:s,udpateCarouselPositionOnEdge:d,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export default h;export{c as alignOnePageCarousel,l as applyCenterMode,r as deleteCenterMode,s as manageCircularClones,d as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Carousel}from"./carousel.mjs";export{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY}from"./types/carousel.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY}from"./carousel.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export*from"./types/index.mjs";export{CheckboxControlled}from"./checkboxControlled.mjs";export{CheckboxUnControlled as Checkbox}from"./checkboxUnControlled.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{getCheckboxState as o}from"../checkbox/utils/state.utils.mjs";import{CheckboxBaseStandAlone as t}from"./checkboxBaseStandAlone.mjs";const r=s(({additionalClasses:s,error:r=false,required:m=false,variant:c,...i},l)=>{const d=a({additionalClassNames:s,component:"CHECKBOX_BASE",variant:c});const n=o(i.checked,i.disabled,r).toLocaleLowerCase();return e(t,{ref:l,cssClasses:d
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{getCheckboxState as o}from"../checkbox/utils/state.utils.mjs";import{CheckboxBaseStandAlone as t}from"./checkboxBaseStandAlone.mjs";const r=s(({additionalClasses:s,error:r=false,required:m=false,variant:c,...i},l)=>{const d=a({additionalClassNames:s,component:"CHECKBOX_BASE",variant:c});const n=o(i.checked,i.disabled,r).toLocaleLowerCase();return e(t,{ref:l,required:true,cssClasses:d,...i,"aria-invalid":r,"data-state":n,"data-testid":"checkboxBase"})});export{r as CheckboxBaseControlled};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as o}from"../../lib/utils/process/processCommonProp.mjs";const c=a(({checkedIcon:a,cssClasses:c,inputRef:r,...n},m)=>{const i=n["data-testid"]??"checkbox-base";return e("div",{ref:m,className:c?.checkbox_base,"data-testid":i,children:[t("input",{ref:r,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),t("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:t(s,{className:c?.icon,
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as o}from"../../lib/utils/process/processCommonProp.mjs";const c=a(({checkedIcon:a,cssClasses:c,inputRef:r,...n},m)=>{const i=n["data-testid"]??"checkbox-base";return e("div",{ref:m,className:c?.checkbox_base,"data-testid":i,children:[t("input",{ref:r,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),t("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:t(s,{complex:true,className:c?.icon,"data-state":n["data-state"],...o(a)})})]})});export{c as CheckboxBaseStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export*from"./types/index.mjs";export{CheckboxBaseControlled}from"./checkboxBaseControlled.mjs";export{CheckboxBaseUnControlled as CheckboxBase}from"./checkboxBaseUncontrolled.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Chip}from"./chip.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{TableCell as i}from"../../tableCell/tableCell.mjs";import{TableHead as e}from"../../tableHead/tableHead.mjs";import{TableRow as l}from"../../tableRow/tableRow.mjs";import{applyFlexToCell as o}from"../utils/cellConfig.mjs";import{applyGridToRow as n}from"../utils/rowConfig.mjs";const d=({columns:d,cssClasses:a,hidden:s,sticky:c,tableHeadConfig:m,tableHeadRowConfig:r,usingRowGroups:h})=>{const f=h?n({columns:d,rowConfig:r}):r;return t(e,{additionalClasses:a?.table_head,component:h?"div":void 0,hidden:s,sticky:c,...m,children:t(l,{additionalClasses:a?.table_head_row,component:h?"div":void 0,hoverable:false,...f,children:d?.map(e=>{const l=e.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=h?o({cellConfig:l.complex}):l.complex;return t(i,{additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{TableCell as i}from"../../tableCell/tableCell.mjs";import{TableHead as e}from"../../tableHead/tableHead.mjs";import{TableRow as l}from"../../tableRow/tableRow.mjs";import{applyFlexToCell as o}from"../utils/cellConfig.mjs";import{applyGridToRow as n}from"../utils/rowConfig.mjs";const d=({columns:d,cssClasses:a,hidden:s,sticky:c,tableHeadConfig:m,tableHeadRowConfig:r,usingRowGroups:h})=>{const f=h?n({columns:d,rowConfig:r}):r;return t(e,{additionalClasses:a?.table_head,component:h?"div":void 0,hidden:s,sticky:c,...m,children:t(l,{additionalClasses:a?.table_head_row,component:h?"div":void 0,hoverable:false,...f,children:d?.map(e=>{const l=e.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=h?o({cellConfig:l.complex}):l.complex;return t(i,{th:true,additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:n?.content},e.field)}const n=h?o({cellConfig:void 0}):void 0;return t(i,{th:true,additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:l},e.field)})})})};export{d as DataTableHead};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.mjs";import{TableHead as o}from"../../tableHead/tableHead.mjs";import{TableRow as a}from"../../tableRow/tableRow.mjs";const l=({columns:l,cssClasses:r})=>e(o,{additionalClasses:r?.row_group_table_head,
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.mjs";import{TableHead as o}from"../../tableHead/tableHead.mjs";import{TableRow as a}from"../../tableRow/tableRow.mjs";const l=({columns:l,cssClasses:r})=>e(o,{hidden:true,additionalClasses:r?.row_group_table_head,children:e(a,{additionalClasses:r?.row_group_table_head_row,children:l?.map(o=>{let a=o.headerHiddenContent;if(!a){const e=o.headerContent;a=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}return e(t,{th:true,additionalClasses:r?.row_group_table_head_cell,scope:"col",children:a},o.field)})})});export{l as HiddenDataTableHead};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Fragment as e,forwardRef as o}from"react";import{TableBody as i}from"../tableBody/tableBody.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{Table as s}from"../table/table.mjs";import{TableCaption as r}from"../tableCaption/tableCaption.mjs";import{TableDivider as d}from"../tableDivider/tableDivider.mjs";import{DataTableHead as n}from"./components/dataTableHead.mjs";import{DataTableRows as c}from"./components/dataTableRows.mjs";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.mjs";import{applyPositionToWrapper as m,applyZIndexToWrapper as p}from"./utils/tableConfig.mjs";const u=o(({activeRows:o,caption:u,columns:f,config:h,cssClasses:v,hasScroll:w,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:S,...k},H)=>{const D=y&&y.length>0;const x=l(k);return t("div",{ref:H,className:v?.data_table,"data-testid":"data-table",...x,children:[t("div",{"aria-label":w?k["aria-label"]:void 0,"aria-labelledby":w?k["aria-labelledby"]:void 0,className:v?.scrollablecontainer,
|
|
1
|
+
import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Fragment as e,forwardRef as o}from"react";import{TableBody as i}from"../tableBody/tableBody.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{Table as s}from"../table/table.mjs";import{TableCaption as r}from"../tableCaption/tableCaption.mjs";import{TableDivider as d}from"../tableDivider/tableDivider.mjs";import{DataTableHead as n}from"./components/dataTableHead.mjs";import{DataTableRows as c}from"./components/dataTableRows.mjs";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.mjs";import{applyPositionToWrapper as m,applyZIndexToWrapper as p}from"./utils/tableConfig.mjs";const u=o(({activeRows:o,caption:u,columns:f,config:h,cssClasses:v,hasScroll:w,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:S,...k},H)=>{const D=y&&y.length>0;const x=l(k);return t("div",{ref:H,className:v?.data_table,"data-testid":"data-table",...x,children:[t("div",{"data-datatable-scrollable-container":true,"aria-label":w?k["aria-label"]:void 0,"aria-labelledby":w?k["aria-labelledby"]:void 0,className:v?.scrollablecontainer,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[t(s,{disableShadowEffects:true,hasScrollDisabled:true,additionalClasses:v?.table,"aria-hidden":D?true:void 0,autoLeftStickyCalc:false,autoRightStickyCalc:false,component:D?"div":void 0,sticky:j,...p({tableConfig:h?.table,zIndex:1}),children:[!!u?.content&&a(r,{additionalClasses:v?.table_caption,component:D?"div":void 0,...u,children:u?.content}),a(n,{columns:f,cssClasses:v,sticky:j,tableHeadConfig:h?.tableHead,tableHeadRowConfig:h?.tableHeadRow,usingRowGroups:D}),!D&&_&&_.length>0&&a(i,{additionalClasses:v?.table_body,...h?.tableBody,children:a(c,{activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:_,usingRowGroups:D})})]}),y?.map((l,n)=>t(e,{children:[!!l.divider&&a(d,{variant:"DEFAULT",...l.divider,children:l.divider?.content}),t(s,{disableShadowEffects:true,hasScrollDisabled:true,additionalClasses:v?.row_group_table,autoLeftStickyCalc:false,autoRightStickyCalc:false,...m({position:"static",tableConfig:l.config?.table}),children:[!!l.caption?.content&&a(r,{additionalClasses:v?.row_group_table_caption,...l.caption,children:l.caption?.content}),a(b,{columns:f,cssClasses:v}),a(i,{additionalClasses:v?.row_group_table_body,...l.config?.tableBody,children:a(c,{isRowGroup:true,activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:l.rows,usingRowGroups:D})})]})]},`${l.caption?.["data-testid"]}-${n.toString()}`))]}),a("div",{"data-datatable-left-shadow":true,className:v?.leftboxshadowcontainer}),a("div",{"data-datatable-right-shadow":true,className:v?.rightboxshadowcontainer})]})});export{u as DataTableStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{DataTable}from"./dataTable.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Dot}from"./dot.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{IconBasic}from"./icon.mjs";export{Icon}from"./iconHost.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Image}from"./image.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Input}from"./input.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{InputBase}from"./inputBase.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{InputDecoration}from"./inputDecoration.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{useDraw}from"./useDraw.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{InputSignatureControlled}from"./inputSignatureControlled.mjs";export{InputSignature}from"./inputSignatureUncontrolled.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{getInputSignatureState}from"./getInputSignatureState.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Label}from"./labelStandAlone.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useId as o}from"react";import{Text as r}from"../text/text.mjs";const l=a(({asteriskColor:a,asteriskCssClasses:l,asteriskWeight:n,children:s,color:i,cursor:d,customAttributes:c,id:m,inputId:p,required:b,requiredSymbol:u,textCssClasses:h,weight:x,...f},g)=>{const A=o();const L=`label-${A.replace(/:/g,"")}`;const j=m??L;const w=f["data-testid"]||"label";return e(r,{ref:g,additionalClasses:{text:h},color:i,component:"label",cursor:d,customAttributes:c,"data-testid":w,htmlFor:p,id:j,weight:x,children:[s,b&&t(r,{additionalClasses:{text:l},
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useId as o}from"react";import{Text as r}from"../text/text.mjs";const l=a(({asteriskColor:a,asteriskCssClasses:l,asteriskWeight:n,children:s,color:i,cursor:d,customAttributes:c,id:m,inputId:p,required:b,requiredSymbol:u,textCssClasses:h,weight:x,...f},g)=>{const A=o();const L=`label-${A.replace(/:/g,"")}`;const j=m??L;const w=f["data-testid"]||"label";return e(r,{ref:g,additionalClasses:{text:h},color:i,component:"label",cursor:d,customAttributes:c,"data-testid":w,htmlFor:p,id:j,weight:x,children:[s,b&&t(r,{"aria-hidden":true,additionalClasses:{text:l},color:a,component:"span","data-testid":`${w}Required`,weight:n,children:u})]})});export{l as Label,l as LabelStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Link}from"./link.mjs";export{LinkAsButton}from"./linkAsButton/linkAsButton.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{ListOptions}from"./listOptions.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{ModalHeader}from"./modalHeader.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as n}from"../../text/text.mjs";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{processIconProp as a,processTextProp as r}from"../../../lib/utils/process/processCommonProp.mjs";import{Button as s}from"../../button/button.mjs";const c=({blocked:c,closeButton:l,closeIcon:m,cssClasses:d,dragIcon:h,title:p,titleIdFinal:v})=>{const{isMobileOrTablet:b}=o();return t("div",{
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as n}from"../../text/text.mjs";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{processIconProp as a,processTextProp as r}from"../../../lib/utils/process/processCommonProp.mjs";import{Button as s}from"../../button/button.mjs";const c=({blocked:c,closeButton:l,closeIcon:m,cssClasses:d,dragIcon:h,title:p,titleIdFinal:v})=>{const{isMobileOrTablet:b}=o();return t("div",{"data-modal-header":true,className:d?.headercontainer,children:[b&&!c&&!!h&&e("div",{"data-modal-draggable-icon":true,className:d?.dragiconcontainer,children:e(i,{className:d?.dragicon,...a(h)})}),t("div",{className:d?.headercontentcontainer,children:[!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e(i,{className:d?.closebuttonicon,...a(m)})}),!c&&!!l?.content&&!!l?.variant&&e(s,{...l,variant:l?.variant,children:l?.content}),(p?.visible===void 0||p.visible)&&e("div",{className:d?.titlecontainer,children:e(n,{additionalClasses:{text:d?.title},component:"h1",id:v,...r(p)})}),p?.visible===false&&e("span",{className:d?.titlehiddencontainer,id:v,children:r(p).children}),!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e("span",{className:d?.closebuttonicon})})]})]})};export{c as ModalHeader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{ModalControlled}from"./modalControlled.mjs";export{Modal}from"./modalUnControlled.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as a,useId as l}from"react";import{Overlay as t}from"../../lib/components/overlay/overlay.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as s}from"../popover/popover.mjs";import{ModalHeader as r}from"./fragments/modalHeader.mjs";import{onlyDesktopSize as d}from"./utils/onlyDesktopSize.mjs";const m=a(({blocked:a,closeButton:m,closeIcon:n,content:c,contentContainer:p,contentHasScroll:b,contentScrollArias:f,cssClasses:v,customHeightAllDevices:y=false,customWidthAllDevices:g=false,device:h,dragIcon:u,footer:j,id:x,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:k,minWidth:N,onKeyDown:$,onPopoverCloseInternally:F,open:S,popover:W,title:z,...A},B)=>{const D=l();const E=`modal-${D.replace(/:/g,"")}`;const M=x??E;const O=l();const P=`modal-title-${O.replace(/:/g,"")}`;const T=i(z).id??P;const q=A["data-testid"]||"modal";return e(s,{"aria-labelledby":T,"aria-modal":S,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:false,id:M,open:S,overlay:e(t,{}),role:"dialog",strategy:"fixed",onClose:F,...W,children:o("div",{ref:B,className:v?.modal,"data-testid":q,style:{maxHeight:C,maxWidth:H,minHeight:y?k:d(h,k),minWidth:g?N:d(h,N)},children:[e(r,{blocked:a,closeButton:m,closeIcon:n,cssClasses:v,device:h,dragIcon:u,title:z,titleIdFinal:T}),e("div",{"aria-label":b?f?.["aria-label"]:void 0,"aria-labelledby":b?f?.["aria-labelledby"]:void 0,className:v?.content,"data-
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as a,useId as l}from"react";import{Overlay as t}from"../../lib/components/overlay/overlay.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as s}from"../popover/popover.mjs";import{ModalHeader as r}from"./fragments/modalHeader.mjs";import{onlyDesktopSize as d}from"./utils/onlyDesktopSize.mjs";const m=a(({blocked:a,closeButton:m,closeIcon:n,content:c,contentContainer:p,contentHasScroll:b,contentScrollArias:f,cssClasses:v,customHeightAllDevices:y=false,customWidthAllDevices:g=false,device:h,dragIcon:u,footer:j,id:x,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:k,minWidth:N,onKeyDown:$,onPopoverCloseInternally:F,open:S,popover:W,title:z,...A},B)=>{const D=l();const E=`modal-${D.replace(/:/g,"")}`;const M=x??E;const O=l();const P=`modal-title-${O.replace(/:/g,"")}`;const T=i(z).id??P;const q=A["data-testid"]||"modal";return e(s,{"aria-labelledby":T,"aria-modal":S,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:false,id:M,open:S,overlay:e(t,{}),role:"dialog",strategy:"fixed",onClose:F,...W,children:o("div",{ref:B,className:v?.modal,"data-testid":q,style:{maxHeight:C,maxWidth:H,minHeight:y?k:d(h,k),minWidth:g?N:d(h,N)},children:[e(r,{blocked:a,closeButton:m,closeIcon:n,cssClasses:v,device:h,dragIcon:u,title:z,titleIdFinal:T}),e("div",{"data-modal-content":true,"aria-label":b?f?.["aria-label"]:void 0,"aria-labelledby":b?f?.["aria-labelledby"]:void 0,className:v?.content,"data-testid":`${q}-content`,role:b?"region":void 0,style:{minHeight:I},...b?{tabIndex:0}:{},...p,children:c}),!!j&&e("div",{className:v?.footer,children:j})]})})});export{m as ModalStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{onlyDesktopSize}from"./onlyDesktopSize.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Option}from"./option.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{PageControl}from"./pageControl.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{Pagination}from"./pagination.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export*from"./animations/spring.animations.mjs";export*from"./positioning/middlewares.mjs";export{Popover}from"./popover.mjs";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*!
|
|
1
|
+
/*! LICENSE: popover.mjs.LICENSE.txt */
|
|
2
2
|
import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{useTrapFocus as r}from"../../lib/hooks/useTrapFocus/useTrapFocus.mjs";import{usePopoverInteractions as a}from"./hooks/usePopoverInteractions.mjs";import{usePopoverLifecycle as t}from"./hooks/usePopoverLifecycle.mjs";import{usePopoverPositioning as m}from"./hooks/usePopoverPositioning.mjs";import{PopoverStandAlone as i}from"./popoverStandAlone.mjs";const l=({additionalClasses:s,anchorElement:l,animationExitDuration:n=200,disableAnimations:p=false,disableAutoFocusFirstDescendant:f=false,disableAutoFocusFirstDescendantAfterClose:c=true,disableClickOverlayClose:u=false,disableEscapeClose:d=false,disableRestoreFocusAfterClose:j=false,disableScrollBackground:P=false,disableTrapFocus:b=false,middlewareOptions:h,middlewares:v,onClose:C,open:k=false,popoverContainerRef:y,preventCloseOnClickElements:g=[],preventScrollOnCloseFocus:w=false,strategy:A="absolute",...F},N)=>{const O=p||!!l;const S=e({additionalClassNames:s,component:"POPOVER"});const{handleInnerRef:x,isClosing:E,isVisible:R,popoverRef:T}=t({animationExitDuration:n,disableAnimations:O,disableAutoFocusFirstDescendant:f,disableAutoFocusFirstDescendantAfterClose:c,disableRestoreFocusAfterClose:j,disableScrollBackground:P,open:k,popoverContainerRef:y,preventScrollOnCloseFocus:w});r({ref:T,trapFocus:!b&&R});a({disableClickOverlayClose:u,disableEscapeClose:d,isVisible:R,onClose:C,popoverRef:T,preventCloseOnClickElements:g});m({anchorElement:l,arrowStyles:F.arrowStyles,isVisible:R,middlewareOptions:h,middlewares:v,placement:F.placement,ref:T,strategy:A});return o(i,{ref:N,...F,anchorElement:!!l,cssClasses:S,disableAnimations:O,isClosing:E,isVisible:R,middlewareOptions:h,popoverContainerRef:x,strategy:A})};const n=s(l);export{n as Popover};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export{arrow as popoverMWArrow,autoPlacement as popoverMWAutoPlacement,flip as popoverMWFlip,hide as popoverMWHide,offset as popoverMWOffset,shift as popoverMWShift,size as popoverMWSize}from"@floating-ui/dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animationsDemo.css";import{useEffect as n,useState as a}from"react";import{Button as o}from"../../../button/button.mjs";import{Overlay as s}from"../../../../lib/components/overlay/overlay.mjs";import{createSpringAnimation as r}from"../../animations/spring.animations.mjs";import{Popover as m}from"../../popover.mjs";const d={background:"white",borderRadius:"4px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1)",padding:"1rem"};const l={extra:{...d,maxWidth:"350px",minWidth:"250px"},modal:{...d,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...d,minWidth:"200px"},wide:{...d,maxWidth:"350px",minWidth:"200px"}};const c=[{content:{description:"Slides from bottom to top (down → up animation). Automatically positioned above the trigger.",title:"
|
|
1
|
+
import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animationsDemo.css";import{useEffect as n,useState as a}from"react";import{Button as o}from"../../../button/button.mjs";import{Overlay as s}from"../../../../lib/components/overlay/overlay.mjs";import{createSpringAnimation as r}from"../../animations/spring.animations.mjs";import{Popover as m}from"../../popover.mjs";const d={background:"white",borderRadius:"4px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1)",padding:"1rem"};const l={extra:{...d,maxWidth:"350px",minWidth:"250px"},modal:{...d,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...d,minWidth:"200px"},wide:{...d,maxWidth:"350px",minWidth:"200px"}};const c=[{content:{description:"Slides from bottom to top (down → up animation). Automatically positioned above the trigger.",title:"🎯 Top Animation"},id:"default-top",placement:"top",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"🎯 Top Start Animation"},id:"default-top-start",placement:"top-start",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"🎯 Top End Animation"},id:"default-top-end",placement:"top-end",styleType:"standard"},{content:{description:"Slides from top to bottom (up → down animation). Automatically positioned below the trigger.",title:"🎯 Bottom Animation"},id:"default-bottom",placement:"bottom",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"🎯 Bottom Start Animation"},id:"default-bottom-start",placement:"bottom-start",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"🎯 Bottom End Animation"},id:"default-bottom-end",placement:"bottom-end",styleType:"standard"},{content:{description:"Slides from right to left (right → left animation). Positioned to the left of the trigger.",title:"🎯 Left Animation"},id:"default-left",placement:"left",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"🎯 Left Start Animation"},id:"default-left-start",placement:"left-start",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"🎯 Left End Animation"},id:"default-left-end",placement:"left-end",styleType:"wide"},{content:{description:"Slides from left to right (left → right animation). Positioned to the right of the trigger.",title:"🎯 Right Animation"},id:"default-right",placement:"right",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"🎯 Right Start Animation"},id:"default-right-start",placement:"right-start",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"🎯 Right End Animation"},id:"default-right-end",placement:"right-end",styleType:"wide"},{content:{description:"Fade animation for centered modal behavior. Perfect for dialogs and important content.",title:"🎯 Center Animation (Modal Style)"},id:"default-center",placement:void 0,styleType:"modal"}];const p=[{additionalClasses:{container:"spring-bouncy-animation"},content:{description:"Low damping creates multiple oscillations for a playful, bouncy effect. Perfect for fun interactions and attention-grabbing animations.",params:"stiffness: 150, damping: 8",title:"🎾 Bouncy Spring Physics"},id:"spring-bouncy"},{additionalClasses:{container:"spring-smooth-animation"},content:{description:"Balanced damping provides natural movement with minimal overshoot. Ideal for professional interfaces and subtle interactions.",params:"stiffness: 300, damping: 25",title:"🌊 Smooth Spring Physics"},id:"spring-smooth",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-quick-animation"},content:{description:"High stiffness with lower mass creates snappy, responsive animations. Perfect for buttons and quick feedback interactions.",params:"stiffness: 500, mass: 0.8",title:"⚡ Quick Spring Physics"},id:"spring-quick",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-overdamped-animation"},content:{description:"High damping prevents oscillation, creating smooth, gradual movement. Great for elegant, calm interfaces and accessibility-friendly animations.",params:"damping: 40, mass: 1.2",title:"🐌 Overdamped Spring Physics"},id:"spring-overdamped",middlewareOptions:void 0,styleType:"extra"}];const g=({content:n})=>i(t,{children:[e("strong",{children:n.title}),e("p",{children:n.description}),n.params&&e("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:e("code",{children:n.params})})]});const h=({id:t,label:i,onClick:n})=>e(o,{size:"MEDIUM",variant:"PRIMARY",onClick:e=>n(e,t),children:i});const f=()=>{const[t,o]=a(null);const d=(t,e)=>{o(e)};const f=()=>{o(null)};n(()=>{const t=[{className:"spring-bouncy-animation",config:{damping:8,duration:"1200ms",initialDisplacement:35,keyframeCount:24,mass:1,stiffness:150}},{className:"spring-smooth-animation",config:{damping:25,duration:"800ms",initialDisplacement:30,keyframeCount:20,mass:1,stiffness:300}},{className:"spring-quick-animation",config:{damping:20,duration:"600ms",initialDisplacement:25,keyframeCount:16,mass:.8,stiffness:500}},{className:"spring-overdamped-animation",config:{damping:40,duration:"1000ms",initialDisplacement:40,keyframeCount:20,mass:1.2,stiffness:200}}];t.forEach(({className:t,config:e})=>{const i=r("down",{...e,placement:"bottom"});const n=document.getElementById(`spring-style-${t}`);if(n)n.remove();const a=`${t}-keyframes`;const o=`
|
|
2
2
|
@keyframes ${a} {
|
|
3
3
|
${i.keyframesCSS}
|
|
4
4
|
}
|
|
@@ -10,7 +10,7 @@ import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animati
|
|
|
10
10
|
.${t}[data-kbt-closing="true"] {
|
|
11
11
|
animation: ${a} ${i.duration} ease-in reverse !important;
|
|
12
12
|
}
|
|
13
|
-
`;const s=document.createElement("style");s.id=`spring-style-${t}`;s.textContent=o;document.head.appendChild(s)});return()=>{t.forEach(({className:t})=>{const e=document.getElementById(`spring-style-${t}`);if(e)e.remove()})}},[]);return i("div",{className:"demo-container",children:[i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"
|
|
13
|
+
`;const s=document.createElement("style");s.id=`spring-style-${t}`;s.textContent=o;document.head.appendChild(s)});return()=>{t.forEach(({className:t})=>{const e=document.getElementById(`spring-style-${t}`);if(e)e.remove()})}},[]);return i("div",{className:"demo-container",children:[i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"🎯 Built-in CSS Animations"}),e("p",{className:"demo-section-description",children:"Popover uses pure CSS animations that automatically adapt to placement. The animations are optimized for performance and work consistently across all placements."}),e("pre",{className:"demo-code-block",children:`// No animation configuration needed - Popover handles everything
|
|
14
14
|
<Popover
|
|
15
15
|
placement="bottom" // Animation direction determined automatically
|
|
16
16
|
open={isOpen}
|
|
@@ -18,7 +18,7 @@ import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animati
|
|
|
18
18
|
>
|
|
19
19
|
Content here
|
|
20
20
|
</Popover>
|
|
21
|
-
`}),e("div",{className:"demo-button-grid",children:c.map(t=>{const i=t.content.title.replace("
|
|
21
|
+
`}),e("div",{className:"demo-button-grid",children:c.map(t=>{const i=t.content.title.replace("🎯 ","").replace(" Animation","");return e(h,{id:t.id,label:i,onClick:d},t.id)})})]}),i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"🌀 Spring Physics Custom Animations"}),e("p",{className:"demo-section-description",children:"Advanced physics-based animations using spring-damper calculations. These produce natural, realistic movements with customizable physics parameters. Applied using additionalClasses to inject custom CSS animations."}),e("pre",{className:"demo-code-block",children:`// Spring physics animations with realistic movement
|
|
22
22
|
import { createSpringAnimation } from '@/components/popover/animations/spring.animations';
|
|
23
23
|
|
|
24
24
|
// Create spring animation
|