@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.20
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/README.md +17 -28
- package/dist/cjs/_virtual/jsx-runtime.js +1 -1
- package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
- package/dist/cjs/components/alert/alertControlled.js +1 -0
- package/dist/cjs/components/alert/alertStandAlone.js +1 -0
- package/dist/cjs/components/alert/index.js +2 -0
- 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/button.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/calendar/list/list.js +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +1 -1
- package/dist/cjs/components/cardImage/cardImageStandAlone.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js +1 -1
- package/dist/cjs/components/carousel/hooks/utils/calc.utils.js +1 -1
- package/dist/cjs/components/carousel/hooks/utils/dom.utils.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/container/containerStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/cjs/components/image/image.css +1 -38
- package/dist/cjs/components/input/input.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/inputBase/inputBase.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/modal/fragments/modalHeader.js +1 -1
- package/dist/cjs/components/modal/modalControlled.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/modal/modalUnControlled.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/popover/hooks/positioning/middlewareUtils.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverInteractions.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverPositioning.js +1 -1
- package/dist/cjs/components/popover/popover.js +1 -1
- package/dist/cjs/components/popover/styles/index.css +1 -10
- package/dist/cjs/components/popover/styles/keyframes.css +1 -421
- package/dist/cjs/components/popover/styles/popover-arrow.css +1 -42
- package/dist/cjs/components/popover/styles/popover.css +1 -189
- package/dist/cjs/components/progressBar/progressBarStandAlone.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/selectorBoxFile.js +1 -1
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
- package/dist/cjs/components/skeleton/skeleton.css +1 -20
- package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.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/table/hooks/useTableHasScroll.js +1 -1
- package/dist/cjs/components/table/hooks/useTableShadow.js +1 -1
- package/dist/cjs/components/table/hooks/useTableStickyLeftColumns.js +1 -1
- package/dist/cjs/components/table/hooks/useTableStickyRightColumns.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/text/text.css +1 -14
- package/dist/cjs/components/text/textStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/helpMessageStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/titleStandAlone.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/hooks/useTooltip.js +1 -1
- package/dist/cjs/components/tooltip/tooltip.css +1 -69
- package/dist/cjs/components/tooltip/tooltipControlled.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/lib/components/customComponent/customComponent.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/cjs/lib/designSystem/kubit/css/kubit.css +1 -0
- package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -0
- package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js +1 -1
- package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
- package/dist/cjs/lib/hooks/useManageState/useManageState.js +1 -1
- package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
- package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
- package/dist/cjs/lib/provider/cssProvider/provider.js +1 -1
- package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1641
- package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js +1 -1
- package/dist/cjs/lib/storybook/components/divider/divider.css +1 -0
- package/dist/cjs/lib/storybook/components/note/styles.css +1 -0
- package/dist/cjs/lib/utils/keyboard/keyboard.js +1 -1
- package/dist/cjs/lib/utils/process/processCommonProp.js +1 -0
- package/dist/cjs/react-components.css +1 -1
- package/dist/esm/_virtual/jsx-runtime.js +1 -1
- package/dist/esm/components/accordion/accordionStandAlone.js +4 -4
- package/dist/esm/components/alert/alertControlled.js +2 -0
- package/dist/esm/components/alert/alertStandAlone.js +2 -0
- package/dist/esm/components/alert/index.js +1 -0
- package/dist/esm/components/avatar/fragments/drawContent.js +1 -4
- package/dist/esm/components/badge/badgeStandAlone.js +7 -9
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -6
- package/dist/esm/components/button/button.js +1 -1
- package/dist/esm/components/button/buttonStandAlone.js +3 -5
- package/dist/esm/components/calendar/list/list.js +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/esm/components/calendar/selector/selector.js +7 -9
- package/dist/esm/components/cardImage/cardImageStandAlone.js +7 -7
- package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarouselSwipe.js +1 -1
- package/dist/esm/components/carousel/hooks/utils/calc.utils.js +1 -1
- package/dist/esm/components/carousel/hooks/utils/dom.utils.js +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -7
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +8 -9
- package/dist/esm/components/container/containerStandAlone.js +4 -4
- package/dist/esm/components/dataTable/dataTableStandAlone.js +10 -14
- package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableShadow.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -6
- package/dist/esm/components/image/image.css +1 -38
- package/dist/esm/components/input/input.js +2 -2
- package/dist/esm/components/input/inputStandAlone.js +3 -5
- package/dist/esm/components/inputBase/inputBase.js +2 -2
- package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -4
- package/dist/esm/components/label/labelStandAlone.js +2 -3
- package/dist/esm/components/link/linkStandAlone.js +3 -3
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -4
- package/dist/esm/components/modal/fragments/modalHeader.js +3 -9
- package/dist/esm/components/modal/modalControlled.js +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +4 -5
- package/dist/esm/components/modal/modalUnControlled.js +2 -2
- package/dist/esm/components/option/optionStandAlone.js +8 -11
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
- package/dist/esm/components/pageControl/components/controls.js +2 -4
- package/dist/esm/components/pageControl/pageControlStandAlone.js +6 -8
- package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
- package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverInteractions.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverPositioning.js +1 -1
- package/dist/esm/components/popover/popover.js +1 -1
- package/dist/esm/components/popover/styles/index.css +1 -10
- package/dist/esm/components/popover/styles/keyframes.css +1 -421
- package/dist/esm/components/popover/styles/popover-arrow.css +1 -42
- package/dist/esm/components/popover/styles/popover.css +1 -189
- package/dist/esm/components/progressBar/progressBarStandAlone.js +4 -4
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -8
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +3 -7
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +8 -13
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.js +2 -2
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +4 -8
- package/dist/esm/components/skeleton/skeleton.css +1 -20
- package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +1 -3
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js +2 -2
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +17 -19
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
- package/dist/esm/components/table/hooks/useTableHasScroll.js +1 -1
- package/dist/esm/components/table/hooks/useTableShadow.js +1 -1
- package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js +1 -1
- package/dist/esm/components/table/hooks/useTableStickyRightColumns.js +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +5 -6
- package/dist/esm/components/tag/tagStandAlone.js +4 -4
- package/dist/esm/components/text/text.css +1 -14
- package/dist/esm/components/text/textStandAlone.js +1 -1
- package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
- package/dist/esm/components/textArea/components/helpMessageStandAlone.js +1 -1
- package/dist/esm/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/esm/components/textArea/textAreaStandAlone.js +10 -11
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/tooltip/hooks/useTooltip.js +1 -1
- package/dist/esm/components/tooltip/tooltip.css +1 -69
- package/dist/esm/components/tooltip/tooltipControlled.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +8 -10
- package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/customComponent/customComponent.js +2 -2
- package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +4 -4
- 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/esm/lib/designSystem/kubit/css/kubit.css +1 -0
- package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -0
- package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js +1 -1
- package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
- package/dist/esm/lib/hooks/useManageState/useManageState.js +1 -1
- package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
- package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
- package/dist/esm/lib/provider/cssProvider/provider.js +1 -1
- package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1641
- package/dist/esm/lib/provider/stylesProvider/stylesProvider.js +2 -2
- package/dist/esm/lib/storybook/components/divider/divider.css +1 -0
- package/dist/esm/lib/storybook/components/note/styles.css +1 -0
- package/dist/esm/lib/utils/keyboard/keyboard.js +1 -1
- package/dist/esm/lib/utils/process/processCommonProp.js +1 -0
- package/dist/esm/react-components.css +1 -1
- package/dist/styles/kubit/css/kubit.css +10 -57
- package/dist/styles/kubit/css/kubit.min.css +1 -1
- package/dist/types/index.d.ts +1038 -292
- package/package.json +70 -46
- 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/message/index.js +0 -4
- package/dist/cjs/components/message/messageControlled.js +0 -1
- package/dist/cjs/components/message/messageStandAlone.js +0 -1
- package/dist/cjs/components/message/messageUnControlled.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/cjs/components/renderIf/renderIf.js +0 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +0 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +0 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +0 -1
- package/dist/cjs/components/table/__stories__/css/table.css +0 -7
- package/dist/cjs/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
- package/dist/cjs/lib/hooks/useId/useId.js +0 -1
- package/dist/cjs/lib/hooks/useInputFocus/useInputFocus.js +0 -1
- package/dist/cjs/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
- package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
- package/dist/cjs/lib/utils/is/isReactNode.js +0 -1
- package/dist/cjs/lib/utils/is/isString.js +0 -1
- package/dist/cjs/lib/utils/process/processIcon/processIcon.js +0 -1
- package/dist/cjs/lib/utils/process/processText/processText.js +0 -1
- package/dist/cjs/lib/utils/resizeObserver/resizeObserver.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/message/index.js +0 -2
- package/dist/esm/components/message/messageControlled.js +0 -2
- package/dist/esm/components/message/messageStandAlone.js +0 -10
- package/dist/esm/components/message/messageUnControlled.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/esm/components/renderIf/renderIf.js +0 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +0 -3
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +0 -9
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +0 -1
- package/dist/esm/components/table/__stories__/css/table.css +0 -7
- package/dist/esm/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
- package/dist/esm/lib/hooks/useId/useId.js +0 -1
- package/dist/esm/lib/hooks/useInputFocus/useInputFocus.js +0 -1
- package/dist/esm/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
- package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
- package/dist/esm/lib/utils/is/isReactNode.js +0 -1
- package/dist/esm/lib/utils/is/isString.js +0 -1
- package/dist/esm/lib/utils/process/processIcon/processIcon.js +0 -1
- package/dist/esm/lib/utils/process/processText/processText.js +0 -1
- package/dist/esm/lib/utils/resizeObserver/resizeObserver.js +0 -1
- /package/dist/cjs/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
- /package/dist/cjs/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
- /package/dist/esm/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
- /package/dist/esm/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({breakpoints:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({bernovaProvider:o,breakpoints:i=n,children:l,icons:a={},illustrations:d={},jsInCss:m=!0,linkId:c="kb-styled-provider",themeSelected:u})=>{const x=i,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(i),p=a,v=d,y=t.useMemo(()=>new(o||s.Provider)({jsInCss:m,linkId:c}),[]),[S,C]=t.useState(u||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:l})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.storybook-divider{background-color:#000;color:#fff;padding:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.note-container{border-left:4px solid;border-radius:6px;margin-bottom:16px;padding:12px}.note-heading{display:block;font-size:14px;margin-bottom:6px}.note-text{color:#333;font-size:13px;line-height:1.5;margin-top:8px}.note-theme-blue{background-color:#f1f8ff;border-left-color:#0366d6}.note-theme-blue .note-heading{color:#0366d6}.note-theme-lightBlue{background-color:#e6f6ff;border-left-color:#2188ff}.note-theme-lightBlue .note-heading{color:#0366d6}.note-theme-purple{background-color:#f5f0ff;border-left-color:#7b61ff}.note-theme-purple .note-heading{color:#7b61ff}.note-theme-orange{background-color:#fff8f0;border-left-color:#ff9940}.note-theme-orange .note-heading{color:#ff9940}.note-theme-green{background-color:#f0fff4;border-left-color:#22863a}.note-theme-green .note-heading{color:#22863a}.note-theme-red{background-color:#fff0f0;border-left-color:#d73a49}.note-theme-red .note-heading{color:#d73a49}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isKeyPressed=(e,...r)=>r.some(r=>Array.isArray(r)?r.includes(e):e===r);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=(t,r={})=>{const{allowReactElements:n=!0,extractContent:o=!0,maxLength:l,propertyName:c="children"}=r;if(null==t)return"children"===c?{children:null}:{};if("string"==typeof t){const e=l&&t.length>l?t.substring(0,l):t;return{[c]:e}}if(n&&e.isValidElement(t))return{children:t};if("object"==typeof t&&null!==t){if(o&&"content"in t){const e=t.content,r=l&&"string"==typeof e?e.substring(0,l):e;return{...t,children:r}}return t}return"children"===c?{children:null}:{}};exports.processCommonProp=t,exports.processIconProp=e=>t(e,{allowReactElements:!1,extractContent:!1,propertyName:"icon"}),exports.processTextProp=(e,r)=>t(e,{allowReactElements:!0,extractContent:!0,maxLength:r,propertyName:"children"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{display:flex;align-items:flex-start}.kbt-tooltip__close-icon{display:flex;justify-content:flex-end;align-self:flex-end}.kbt-tooltip__title,.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}
|
|
1
|
+
.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{display:flex;align-items:flex-start}.kbt-tooltip__close-icon{display:flex;justify-content:flex-end;align-self:flex-end}.kbt-tooltip__title,.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__require as
|
|
1
|
+
import{__require as e}from"../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";var r=e();export{r as j};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{
|
|
2
|
-
return t.jsx(o,{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx(o,{className:
|
|
4
|
-
/* @__PURE__ */t.jsx("div",{className:
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as n}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as s}from"./types/state.js";const c=e(({children:e,component:c="div",cssClasses:r,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},h)=>{const u=`${`accordion-${n().replace(/:/g,"")}`}-content`,j={"data-state":d?s.EXPANDED:s.COLLAPSED},x=a(j);/* @__PURE__ */
|
|
2
|
+
return t.jsx(o,{ref:h,className:r?.accordion,component:c,"data-testid":i,...x,children:/* @__PURE__ */t.jsxs("div",{children:[
|
|
3
|
+
/* @__PURE__ */t.jsx(o,{className:r?.header,component:l,...x,children:/* @__PURE__ */t.jsx("button",{"aria-controls":u,"aria-expanded":d,className:r?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...x,children:m})}),
|
|
4
|
+
/* @__PURE__ */t.jsx("div",{className:r?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:u,...x,children:/* @__PURE__ */t.jsx("div",{className:r?.innercontent,"data-kbt-accordion-content-inner":!0,...x,children:e})})]})})});export{c as AccordionStandAlone};
|
|
@@ -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"../../lib/hooks/useClassName/useClassName.js";import{AlertStandAlone as r}from"./alertStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"ALERT",variant:t});/* @__PURE__ */
|
|
2
|
+
return s.jsx(r,{ref:i,cssClasses:m,...e})});export{t as Alert};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as i}from"../text/text.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";const o=s(({ariaLive:s="off",content:o,cssClasses:a,id:n,role:c,...m},l)=>{const d=m["data-testid"]||"alert",{"data-testid":p,...f}=m,j=e(f),u=r(o);/* @__PURE__ */
|
|
2
|
+
return t.jsx("div",{...j,ref:l,"aria-live":s,className:a?.container,"data-testid":d,id:n,role:c,children:/* @__PURE__ */t.jsx("div",{className:a?.contentcontainer,children:"string"==typeof o?/* @__PURE__ */t.jsx(i,{additionalClasses:{text:a?.description},component:"p",...u}):u.children})})});export{o as AlertStandAlone};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert } from './alertControlled.js';
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
/* @__PURE__ */s.jsx(i,{condition:!!a?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...a})})}),
|
|
3
|
-
/* @__PURE__ */s.jsx(i,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(o,{className:m?.icon,customAttributes:l,...r(d)})}),
|
|
4
|
-
/* @__PURE__ */s.jsx(i,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(e,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...n(p,j)})})]});export{c as DrawContent};
|
|
1
|
+
import{j as t}from"../../../_virtual/jsx-runtime.js";import{Dot as s}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{processIconProp as e,processTextProp as n}from"../../../lib/utils/process/processCommonProp.js";const r=({contentType:r,cssClasses:m,customAttributes:a,dot:c,icon:l,initials:p,maxLengthInitials:j})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!c?.number&&/* @__PURE__ */t.jsx("span",{className:m?.dot,children:/* @__PURE__ */t.jsx(s,{...c})}),"with-icon"===r&&/* @__PURE__ */t.jsx(i,{className:m?.icon,customAttributes:a,...e(l)}),"with-initials"===r&&/* @__PURE__ */t.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:a,...n(p,j)})]});export{r as DrawContent};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as
|
|
2
|
-
return t.jsx("div",{ref:k,className:`${
|
|
3
|
-
/* @__PURE__ */t.jsxs("span",{className:
|
|
4
|
-
/* @__PURE__ */t.jsx(
|
|
5
|
-
/* @__PURE__ */t.jsx(
|
|
6
|
-
/* @__PURE__ */t.jsx(
|
|
7
|
-
/* @__PURE__ */t.jsx(
|
|
8
|
-
/* @__PURE__ */t.jsx(m,{className:j?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...l(C),customAttributes:B})]})}),
|
|
9
|
-
/* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:u})]})})});export{u as BadgeStandAlone};
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as a,useCallback as o}from"react";import{Dot as i}from"../dot/dot.js";import{Text as r}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as c,processTextProp as m}from"../../lib/utils/process/processCommonProp.js";const d=s(({active:s,ariaLiveText:d,cssSizeClasses:u,cssVariantClasses:b,dot:p,hasDot:j,icon:x,label:f,labelIcon:h,onBadgeBlur:C,onClick:N,role:$,...g},v)=>{const A=e(null),k=e(null),B={"data-active":!!s},I=l({...g,customAttributes:B}),y=l(B),D=I["data-testid"]||"badge";a(v,()=>k.current,[]);const O=o(t=>{C?.(t)},[C]),z=o(t=>{N?.(t)},[N]);/* @__PURE__ */
|
|
2
|
+
return t.jsx("div",{ref:k,className:`${b?.badge} ${u?.badge}`,"data-testid":`${D}-container`,...y,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:b?.button,"data-testid":D,role:$,type:"button",onBlur:O,onClick:z,...I,children:[
|
|
3
|
+
/* @__PURE__ */t.jsxs("span",{className:b?.dotcontainer,children:[!!p&&!!j&&/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:b?.dot,children:/* @__PURE__ */t.jsx(i,{...p})}),
|
|
4
|
+
/* @__PURE__ */t.jsx(n,{className:`${b?.icon} ${u?.icon}`,...c(x),customAttributes:B})]}),!!f&&/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:b?.labelcontainer,children:[
|
|
5
|
+
/* @__PURE__ */t.jsx(r,{additionalClasses:{text:`${u?.label} ${b?.label}`},component:"span",...m(f),customAttributes:B}),
|
|
6
|
+
/* @__PURE__ */t.jsx(n,{className:b?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...c(h),customAttributes:B})]}),
|
|
7
|
+
/* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:d})]})})});export{d as BadgeStandAlone};
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import{j as t}from"../../../../_virtual/jsx-runtime.js";import{
|
|
2
|
-
return t.jsxs("li",{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx(
|
|
4
|
-
/* @__PURE__ */t.jsx(s,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
|
|
5
|
-
/* @__PURE__ */t.jsx(s,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(i,{...p,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
|
|
6
|
-
/* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(e,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
|
|
1
|
+
import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as s}from"../../../text/text.js";import{ElementOrIcon as i}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as r}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:o,dividerIcon:m,lastCrumb:c,lastOneCrumbComponent:d="span",link:u,...b})=>{const{setRef:j}=a({active:c,states:Object.values(r)}),p=n(b);/* @__PURE__ */
|
|
2
|
+
return t.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":b["data-testid"],children:[!!c&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!u&&/* @__PURE__ */t.jsx("div",{className:o?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...p,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...u,onClick:t=>l.onClick?.(l.url,t),children:l.name})}),
|
|
3
|
+
/* @__PURE__ */t.jsx("div",{className:o?.icondividercontainer,children:/* @__PURE__ */t.jsx(i,{className:o?.icondivider,...m})})]})]})};export{l as CrumbStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as
|
|
1
|
+
import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useManageState as e}from"../../lib/hooks/useManageState/useManageState.js";import{STATES as o}from"../../lib/types/states/states.js";import{processIconProp as i}from"../../lib/utils/process/processCommonProp.js";import{ButtonStandAlone as n}from"./buttonStandAlone.js";const r=a(({additionalSizeClasses:a,additionalVariantClasses:r,children:l,disabled:m=!1,icon:d,loading:p=!1,size:c,type:u="button",variant:b,...f},j)=>{const C=t({additionalClassNames:r,component:"BUTTON",variant:b}),N=t({additionalClassNames:a,component:"BUTTON",variant:c}),{setRef:g}=e({disabled:m,loading:p,ref:j,states:Object.values(o)});return l||i(d).icon?/* @__PURE__ */s.jsx(n,{...f,ref:g,cssSizeClasses:N,cssVariantClasses:C,disabled:m,icon:d,loading:p,type:u,children:l}):null});export{r as Button};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as
|
|
2
|
-
return t.jsxs("button",{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx(e,{
|
|
4
|
-
/* @__PURE__ */t.jsx(e,{condition:!y,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
|
|
5
|
-
/* @__PURE__ */t.jsx(c,{...a(j),className:n(m?.icon,p?.icon)}),d]})})]})});export{d as ButtonStandAlone};
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as o,Children as i}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as n}from"../../lib/utils/process/processCommonProp.js";const m=s(({alignText:s,children:m,cssSizeClasses:c,cssVariantClasses:d,disabled:p,form:u,fullWidth:b,icon:f,iconPosition:j,id:x,loader:h,loading:C,minWidth:y,onClick:g,role:N,tabIndex:k,title:A,type:I,...T},v)=>{const F=o(()=>c?.dynamic_values({$alignText:s||"left"}).object,[s]),O={"data-content":i.toArray(m)[0],"data-full-width":b,"data-loading":C,"data-position":j||l.LEFT},P=a({...T,customAttributes:O});/* @__PURE__ */
|
|
2
|
+
return t.jsxs("button",{ref:v,className:r(c?.button,d?.button),"data-testid":"button",disabled:p,form:u,id:x,role:N,style:F,tabIndex:k,title:A,type:I,onClick:g,...P,...O,children:[!!h&&!!C&&/* @__PURE__ */t.jsx("span",{className:r(c?.loader,d?.loader),children:h}),!C&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[
|
|
3
|
+
/* @__PURE__ */t.jsx(e,{...n(f),className:r(c?.icon,d?.icon)}),m]})]})});export{m as ButtonStandAlone};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{j as t}from"../../../_virtual/jsx-runtime.js";import{useState as e,useMemo as s}from"react";import{CustomComponent as a}from"../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as o}from"../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as r}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as i}from"../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{WEEK_DAYS as l}from"../constants/constants.js";import{getAllDaysInMonth as d}from"../utils/getAllDaysInMonth.js";import{getFirstDayOfMonth as m}from"../utils/getFirstDayOfMonth.js";import{getStateDay as c}from"../utils/getState.js";import{groupDaysByWeeks as u}from"../utils/groupDaysByWeeks.js";import{getFirstEmptyAndDisabledDays as y,getDaysAndEmptyDaysUntilMaxDate as D,handleKeyUpMove as f,handleKeyTabMove as g,handleKeyRightMove as p,handleKeyPageUpMove as h,handleKeyPageDownMove as b,handleKeyLeftMove as j,handleKeyDownMove as v}from"../utils/handleKeysmoves.js";const k="ddMMyyyy",M=({cssClasses:M,currentDate:S,disabledDates:x=[],hasRange:w,maxDate:$,minDate:A,onDayClick:C,selectedDate:E,setSelectedDate:F,sundayFirst:R,...I})=>{const{dateHelpers:L,formatDate:N,transformDate:B}=r(),P=S.getMonth()+1,T=S.getFullYear(),U=N(/* @__PURE__ */new Date,k),z=d(P,T),O=m(T,P-1)-(R?0:1),q=[...new Array(O>=0?O:6),...z],G=q.filter(t=>void 0===t),[H,K]=e(0),[W,Y]=e(0),_=I["data-testid"]||"calendar",J={currentDate:S,dayList:q,daysAndEmptyDaysUntilMaxDate:D(G,$,S),firstEmptyAndDisabledDays:y(G,A,S),maxDate:$,minDate:A},Q=s(()=>({calendarBlankDaysSize:G.length,currentFocusSelected:(E[0]?E[0].getDate():/* @__PURE__ */(new Date).getDate())+G.length-1,keyDownMove:v(J),keyLeftMove:j(J),keyPageDownMove:b(J),keyPageUpMove:h(J),keyRightMove:p(J),keyTabMove:g,keyUpMove:f(J),size:q.length}),[G.length,q.length,S,A,$]),[V,X,Z]=o(Q),tt=t=>(t&&(V<G.length&&X(G.length),V>q.length&&X(q.length-1)),V===t),et=t=>{if(W){if(W<E[0])return t>W&&t<E[0];if(W>E[0])return t<W&&t>E[0]}else{if(t>E[0])return t<E[1];if(t<E[0])return t>E[1]}return!1},st=t=>{if(!w)return!1;const e=E?.findIndex(e=>e&&t&&N(e,k)===N(t,k));return 0===e&&W?W<t:0===e?t>E[1]:1===e&&t>E[0]},at=t=>{if(!w)return!1;const e=E?.findIndex(e=>e&&t&&N(e,k)===N(t,k));return 0===e&&W?W>t:0===e?t<E[1]:1===e&&t<E[0]};/* @__PURE__ */
|
|
2
|
-
return t.jsx("tbody",{ref:Z,className:M?.tbody,"data-testid":"tbody-days-list",children:u(q).map((e,s)=>/* @__PURE__ */t.jsx("tr",{className:M?.tablerow,children:e.map((e,o)=>{const r=e||0;let d=!e||L.isBefore(e,A)||L.isAfter(e,B(N($,k),k));d||(d=x.some(t=>e&&L.isDatesEqual(e,t,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:w,isGhostSelected:et,isSelectedToLeft:st,isSelectedToRight:at,selectedDate:E,today:U}),u={"data-state":d?i.DISABLED:m};return e?/* @__PURE__ */t.jsx("td",{"aria-selected":m===i.SELECTED||void 0,className:M?.listelementrove,style:{width:`calc(100% / ${l})`},...n(u),children:/* @__PURE__ */t.jsx(a,{"aria-label":N(e,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),
|
|
2
|
+
return t.jsx("tbody",{ref:Z,className:M?.tbody,"data-testid":"tbody-days-list",children:u(q).map((e,s)=>/* @__PURE__ */t.jsx("tr",{className:M?.tablerow,children:e.map((e,o)=>{const r=e||0;let d=!e||L.isBefore(e,A)||L.isAfter(e,B(N($,k),k));d||(d=x.some(t=>e&&L.isDatesEqual(e,t,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:w,isGhostSelected:et,isSelectedToLeft:st,isSelectedToRight:at,selectedDate:E,today:U}),u={"data-state":d?i.DISABLED:m};return e?/* @__PURE__ */t.jsx("td",{"aria-selected":m===i.SELECTED||void 0,className:M?.listelementrove,style:{width:`calc(100% / ${l})`},...n(u),children:/* @__PURE__ */t.jsx(a,{"aria-disabled":d,"aria-label":N(e,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:M?.dayslist,component:"button","data-testid":`${_}-${o+l*s}`,focus:tt(o+l*s),index:o+l*s,type:"button",onMouseOver:()=>{1===H&&Y(r)},onSelectItem:()=>{d||(t=>{const[e,s]=E;w?e&&s||!e&&!s?(F([t,0]),K(1),t instanceof Date&&C?.(t.getDate().toString())):(F([e,t]),K(0),t instanceof Date&&C?.(t.getDate().toString())):(F([t]),t instanceof Date&&C?.(t.getDate().toString()))})(r)},...n(u),children:e.getDate()})},`day${o+l*s}${r}`):/* @__PURE__ */t.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:M?.listelementempty,style:{width:`calc(100% / ${l})`}},`day${o+l*s}${r}`)})},`table-row-${s.toString()}`))})};export{M as List};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import{j as t}from"../../../../_virtual/jsx-runtime.js";import{useMemo as e}from"react";import{Text as o}from"../../../text/text.js";import{CustomComponent as s}from"../../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as r}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as a}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as n}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as l}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{setMonth as i}from"../../utils/setMonth.js";import{keyUpMove as m,keyTabMove as c,keyRightMove as u,keyLeftMove as p,keyDownMove as h}from"./utils/monthSelector.utils.js";const d=({configAccesibility:d,cssClasses:g,currentDate:D,maxDate:b,minDate:M,onMonthClick:f,setCurrentDate:j,today:v,...A})=>{const{dateHelpers:C,transformDate:x}=a(),y=A["data-testid"]||"calendar",E={currentDate:D,maxDate:b,minDate:M},k=e(()=>({currentFocusSelected:D?D.getMonth():/* @__PURE__ */(new Date).getMonth(),keyDownMove:h(E),keyLeftMove:p(E),keyRightMove:u(E),keyTabMove:c,keyUpMove:m(E),size:C.getAllMonthName("long").length}),[C.getAllMonthName("long").length,D]),[S,,F]=r(k),L=t=>{const e=D?.getFullYear();return M?.getFullYear()===e&&M?.getMonth()>t||b?.getFullYear()===e&&b?.getMonth()<t};/* @__PURE__ */
|
|
2
2
|
return t.jsx("ul",{ref:F,"aria-label":d?.monthSelectorAriaLabel,className:g?.monthslist,"data-testid":"tbody-months-list",children:C.getAllMonthName("long",A.locale).map((e,r)=>{const a=((t,e,o)=>{let s;return s=t.getMonth()===e?n.SELECTED:e===v.getMonth()?n.CURRENT:o?n.DISABLED:n.DEFAULT,s})(D,r,L(r)),m={"data-state":L(r)?n.DISABLED:a};/* @__PURE__ */
|
|
3
|
-
return t.jsx("li",{"aria-selected":a===n.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t.jsx(s,{"aria-label":e.charAt(0).toUpperCase()+e.slice(1),
|
|
3
|
+
return t.jsx("li",{"aria-selected":a===n.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t.jsx(s,{"aria-disabled":L(r),"aria-label":e.charAt(0).toUpperCase()+e.slice(1),className:g?.monthelement,component:"button",focus:S===r,index:r,type:"button",...l(m),onSelectItem:()=>{const t=new Date(D);j(x(i(t,r))),f?.(e)},children:/* @__PURE__ */t.jsx(o,{component:"span","data-testid":y,children:e.charAt(0).toUpperCase()+e.slice(1)})})},e)})})};export{d as MonthSelector};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{
|
|
2
|
-
return e.jsx(t,{additionalSizeClasses:
|
|
3
|
-
return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:
|
|
4
|
-
/* @__PURE__ */e.jsxs("button",{"aria-label":
|
|
5
|
-
/* @__PURE__ */e.jsx(
|
|
6
|
-
/* @__PURE__ */e.
|
|
7
|
-
/* @__PURE__ */e.
|
|
8
|
-
/* @__PURE__ */e.jsx(o,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
|
|
9
|
-
/* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(n,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(u),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),x?.(e)},...M})})]})};export{s as Selector};
|
|
1
|
+
import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const n=({configAccesibility:n,configCalendar:s,cssClasses:l,currentDate:i,customBackText:c,maxDate:d,minDate:u,onDaySelectorClick:m,onLeftIconClick:h,onMonthSelectorClick:b,onRightIconClick:S,onYearSelectorClick:y,setCurrentDate:p,setShowDaySelector:x,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:j,showMonthSelector:v,showYearSelector:w,useDaySelector:f=!1})=>{const{dateHelpers:k,formatDate:D}=a(),{leftArrowIcon:A,rightArrowIcon:M,sizeSelectorButton:I,variantSelectorButton:Y}=s,N=e=>{p(e)},z=f,L=(v||w)&&!z,R=e=>!L&&e.getMonth()===i.getMonth()&&e.getFullYear()===i.getFullYear(),B=(r,a,n,s)=>{const c=()=>{switch(r){case"day":return i.getDate();case"month":return(e=D(i,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return i.getFullYear();default:return null}var e};/* @__PURE__ */
|
|
2
|
+
return e.jsx(t,{additionalSizeClasses:I?void 0:l?.button_size,additionalVariantClasses:Y?void 0:l?.button_variant,"aria-label":n,disabled:a,role:s,size:I,variant:Y,onClick:e=>{x("day"===r),C("month"===r),g("year"===r),"day"===r?m?.(c()?.toString(),e):"month"===r?b?.(c()?.toString(),e):y?.(c()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:c()})})},F={"data-state":R(u)};/* @__PURE__ */
|
|
3
|
+
return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:z?"center":"space-between"},children:[
|
|
4
|
+
/* @__PURE__ */e.jsxs("button",{"aria-label":L?"":A["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(i);L?g(!1):N(k.getSubMonths(e,1)),C(!1),x(!0)})(),A.onClick?.(e),h?.(e)},children:[
|
|
5
|
+
/* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:F,disabled:R(u),...A,"aria-label":void 0}),L&&/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:c})]}),
|
|
6
|
+
/* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[z&&B("day",j,n?.daySelectorAriaLabel,n?.daySelectorRole),B("month",v,n?.monthSelectorAriaLabel,n?.monthSelectorRole),B("year",w,n?.yearSelectorAriaLabel,n?.yearSelectorRole)]}),
|
|
7
|
+
/* @__PURE__ */e.jsx("span",{style:{visibility:L?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:F,"data-testid":"next-button",disabled:R(d),onClick:e=>{(()=>{const e=new Date(i);N(k.getAddMonths(e,1))})(),M.onClick?.(e),S?.(e)},...M})})]})};export{n as Selector};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as
|
|
2
|
-
return t.jsxs(r,{ref:v,className:
|
|
3
|
-
/* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:
|
|
4
|
-
/* @__PURE__ */t.jsxs("div",{className:
|
|
5
|
-
/* @__PURE__ */t.jsxs("div",{className:
|
|
6
|
-
/* @__PURE__ */t.jsx(
|
|
7
|
-
/* @__PURE__ */t.jsx(
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as o}from"../text/text.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";const m=i(({component:i="div",cssClasses:m,description:c,device:l,image:a,imageAltText:d,link:p,onClick:x,title:j,...u},v)=>{const C=e(u);/* @__PURE__ */
|
|
2
|
+
return t.jsxs(r,{ref:v,className:m?.card_image,component:i,tabIndex:0,onClick:x,...C,children:[
|
|
3
|
+
/* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:m?.imagecontainer,role:d?"img":void 0,style:a?.[l]?{backgroundImage:`url(${a[l]})`}:void 0}),
|
|
4
|
+
/* @__PURE__ */t.jsxs("div",{className:m?.content,children:[
|
|
5
|
+
/* @__PURE__ */t.jsxs("div",{className:m?.textcontainer,children:[
|
|
6
|
+
/* @__PURE__ */t.jsx(o,{additionalClasses:{text:m?.title},component:"h3",...n(j)}),
|
|
7
|
+
/* @__PURE__ */t.jsx(o,{additionalClasses:{text:m?.description},...n(c)})]}),p?.url&&/* @__PURE__ */t.jsx("div",{className:m?.linkcontainer,children:/* @__PURE__ */t.jsx(s,{iconPosition:"right",...p,children:p.content||""})})]})]})});export{m as CardImageStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as e,useCallback as n,useEffect as t}from"react";import{
|
|
1
|
+
import{useRef as e,useCallback as n,useEffect as t}from"react";import{useCarouselKeyNavigation as r}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as a}from"./useCarouselSwipe.js";import i from"./utils/calc.utils.js";import c from"./utils/constants.js";import o from"./utils/dom.utils.js";const s=({allowModifySliceWidth:s=!1,autoFitContainer:u=!1,centerExtremesWhenExtraPadding:l=!1,centerMode:d=!1,circular:g=!0,contentContainerRef:m,defaultPage:P=0,disabled:f=!1,elements:C,extraPadding:h=0,numElementsPerPage:w,numElementsToSlide:E,onePageAlign:I="center",onNumElementsPerPageChange:x,onNumPagesChange:R,onPageChange:p,rootContainerRef:L,viewerContainerRef:N})=>{const V=e(!0),v=e(P),S=e(P),y=e(w),T=e(0),A=n(e=>{const n=m.current;if(!n||!y.current||e.propertyName!==c.PROPERTY_TO_HANDLE_TRANSITION_END||T.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=o.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:S.current,elementsLength:C.length,extraPadding:h,numElementsPerPage:y.current,numPages:T.current});S.current=t,v.current!==S.current&&(v.current=S.current,p?.(S.current));const{firstIndexInView:r,lastIndexInView:a}=i.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});o.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),d&&o.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:y.current}),V.current=!0},[C,h,E,g,d,p]),O=n(({animated:e=!0,newPage:n})=>{const t=N.current,r=m.current;if(!t||!r||!V.current||!y.current||!C.length||T.current<1||(g?n<-1:n<0)||(g?n>T.current:n>T.current-1))return;e&&r.setAttribute("data-shifting","true"),o.deleteCenterMode({contentContainer:r}),S.current=n;const{firstIndexInView:a,lastIndexInView:u}=i.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});s||o.updateViewerWidth({contentContainer:r,extraPadding:h,firstIndexInView:a,lastIndexInView:u,viewerContainer:t});const d=r.style.left,P=i.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:l,circular:g,contentContainer:r,currentPage:S.current,extraPadding:h,firstIndexInView:a,numPages:T.current});r.style.left=P,e&&d!==P?V.current=!1:A({propertyName:c.PROPERTY_TO_HANDLE_TRANSITION_END})},[C,E,g,s,h,l,A]),b=n(()=>{const e=N.current,n=m.current;e&&n&&y.current&&(s&&(e.style.width="100%",o.updateSlicesWidth({centerMode:d,contentContainer:n,extraPadding:h,numElementsPerPage:y.current,viewerContainer:e})),o.manageCircularClones({circular:g,contentContainer:n,elementsLength:C.length,numElementsPerPage:y.current}),O({animated:!1,newPage:S.current}))},[s,d,g,C,h,O]),M=n(()=>{const e=L.current,n=N.current,t=m.current;if(!e||!n||!t)return;e.style.width="100%";const r=w||i.calcNumElementsPerPage({contentContainer:t,elementsLength:C.length,extraPadding:h,rootContainer:e,viewerContainer:n})||1;u&&(e.style.width="fit-content"),r!==y.current&&(y.current=r,x?.(r));const a=i.calcNumPages({elementsLength:C.length,numElementsPerPage:r,numElementsToSlide:E});T.current!==a&&(T.current=a,R?.(a),S.current=Math.min(Math.max(0,P),a-1)),a<=1&&o.alignOnePageCarousel({allowModifySliceWidth:s,contentContainer:t,onePageAlign:I,rootContainer:e})},[s,C,h,w,E,I,u,x,R,p]),_=n(()=>{M(),b()},[M,b]);return t(()=>{const e=m.current;if(!e)return;_(),window.addEventListener("resize",_);const n=new ResizeObserver(_);return n.observe(e),()=>{window.removeEventListener("resize",_),n.disconnect()}},[_]),t(()=>{const e=m.current;return e?.addEventListener("transitionend",A),()=>{e?.removeEventListener("transitionend",A)}},[A]),a({allowShiftRef:V,centerExtremesWhenExtraPadding:l,changePage:O,circular:g,contentContainerRef:m,currentPageRef:S,disabled:f,elements:C,extraPadding:h,numElementsPerPageRef:y,numPagesRef:T,viewerContainerRef:N}),r({allowShiftRef:V,changePage:O,circular:g,currentPageRef:S,disabled:f,numPagesRef:T,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:S,numElementsPerPageRef:y,numPagesRef:T}};export{s as useCarousel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as e}from"react";import{
|
|
1
|
+
import{useEffect as e}from"react";import{ARROW_LEFT as r,ARROW_RIGHT as t}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const o=({allowShiftRef:o,changePage:c,circular:a,currentPageRef:u,disabled:i=!1,numPagesRef:s,rootContainerRef:y})=>{e(()=>{if(i)return;const e=e=>{!o.current||s.current<=1||(n(e.key,r.key)?o.current&&(a||0!==u.current)&&c({newPage:u.current-1}):n(e.key,t.key)&&o.current&&(a||u.current!==s.current-1)&&c({newPage:u.current+1}))},d=y.current;return d?.addEventListener("keydown",e),()=>{d?.removeEventListener("keydown",e)}},[a,c,i])};export{o as useCarouselKeyNavigation};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as e,useCallback as t,useEffect as r}from"react";import{useScrollBlock as n}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import c from"./utils/calc.utils.js";import u from"./utils/constants.js";const s=({
|
|
1
|
+
import{useRef as e,useCallback as t,useEffect as r}from"react";import{useScrollBlock as n}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import c from"./utils/calc.utils.js";import u from"./utils/constants.js";const s=({allowShiftRef:s,centerExtremesWhenExtraPadding:o,changePage:l,circular:i,contentContainerRef:a,currentPageRef:m,disabled:v=!1,elements:E,extraPadding:d,numElementsPerPageRef:h,numPagesRef:f,viewerContainerRef:L})=>{const p=e(!1),_=e(!1),D=e(!1),R=e(),g=e(0),X=e(0),P=e(0),S=e(0),y=t(()=>{s.current&&(i||m.current!==f.current-1)&&l({newPage:m.current+1})},[i,l]),I=t(()=>{s.current&&(i||0!==m.current)&&l({newPage:m.current-1})},[i,l]),{allowScroll:O,blockScroll:w}=n(),x=t(e=>{const t=a.current;!t||f.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(g.current=e.touches[0].clientX,P.current=e.touches[0].clientX,S.current=e.touches[0].clientY):(g.current=e.clientX,P.current=e.clientX,S.current=e.clientY),p.current=!0)},[]),G=t(e=>{const t=a.current;if(!t||!p.current||!h?.current||f.current<=1)return;let r,n;"touchmove"===e.type?(X.current=g.current-e.touches[0].clientX,g.current=e.touches[0].clientX,r=e.touches[0].clientX-P.current,n=e.touches[0].clientY-S.current):(X.current=g.current-e.clientX,g.current=e.clientX,r=e.clientX-P.current,n=e.clientY-S.current);const s=parseFloat(t.style.left||"0")-X.current;if(_.current||D.current||(Math.abs(r)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,w()):Math.abs(n)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(D.current=!0)),_.current)if(i&&E.length>h.current)t.style.left=`${s}px`;else{const e=c.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-h.current]);if(o)s-d<0&&-s<e-d&&(t.style.left=`${s}px`);else{let r=i?d:0;!i&&d&&m.current===f.current-1&&(r=2*d),s-r<0&&-s<e-r&&(t.style.left=`${s}px`)}}},[w,o,i,E,d]),C=t(()=>{const e=a.current;if(D.current=!1,_.current&&O(),_.current=!1,!e||!p.current||void 0===R.current||f.current<=1)return;p.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-0?y():t-R.current>u.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?I():e.style.left=`${R.current}px`},[O,y,I]);r(()=>{if(v)return;const e=L.current,t={passive:!0};return e?.addEventListener("touchstart",x,t),e?.addEventListener("touchend",C,t),e?.addEventListener("touchmove",G,t),e?.addEventListener("mousedown",x,t),e?.addEventListener("mouseup",C,t),e?.addEventListener("mousemove",G,t),e?.addEventListener("mouseleave",C,t),()=>{e?.removeEventListener("touchstart",x,t),e?.removeEventListener("touchend",C,t),e?.removeEventListener("touchmove",G,t),e?.removeEventListener("mousedown",x,t),e?.removeEventListener("mouseup",C,t),e?.removeEventListener("mousemove",G,t),e?.removeEventListener("mouseleave",C,t)}},[x,C,G,v])};export{s as useCarouselSwipe};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsToSlide:r
|
|
1
|
+
const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+i)/i)},i=({currentPage:e,elementsLength:t,isCircular:i,numElementsPerPage:l,numElementsToSlide:s})=>{if(t<=l)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:l,numElementsToSlide:s});let a=e*o+l-1;let d=0;i&&t>l&&(d=l+1,a+=d),e===r({elementsLength:t,numElementsPerPage:l,numElementsToSlide:o})?a=d+t+l-1:e<0?a=d-1:a-d>t-1&&(a=d+t-1);return{firstIndexInView:a-l+1,lastIndexInView:a}},l=({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:i,viewerContainer:l})=>{const s=t.firstElementChild;if(!s)return;let o=i.offsetWidth;o-=2*r;o-=e({element:l});let a=0;const d=s.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(d+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},s=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],i=t.childNodes[1];e&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return e&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.offsetHeight,i.offsetHeight,r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n},o=({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:i,viewerContainer:l})=>{const o=(i-1)*s({centerMode:t,contentContainer:n}),a=e({element:l});return(l.getBoundingClientRect().width-o-2*r-a)/i},a=({contentContainer:n,extraPadding:r,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const o=n.children[i],a=n.children[l],d=t(o,a),c=e({element:s});return`${d+a.offsetWidth+2*r+c}px`},d=({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:i,extraPadding:l,firstIndexInView:s,numPages:o})=>{let a=t(r.firstChild,r.children[s]);return l&&(e||n||0!==i&&i!==o-1?a-=l:n||i!==o-1||(a-=2*l)),-a+"px"},c={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:d,calcFirstAndLastIndexInCarouselView:i,calcGapBetweenContentContainerElements:s,calcNumElementsPerPage:l,calcNumPages:r,calcSliceWidth:o,calcViewerWidth:a,calcXDistanceBetween2Elements:t};export{n as calcAdjustedNumElementsToSlide,d as calcContentContainerLeftPosition,i as calcFirstAndLastIndexInCarouselView,s as calcGapBetweenContentContainerElements,e as calcHorizontalElementPadding,l as calcNumElementsPerPage,r as calcNumPages,o as calcSliceWidth,a as calcViewerWidth,t as calcXDistanceBetween2Elements,c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"./calc.utils.js";const t=({
|
|
1
|
+
import e from"./calc.utils.js";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const o=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const o=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=o},r=({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")}},l=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},o=({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++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const o=t.children[r-1-i];o&&n.push(o.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},a={center:"center",left:"flex-start",right:"flex-end"},d=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{e?t.style.justifyContent=a[n]:i.style.justifyContent=a[n]},s=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:o})=>{const a=n===o;if(a||-1===n){const n=a?l+1:i+1;let d=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=r,t.style.left=-d+"px",{newPage:a?0:o-1}}return{newPage:n}},c={alignOnePageCarousel:d,applyCenterMode:r,deleteCenterMode:l,manageCircularClones:o,udpateCarouselPositionOnEdge:s,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export{d as alignOnePageCarousel,r as applyCenterMode,c as default,l as deleteCenterMode,o as manageCircularClones,s as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r
|
|
2
|
-
return e.jsxs("div",{ref:x,...
|
|
3
|
-
/* @__PURE__ */e.jsxs("div",{className:
|
|
4
|
-
/* @__PURE__ */e.jsx(
|
|
5
|
-
/* @__PURE__ */e.jsx("
|
|
6
|
-
/* @__PURE__ */e.jsx(t,{...m,cssClasses:c,id:g,inputId:C})]}),
|
|
7
|
-
/* @__PURE__ */e.jsx(s,{condition:!!h.error,children:/* @__PURE__ */e.jsx(d,{"aria-live":"assertive",cssClasses:c,"data-testid":`${h["data-testid"]}-error-message`,...n,id:B,inputId:C,show:h.error&&!h.disabled})})]})});export{c as CheckboxStandAlone};
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useId as a}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as i}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as o}from"./components/errorMessage.js";import{Label as d}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const t=r(({checkboxBase:r,cssClasses:t,errorMessage:c,id:b,label:n,screenReaderText:m,...p},x)=>{const h=s(p),{"aria-describedby":j,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=h,v=`checkbox-${a().replace(/:/g,"")}`,g=b??v,C=`${g}-label`,$=`${g}-error`,B=`${g}-screen-reader`,I=r?.variant,M=l({ariaDescribedBy:p["aria-describedby"],error:p.error&&!!c?.message,errorMessageId:$,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
|
|
2
|
+
return e.jsxs("div",{ref:x,...y,className:t?.checkbox,children:[
|
|
3
|
+
/* @__PURE__ */e.jsxs("div",{className:t?.checkboxwithlabelcontainer,children:[!!I&&/* @__PURE__ */e.jsx(i,{...p,"aria-describedby":M,"aria-hidden":p["aria-hidden"],"aria-label":p["aria-label"],"aria-labelledby":p["aria-labelledby"],id:g,variant:I}),
|
|
4
|
+
/* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
|
|
5
|
+
/* @__PURE__ */e.jsx(d,{...n,cssClasses:t,id:C,inputId:g})]}),!!p.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:t,"data-testid":`${p["data-testid"]}-error-message`,...c,id:$,inputId:g,show:p.error&&!p.disabled})]})});export{t as CheckboxStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
return
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
/* @__PURE__ */
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIconProp as a}from"../../lib/utils/process/processCommonProp.js";const c=s(({checkedIcon:s,cssClasses:c,inputRef:o,...r},n)=>{const i=r["data-testid"]??"checkbox-base";/* @__PURE__ */
|
|
2
|
+
return t.jsxs("div",{ref:n,className:c?.checkbox_base,"data-testid":i,children:[
|
|
3
|
+
/* @__PURE__ */t.jsx("input",{ref:o,className:c?.input,type:"checkbox",...r,"data-testid":`${i}-input`}),
|
|
4
|
+
/* @__PURE__ */t.jsx("span",{className:c?.iconcontainer,"data-state":r["data-state"],children:/* @__PURE__ */t.jsx(e,{className:c?.icon,complex:!0,"data-state":r["data-state"],...a(s)})})]})});export{c as CheckboxBaseStandAlone};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
return
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
return
|
|
5
|
-
/* @__PURE__ */
|
|
6
|
-
/* @__PURE__ */
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...c(j)})]})})]})});export{p as ChipStandAlone};
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,isValidElement as e}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as i,processTextProp as l}from"../../lib/utils/process/processCommonProp.js";const c=s(({closeIcon:s,cssClasses:c,errorIcon:m,errorMessage:p={content:"Error message"},label:x,leftIcon:d,range:u,rangeIcon:j,rangeSeparator:b={content:"to"},state:g,...f},h)=>{const A={"data-state":g},C=n(f);/* @__PURE__ */
|
|
2
|
+
return t.jsxs(t.Fragment,{children:[
|
|
3
|
+
/* @__PURE__ */t.jsxs("span",{ref:h,"aria-disabled":g===o.DISABLED,"aria-hidden":g===o.DISABLED,className:c?.chip,"data-testid":"chip",...C,...A,children:[!u&&d&&/* @__PURE__ */t.jsx(a,{className:c?.lefticon,...i(d)}),u?/* @__PURE__ */t.jsx("span",{children:u.map((s,o)=>{const n=o!==u.length-1;/* @__PURE__ */
|
|
4
|
+
return t.jsxs("span",{className:c?.rangeitemwrapper,children:[
|
|
5
|
+
/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.rangeitemtext},component:"span",customAttributes:A,children:s.label}),n&&(j?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof x||e(x),l(b).children||""),className:c?.rangeicon,...i(j),customAttributes:A}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.rangeitemseparator},component:"span",customAttributes:A,...l(b)}))]},`option-${s.key??s.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.label},component:"span",...l(x),customAttributes:A}),
|
|
6
|
+
/* @__PURE__ */t.jsx(a,{className:c?.closeicon,disabled:g===o.DISABLED,...i(s),altText:"string"!=typeof s&&s?.altText?s.altText:"Close",customAttributes:A})]}),g===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:c?.errorcontainer,children:[
|
|
7
|
+
/* @__PURE__ */t.jsx(a,{className:c?.erroricon,...i(m)}),
|
|
8
|
+
/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.errormessage},component:"span",customAttributes:A,...l(p)})]})]})});export{c as ChipStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{
|
|
2
|
-
return t.jsxs("div",{className:o?.container,"data-testid":"container",...
|
|
3
|
-
/* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(
|
|
4
|
-
/* @__PURE__ */t.jsx("div",{ref:
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";const o=s(({children:s,cssClasses:o,title:a,...c},m)=>{const l=i(c);/* @__PURE__ */
|
|
2
|
+
return t.jsxs("div",{className:o?.container,"data-testid":"container",...l,children:[
|
|
3
|
+
/* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(a)})}),
|
|
4
|
+
/* @__PURE__ */t.jsx("div",{ref:m,className:o?.content,children:s})]})});export{o as ContainerStandAlone};
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{
|
|
2
|
-
return a.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */a.jsxs("div",{"aria-label":
|
|
4
|
-
/* @__PURE__ */a.jsxs(i,{additionalClasses:
|
|
5
|
-
/* @__PURE__ */a.jsx(
|
|
6
|
-
/* @__PURE__ */a.
|
|
7
|
-
/* @__PURE__ */a.jsx(
|
|
8
|
-
/* @__PURE__ */a.jsx(e,{
|
|
9
|
-
/* @__PURE__ */a.
|
|
10
|
-
/* @__PURE__ */a.jsx(
|
|
11
|
-
/* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
|
|
12
|
-
/* @__PURE__ */a.jsx(l,{additionalClasses:v?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:k})})]})]},`${t.caption?.["data-testid"]}-${d.toString()}`))]}),
|
|
13
|
-
/* @__PURE__ */a.jsx("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
|
|
14
|
-
/* @__PURE__ */a.jsx("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};
|
|
1
|
+
import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as i}from"../table/table.js";import{TableCaption as l}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as n}from"./components/dataTableHead.js";import{DataTableRows as d}from"./components/dataTableRows.js";import{HiddenDataTableHead as c}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as b,applyPositionToWrapper as m}from"./utils/tableConfig.js";const p=o(({activeRows:o,caption:p,columns:h,config:v,cssClasses:w,hasScroll:u,hoverable:f,hoverableRows:j,nonHoverableRows:C,rowGroups:g,rows:x,stickyHead:R,styles:y,..._},H)=>{const S=g&&g.length>0,k=t(_);/* @__PURE__ */
|
|
2
|
+
return a.jsxs("div",{ref:H,className:w?.data_table,"data-testid":"data-table",...k,children:[
|
|
3
|
+
/* @__PURE__ */a.jsxs("div",{"aria-label":u?_["aria-label"]:void 0,"aria-labelledby":u?_["aria-labelledby"]:void 0,className:w?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:u?"region":void 0,...u?{tabIndex:0}:{},children:[
|
|
4
|
+
/* @__PURE__ */a.jsxs(i,{additionalClasses:w?.table,"aria-hidden":!!S||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:S?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:R,...b({tableConfig:v?.table}),children:[!!p?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.table_caption,component:S?"div":void 0,...p,children:p?.content}),
|
|
5
|
+
/* @__PURE__ */a.jsx(n,{columns:h,cssClasses:w,sticky:R,tableHeadConfig:v?.tableHead,tableHeadRowConfig:v?.tableHeadRow,usingRowGroups:S}),!S&&x&&x.length>0&&/* @__PURE__ */a.jsx(e,{additionalClasses:w?.table_body,...v?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,nonHoverableRows:C,rows:x,usingRowGroups:S})})]}),g?.map((t,n)=>/* @__PURE__ */a.jsxs(s,{children:[!!t.divider&&/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...t.divider,children:t.divider?.content}),
|
|
6
|
+
/* @__PURE__ */a.jsxs(i,{additionalClasses:w?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...m({tableConfig:t.config?.table}),children:[!!t.caption?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.row_group_table_caption,...t.caption,children:t.caption?.content}),
|
|
7
|
+
/* @__PURE__ */a.jsx(c,{columns:h,cssClasses:w}),
|
|
8
|
+
/* @__PURE__ */a.jsx(e,{additionalClasses:w?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:S})})]})]},`${t.caption?.["data-testid"]}-${n.toString()}`))]}),
|
|
9
|
+
/* @__PURE__ */a.jsx("div",{className:w?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
|
|
10
|
+
/* @__PURE__ */a.jsx("div",{className:w?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{p as DataTableStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as
|
|
1
|
+
import{useState as e,useEffect as r}from"react";import{hasScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const o=({ref:o})=>{const[c,l]=e(!1);return r(()=>{const e=o.current?.querySelector?.("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const o=e=>{l(t(e))};o(e),r=new ResizeObserver(()=>{o(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{hasScroll:c}};export{o as useDataTableHasScroll};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as e}from"react";
|
|
1
|
+
import{useEffect as e}from"react";const t=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});export{t as useDataTableShadow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as e}from"react";import{
|
|
1
|
+
import{useEffect as e}from"react";import{hasHorizontalScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const l=({ref:l})=>(e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const o=e=>{const r=t(e),o=e.querySelectorAll("[data-table-divider]"),a=e.querySelectorAll('[data-sticky="left"]').length>0;let n=0,s=0;if(a){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(n=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(s=Math.max(s,e.offsetWidth))})}o.forEach(e=>{e instanceof HTMLElement&&(a?(e.style.position=r?"sticky":"",e.style.left=r?"0":"",e.style.zIndex=r?`${n+1}`:""):e.style.width=r?`${s}px`:"")})};o(e),r=new ResizeObserver(()=>{o(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{});export{l as useDataTableStickyDividers};
|