@kubit-ui-web/react-components 1.8.0 → 1.8.2

package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelStandAlone.js

@@ -26,8 +26,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxWithLabelStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
-const checkbox_1 = require("../../components/checkbox");
-const label_1 = require("../../components/label");
+const checkboxControlled_1 = require("../../components/checkbox/checkboxControlled");
+const labelStandAlone_1 = require("../../components/label/labelStandAlone");
 const text_1 = require("../../components/text");
 const types_1 = require("../../components/text/types");
 const useId_1 = require("../../hooks/useId/useId");
@@ -39,7 +39,7 @@ const CheckboxWithLabelStandAloneComponent = ({ checked, description, id, name,
     const labelTypography = description && styles?.[state]?.labelWhenDescription
         ? styles?.[state]?.labelWhenDescription
         : styles?.[state]?.label;
-    return ((0, jsx_runtime_1.jsxs)(checkboxWithLabelStyled_1.CheckBoxWithLabelContainerStyled, { ref: ref, state: state, styles: styles, children: [(0, jsx_runtime_1.jsxs)(checkboxWithLabelStyled_1.CheckboxWithLabelStyled, { "data-testid": `${dataTestId}CheckboxWithLabel`, state: state, styles: styles, children: [(0, jsx_runtime_1.jsx)(checkbox_1.CheckboxControlled, { "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], checked: checked, checkedIcon: checkedIcon, dataTestId: dataTestId, disabled: disabled, extraAriaDescribedBy: checkBoxDescriptionId, id: checkBoxId, name: name, value: value, variant: variant, onBlur: onBlur, onChange: onChange }), (0, jsx_runtime_1.jsx)(label_1.Label, { color: labelTypography?.color, dataTestId: `${dataTestId}Label`, inputId: checkBoxId, required: required, textVariant: labelTypography?.font_variant, weight: labelTypography?.font_weight, ...props.label, children: props.label.content })] }), (description?.content || helperText?.content) && ((0, jsx_runtime_1.jsxs)(checkboxWithLabelStyled_1.CheckboxWithLabelContentStyled, { state: state, styles: styles, children: [(0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.SMALL, customTypography: styles?.[state]?.description, dataTestId: `${dataTestId}Description`, ...description, children: description?.content }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.SMALL, customTypography: styles?.[state]?.helperText, dataTestId: `${dataTestId}HelperText`, ...helperText, children: helperText?.content })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(checkboxWithLabelStyled_1.CheckBoxWithLabelContainerStyled, { ref: ref, state: state, styles: styles, children: [(0, jsx_runtime_1.jsxs)(checkboxWithLabelStyled_1.CheckboxWithLabelStyled, { "data-testid": `${dataTestId}CheckboxWithLabel`, state: state, styles: styles, children: [(0, jsx_runtime_1.jsx)(checkboxControlled_1.CheckboxControlled, { "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], checked: checked, checkedIcon: checkedIcon, dataTestId: dataTestId, disabled: disabled, extraAriaDescribedBy: checkBoxDescriptionId, id: checkBoxId, name: name, value: value, variant: variant, onBlur: onBlur, onChange: onChange }), (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: labelTypography?.color, dataTestId: `${dataTestId}Label`, inputId: checkBoxId, required: required, textVariant: labelTypography?.font_variant, weight: labelTypography?.font_weight, ...props.label, children: props.label.content })] }), (description?.content || helperText?.content) && ((0, jsx_runtime_1.jsxs)(checkboxWithLabelStyled_1.CheckboxWithLabelContentStyled, { state: state, styles: styles, children: [(0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.SMALL, customTypography: styles?.[state]?.description, dataTestId: `${dataTestId}Description`, ...description, children: description?.content }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.SMALL, customTypography: styles?.[state]?.helperText, dataTestId: `${dataTestId}HelperText`, ...helperText, children: helperText?.content })] }))] }));
 };
 const CheckboxWithLabelStandAlone = React.forwardRef(CheckboxWithLabelStandAloneComponent);
 exports.CheckboxWithLabelStandAlone = CheckboxWithLabelStandAlone;

package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/checkboxWithLabel/checkboxWithLabelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oDAA2D;AAC3D,8CAA2C;AAC3C,4CAAyC;AACzC,mDAA4D;AAC5D,+CAA4C;AAE5C,uEAImC;AAGnC,MAAM,oCAAoC,GAAG,CAC3C,EACE,OAAO,EACP,WAAW,EACX,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,KAAK,EACwB,EAClC,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,UAAU,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,EAAE,IAAI,QAAQ,CAAC;IAClC,MAAM,qBAAqB,GAAG,GAAG,UAAU,aAAa,CAAC;IAEzD,MAAM,eAAe,GACnB,WAAW,IAAI,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB;QAClD,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB;QACvC,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAE7B,OAAO,CACL,wBAAC,0DAAgC,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aACtE,wBAAC,iDAAuB,mBACT,GAAG,UAAU,mBAAmB,EAC7C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAEd,uBAAC,6BAAkB,kBACL,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,qBAAqB,EAC3C,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,EAEF,uBAAC,aAAK,IACJ,KAAK,EAAE,eAAe,EAAE,KAAK,EAC7B,UAAU,EAAE,GAAG,UAAU,OAAO,EAChC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAAE,YAAY,EAC1C,MAAM,EAAE,eAAe,EAAE,WAAW,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,IACgB,EACzB,CAAC,WAAW,EAAE,OAAO,IAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAChD,wBAAC,wDAA8B,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aAC1D,uBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,KAAK,EAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,WAAW,EAC9C,UAAU,EAAE,GAAG,UAAU,aAAa,KAClC,WAAW,YAEd,WAAW,EAAE,OAAO,GAChB,EACP,uBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,KAAK,EAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,EAC7C,UAAU,EAAE,GAAG,UAAU,YAAY,KACjC,UAAU,YAEb,UAAU,EAAE,OAAO,GACf,IACwB,CAClC,IACgC,CACpC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAMzE,CAAC;AAER,kEAA2B"}
+{"version":3,"file":"checkboxWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/checkboxWithLabel/checkboxWithLabelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iFAA8E;AAC9E,wEAA8E;AAC9E,4CAAyC;AACzC,mDAA4D;AAC5D,+CAA4C;AAE5C,uEAImC;AAGnC,MAAM,oCAAoC,GAAG,CAC3C,EACE,OAAO,EACP,WAAW,EACX,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,KAAK,EACwB,EAClC,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,UAAU,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,EAAE,IAAI,QAAQ,CAAC;IAClC,MAAM,qBAAqB,GAAG,GAAG,UAAU,aAAa,CAAC;IAEzD,MAAM,eAAe,GACnB,WAAW,IAAI,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB;QAClD,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB;QACvC,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAE7B,OAAO,CACL,wBAAC,0DAAgC,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aACtE,wBAAC,iDAAuB,mBACT,GAAG,UAAU,mBAAmB,EAC7C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAEd,uBAAC,uCAAkB,kBACL,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,qBAAqB,EAC3C,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,EAEF,uBAAC,iCAAK,IACJ,KAAK,EAAE,eAAe,EAAE,KAAK,EAC7B,UAAU,EAAE,GAAG,UAAU,OAAO,EAChC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAAE,YAAY,EAC1C,MAAM,EAAE,eAAe,EAAE,WAAW,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,IACgB,EACzB,CAAC,WAAW,EAAE,OAAO,IAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAChD,wBAAC,wDAA8B,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aAC1D,uBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,KAAK,EAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,WAAW,EAC9C,UAAU,EAAE,GAAG,UAAU,aAAa,KAClC,WAAW,YAEd,WAAW,EAAE,OAAO,GAChB,EACP,uBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,KAAK,EAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,EAC7C,UAAU,EAAE,GAAG,UAAU,YAAY,KACjC,UAAU,YAEb,UAAU,EAAE,OAAO,GACf,IACwB,CAClC,IACgC,CACpC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAMzE,CAAC;AAER,kEAA2B"}

package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js

@@ -32,6 +32,9 @@ const CheckboxWithLabelUncontrolledComponent = ({ initialChecked = false, disabl
     const { isChecked, handleToggleIsChecked } = (0, hooks_1.useCheckbox)({ initialChecked, disabled });
     return ((0, jsx_runtime_1.jsx)(checkboxWithLabelControlled_1.CheckboxWithLabelControlled, { ref: ref, checked: isChecked, disabled: disabled, onChange: handleToggleIsChecked, ...props }));
 };
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the CheckBox component
+ */
 const CheckboxWithLabelUncontrolled = React.forwardRef(CheckboxWithLabelUncontrolledComponent);
 exports.CheckboxWithLabelUncontrolled = CheckboxWithLabelUncontrolled;
 //# sourceMappingURL=checkboxWithLabelUncontrolled.js.map

package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxWithLabelUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/checkboxWithLabel/checkboxWithLabelUncontrolled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAsC;AAEtC,+EAA4E;AAG5E,MAAM,sCAAsC,GAAG,CAC7C,EAAE,cAAc,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAqC,EACzF,GAA0D,EAC7C,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,IAAA,mBAAW,EAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEvF,OAAO,CACL,uBAAC,yDAA2B,IAC1B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAsC,CAM7E,CAAC;AAER,sEAA6B"}
+{"version":3,"file":"checkboxWithLabelUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/checkboxWithLabel/checkboxWithLabelUncontrolled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAsC;AAEtC,+EAA4E;AAG5E,MAAM,sCAAsC,GAAG,CAC7C,EAAE,cAAc,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAqC,EACzF,GAA0D,EAC7C,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,IAAA,mBAAW,EAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEvF,OAAO,CACL,uBAAC,yDAA2B,IAC1B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAsC,CAM7E,CAAC;AAER,sEAA6B"}

package/dist/cjs/components/chip/chipStandAlone.js

@@ -27,7 +27,8 @@ exports.ChipStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const elementOrIcon_1 = require("../../components/elementOrIcon");
-const text_1 = require("../../components/text");
+const text_1 = require("../../components/text/text");
+const component_1 = require("../../components/text/types/component");
 const ariaLiveOption_1 = require("../../types/ariaLiveOption");
 const chip_styled_1 = require("./chip.styled");
 const types_1 = require("./types");
@@ -46,15 +47,15 @@ const ChipStandAloneComponent = ({ styles, dataTestId, range, rangeIcon, state,
     };
     const buildRangeOrLabel = () => {
         if (!range) {
-            return ((0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: styles?.label, ...props.label, children: props.label?.content && controlCapitalLetters(props.label.content) }));
+            return ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: styles?.label, ...props.label, children: props.label?.content && controlCapitalLetters(props.label.content) }));
         }
         return ((0, jsx_runtime_1.jsx)(chip_styled_1.RangeContainerStyled, { children: range.map((rangeItem, index) => {
                 const isNotLastElement = index !== range.length - 1;
-                return ((0, jsx_runtime_1.jsxs)(chip_styled_1.RangeItemWrapperStyled, { styles: styles, children: [(0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: styles?.rangeItemText, children: controlCapitalLetters(rangeItem.label) }), isNotLastElement &&
-                            (rangeIcon?.icon ? ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { altText: rangeSeparator.content, customIconStyles: styles?.rangeIcon, ...rangeIcon })) : ((0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: styles?.rangeItemSeparator, ...rangeSeparator, children: rangeSeparator.content })))] }, `option-${rangeItem.key ? rangeItem.key : rangeItem.label}`));
+                return ((0, jsx_runtime_1.jsxs)(chip_styled_1.RangeItemWrapperStyled, { styles: styles, children: [(0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: styles?.rangeItemText, children: controlCapitalLetters(rangeItem.label) }), isNotLastElement &&
+                            (rangeIcon?.icon ? ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { altText: rangeSeparator.content, customIconStyles: styles?.rangeIcon, ...rangeIcon })) : ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: styles?.rangeItemSeparator, ...rangeSeparator, children: rangeSeparator.content })))] }, `option-${rangeItem.key ? rangeItem.key : rangeItem.label}`));
             }) }));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(chip_styled_1.ChipStyled, { ref: ref, "aria-disabled": state === types_1.ChipStateType.DISABLED, "aria-hidden": state === types_1.ChipStateType.DISABLED, "data-testid": dataTestId, styles: styles, children: [!range && leftIcon && (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles?.leftIcon, ...leftIcon }), buildRangeOrLabel(), closeIcon && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles?.closeIcon, disabled: state === types_1.ChipStateType.DISABLED, ...closeIcon, altText: `${buildLabel()}` }))] }), (0, jsx_runtime_1.jsx)(chip_styled_1.ErrorStyled, { "aria-live": ariaLiveOption_1.AriaLiveOptionType.POLITE, styles: styles, children: state === types_1.ChipStateType.ERROR && !!errorIcon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles?.errorIcon, ...errorIcon }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: styles?.errorMessage, ...errorMessage, children: errorMessage.content })] })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(chip_styled_1.ChipStyled, { ref: ref, "aria-disabled": state === types_1.ChipStateType.DISABLED, "aria-hidden": state === types_1.ChipStateType.DISABLED, "data-testid": dataTestId, styles: styles, children: [!range && leftIcon && (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles?.leftIcon, ...leftIcon }), buildRangeOrLabel(), closeIcon && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles?.closeIcon, disabled: state === types_1.ChipStateType.DISABLED, ...closeIcon, altText: `${buildLabel()}` }))] }), (0, jsx_runtime_1.jsx)(chip_styled_1.ErrorStyled, { "aria-live": ariaLiveOption_1.AriaLiveOptionType.POLITE, styles: styles, children: state === types_1.ChipStateType.ERROR && !!errorIcon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles?.errorIcon, ...errorIcon }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: styles?.errorMessage, ...errorMessage, children: errorMessage.content })] })) })] }));
 };
 /**
  * @description

package/dist/cjs/components/chip/chipStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/chip/chipStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/chip/chipStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/confirmationMessage/confirmationMessage.js

@@ -37,6 +37,9 @@ const ConfirmationMessageComponent = React.forwardRef(({ state = types_1.Confirm
 });
 ConfirmationMessageComponent.displayName = 'ConfirmationMessageComponent';
 const ConfirmationMessageBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(confirmationMessageStandAlone_1.ConfirmationMessageStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ConfirmationMessageComponent, { ...props, ref: ref }) }));
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ */
 const ConfirmationMessage = React.forwardRef(ConfirmationMessageBoundary);
 exports.ConfirmationMessage = ConfirmationMessage;
 //# sourceMappingURL=confirmationMessage.js.map

package/dist/cjs/components/confirmationMessage/confirmationMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmationMessage.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2DAAwD;AACxD,4DAA4E;AAE5E,mFAAgF;AAChF,mCAKiB;AAEjB,MAAM,2BAA2B,GAAG,6BAA6B,CAAC;AAElE,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CACnD,CACE,EACE,KAAK,GAAG,oCAA4B,CAAC,OAAO,EAC5C,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACgB,EAC1B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,2BAA2B,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,uBAAC,6DAA6B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAE1E,MAAM,2BAA2B,GAAG,CAClC,KAA8B,EAC9B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6DAA6B,OACvB,KAAmD,EACxD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,4BAA4B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACvC,CACjB,CAAC;AAEF,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAMxD,CAAC;AAER,kDAAmB"}
+{"version":3,"file":"confirmationMessage.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2DAAwD;AACxD,4DAA4E;AAE5E,mFAAgF;AAChF,mCAKiB;AAEjB,MAAM,2BAA2B,GAAG,6BAA6B,CAAC;AAElE,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CACnD,CACE,EACE,KAAK,GAAG,oCAA4B,CAAC,OAAO,EAC5C,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACgB,EAC1B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,2BAA2B,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,uBAAC,6DAA6B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAE1E,MAAM,2BAA2B,GAAG,CAClC,KAA8B,EAC9B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6DAA6B,OACvB,KAAmD,EACxD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,4BAA4B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACvC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAMxD,CAAC;AAER,kDAAmB"}

package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.js

@@ -30,7 +30,7 @@ const footer_1 = require("../../components/footer");
 const text_1 = require("../../components/text");
 const types_1 = require("../../components/text/types");
 const utils_1 = require("../../utils");
-const decorativeElement_1 = require("../decorativeElement");
+const decorativeElementStandAlone_1 = require("../decorativeElement/decorativeElementStandAlone");
 const confirmationMessage_styled_1 = require("./confirmationMessage.styled");
 const types_2 = require("./types");
 const alignValue = {
@@ -44,7 +44,7 @@ const ConfirmationMessageStandAloneComponent = ({ align = types_2.ALIGN_TYPE.CEN
         const isTextContent = typeof props.description.content === 'string';
         return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.description, dataTestId: `${props.dataTestId}Description`, ...props.description, children: props.description.content })) : (props.description.content) }));
     };
-    return ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.ConfirmationMessageStyled, { ref: ref, styles: props.stylesState, children: [(0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleAndDescriptionStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleAndDescriptionContainer`, styles: props.stylesState, children: [props.title && ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleContainer`, styles: props.stylesState, children: [props.decorativeElement?.element && ((0, jsx_runtime_1.jsx)(decorativeElement_1.DecorativeElement, { ...props.decorativeElement, dataTestId: `${props.dataTestId}DecorativeElement`, element: (0, utils_1.buildPropsDecorativeElement)(props.decorativeElement?.element, props.stylesState) })), (0, jsx_runtime_1.jsx)(text_1.Text, { align: align, component: props.title?.component || types_1.TextComponentType.H2, customTypography: props.stylesState?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content })] })), (0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.DescriptionTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}DescriptionContainer`, styles: props.stylesState, children: [buildDescription(), (0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.secondaryDescription, dataTestId: `${props.dataTestId}SecondaryDescription`, ...props.secondaryDescription, children: props.secondaryDescription?.content })] })] }), props.content && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.ContentContainerStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}Content`, styles: props.stylesState, children: props.content })), props.footer?.content && footerVariant && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterWrapperStyled, { align: alignValue[align.toLocaleLowerCase()], children: (0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterStyled, { as: footer_1.Footer, contentDirection: alignValue[align.toLocaleLowerCase()] === types_2.ALIGN_TYPE.CENTER
+    return ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.ConfirmationMessageStyled, { ref: ref, styles: props.stylesState, children: [(0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleAndDescriptionStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleAndDescriptionContainer`, styles: props.stylesState, children: [props.title && ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleContainer`, styles: props.stylesState, children: [props.decorativeElement?.element && ((0, jsx_runtime_1.jsx)(decorativeElementStandAlone_1.DecorativeElement, { ...props.decorativeElement, dataTestId: `${props.dataTestId}DecorativeElement`, element: (0, utils_1.buildPropsDecorativeElement)(props.decorativeElement?.element, props.stylesState) })), (0, jsx_runtime_1.jsx)(text_1.Text, { align: align, component: props.title?.component || types_1.TextComponentType.H2, customTypography: props.stylesState?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content })] })), (0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.DescriptionTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}DescriptionContainer`, styles: props.stylesState, children: [buildDescription(), (0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.secondaryDescription, dataTestId: `${props.dataTestId}SecondaryDescription`, ...props.secondaryDescription, children: props.secondaryDescription?.content })] })] }), props.content && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.ContentContainerStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}Content`, styles: props.stylesState, children: props.content })), props.footer?.content && footerVariant && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterWrapperStyled, { align: alignValue[align.toLocaleLowerCase()], children: (0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterStyled, { as: footer_1.Footer, contentDirection: alignValue[align.toLocaleLowerCase()] === types_2.ALIGN_TYPE.CENTER
                         ? footer_1.ContentDirectionType.VERTICAL
                         : footer_1.ContentDirectionType.HORIZONTAL, customFooterStyles: props.stylesState, dataTestId: `${props.dataTestId}Navbar`, forceVertical: alignValue[align.toLocaleLowerCase()] === types_2.ALIGN_TYPE.CENTER, variant: footerVariant, ...props.footer, children: props.footer.content }) }))] }));
 };

package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmationMessageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessageStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"confirmationMessageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessageStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/container/containerStandAlone.js

@@ -26,10 +26,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContainerStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
-const text_1 = require("../../components/text");
+const text_1 = require("../../components/text/text");
+const component_1 = require("../../components/text/types/component");
 const container_styled_1 = require("./container.styled");
 const ContainerStandAloneComponent = (props, ref) => {
-    return ((0, jsx_runtime_1.jsxs)(container_styled_1.ParentContainerStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(container_styled_1.HeaderStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.H4, customTypography: props.styles.title, ...props.title, children: props.title?.content }) }), (0, jsx_runtime_1.jsx)(container_styled_1.ContainerStyled, { ref: ref, "data-testid": props.dataTestId, styles: props.styles, children: props.children })] }));
+    return ((0, jsx_runtime_1.jsxs)(container_styled_1.ParentContainerStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(container_styled_1.HeaderStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H4, customTypography: props.styles.title, ...props.title, children: props.title?.content }) }), (0, jsx_runtime_1.jsx)(container_styled_1.ContainerStyled, { ref: ref, "data-testid": props.dataTestId, styles: props.styles, children: props.children })] }));
 };
 /**
  * Represents the standalone container component.

package/dist/cjs/components/container/containerStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"containerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/container/containerStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4CAA4D;AAE5D,yDAA0F;AAG1F,MAAM,4BAA4B,GAAG,CACnC,KAAoD,EACpD,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,wBAAC,wCAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACzC,uBAAC,+BAAY,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAChC,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACM,EACf,uBAAC,kCAAe,IAAC,GAAG,EAAE,GAAG,iBAAe,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC3E,KAAK,CAAC,QAAQ,GACC,IACI,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}
+{"version":3,"file":"containerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/container/containerStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iDAA8C;AAC9C,iEAAsE;AAEtE,yDAA0F;AAG1F,MAAM,4BAA4B,GAAG,CACnC,KAAoD,EACpD,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,wBAAC,wCAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACzC,uBAAC,+BAAY,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAChC,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACM,EACf,uBAAC,kCAAe,IAAC,GAAG,EAAE,GAAG,iBAAe,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC3E,KAAK,CAAC,QAAQ,GACC,IACI,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}

package/dist/cjs/components/cssAnimation/cssAnimation.js

@@ -91,7 +91,8 @@ const CssAnimationComponent = ({ children, variant, options, exec = types_1.CssA
                     })) }) }));
 };
 /**
- * @description
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ *
  * CssAnimation component is a wrapper component that can be used to wrap other components.
  *
  * @param {React.PropsWithChildren<ICssAnimation>} props

package/dist/cjs/components/cssAnimation/cssAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssAnimation.js","sourceRoot":"","sources":["../../../../src/components/cssAnimation/cssAnimation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"cssAnimation.js","sourceRoot":"","sources":["../../../../src/components/cssAnimation/cssAnimation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAQe;AACf,mEAAuD;AAEvD,yEAA+E;AAE/E,+DAA8D;AAC9D,mCAAmE;AAEnE,MAAM,qBAAqB,GAAG,CAC5B,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,iCAAyB,CAAC,MAAM,EACvC,UAAU,GAAG,cAAc,GACb,EAChB,GAA0D,EAC7C,EAAE;IACf,MAAM,OAAO,GAAG,IAAA,cAAM,GAAkB,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,iCAAyB,CAAC,MAAM,CAAC,CAAC;IAEzE,wFAAwF;IACxF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE,aAAa,EAAE,CAAC;YAC3B,IAAI,OAAO,OAAO,EAAE,aAAa,KAAK,QAAQ,EAAE,CAAC;gBAC/C,OAAO,IAAA,wCAAuB,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YACzD,CAAC;YACD,OAAO,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;QACtC,CAAC;aAAM,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YAC7B,IAAI,OAAO,OAAO,EAAE,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1C,OAAO,IAAA,wCAAuB,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACjC,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,uFAAuF;IACvF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,OAAO,EAAE,YAAY,EAAE,CAAC;YAC1B,IAAI,OAAO,OAAO,EAAE,YAAY,KAAK,QAAQ,EAAE,CAAC;gBAC9C,OAAO,IAAA,wCAAuB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACxD,CAAC;YACD,OAAO,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;QACrC,CAAC;aAAM,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YAC7B,IAAI,OAAO,OAAO,EAAE,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1C,OAAO,IAAA,wCAAuB,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACjC,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAC1C,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uBAAC,sCAAa,IACZ,aAAa,QACb,UAAU,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,EAC7B,EAAE,EAAE,OAAO,KAAK,iCAAyB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC9D,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP,KAAK,EAAE,aAAa,EAAE;YACtB,IAAI,EAAE,YAAY,EAAE;SACrB,YAED,uBAAC,2CAAqB,mBACP,UAAU,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,CAAC,IAAI,KAAK,iCAAyB,CAAC,KAAK,IAAI,IAAI,KAAK,iCAAyB,CAAC,GAAG,CAAC;gBACnF,gBAAQ,CAAC,GAAG,CACV,QAAQ,EACR,KAAK,CAAC,EAAE,CACN,IAAA,sBAAc,EAAC,KAAK,CAAC;oBACrB,IAAA,oBAAY,EAAC,KAAK,EAAE;wBAClB,GAAG,EAAE,UAAU;qBACiB,CAAC,CACtC,GACmB,GACV,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/cjs/components/dataTable/dataTable.js

@@ -41,8 +41,12 @@ const DataTableComponent = ({ variant, ctv, ...props }, ref) => {
     React.useImperativeHandle(ref, () => innerRef.current, []);
     // Indicates if the data-table has scroll in order to add accesibility aria props
     const { hasScroll } = (0, hooks_2.useDataTableHasScroll)({ ref: innerRef });
-    // Set column sticky if data table has horizontal scroll
-    (0, hooks_2.useDataTableStickyColumns)({ ref: innerRef });
+    // Set column sticky right if data table has horizontal scroll
+    (0, hooks_2.useDataTableStickyRightColumns)({ ref: innerRef });
+    // Set column sticky left if data table has horizontal scroll
+    (0, hooks_2.useDataTableStickyLeftColumns)({ ref: innerRef });
+    // Set dividers sticky position and width if data table has horizontal scroll
+    (0, hooks_2.useDataTableStickyDividers)({ ref: innerRef });
     // Set shadow when scrolling
     (0, hooks_2.useDataTableShadow)({
         ref: innerRef,

package/dist/cjs/components/dataTable/dataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataTable.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAsC;AAEtC,+DAA4D;AAC5D,mCAA+F;AAG/F,MAAM,kBAAkB,GAAG,CACzB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EACtC,GAAuC,EACvC,EAAE;IACF,MAAM,MAAM,GAAG,IAAA,mBAAW,EAA2B;QACnD,SAAS,EAAE,uBAAW,CAAC,UAAU;QACjC,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,EAAE,EAAE,CAAC,CAAC;IAE7E,iFAAiF;IACjF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAqB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/D,wDAAwD;IACxD,IAAA,iCAAyB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7C,4BAA4B;IAC5B,IAAA,0BAAkB,EAAC;QACjB,GAAG,EAAE,QAAQ;QACb,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,cAAc,EAAE,MAAM,EAAE,cAAc;KACvC,CAAC,CAAC;IAEH,OAAO,uBAAC,yCAAmB,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACjG,CAAC,CAAC;AAEW,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"dataTable.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAsC;AAEtC,+DAA4D;AAC5D,mCAMiB;AAGjB,MAAM,kBAAkB,GAAG,CACzB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EACtC,GAAuC,EACvC,EAAE;IACF,MAAM,MAAM,GAAG,IAAA,mBAAW,EAA2B;QACnD,SAAS,EAAE,uBAAW,CAAC,UAAU;QACjC,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,EAAE,EAAE,CAAC,CAAC;IAE7E,iFAAiF;IACjF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAqB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/D,8DAA8D;IAC9D,IAAA,sCAA8B,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClD,6DAA6D;IAC7D,IAAA,qCAA6B,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjD,6EAA6E;IAC7E,IAAA,kCAA0B,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9C,4BAA4B;IAC5B,IAAA,0BAAkB,EAAC;QACjB,GAAG,EAAE,QAAQ;QACb,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,cAAc,EAAE,MAAM,EAAE,cAAc;KACvC,CAAC,CAAC;IAEH,OAAO,uBAAC,yCAAmB,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACjG,CAAC,CAAC;AAEW,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/cjs/components/dataTable/dataTableStandAlone.js

@@ -36,8 +36,8 @@ const dataTable_styled_1 = require("./dataTable.styled");
 const utils_1 = require("./utils");
 const DataTableStandAloneComponent = ({ dataTestId = 'dataTable', styles, hasScroll, columns, rowGroups, rows, activeRows, hoverable, hoverableRows, nonHoverableRows, stickyHead, config, caption, ...props }, ref) => {
     const usingRowGroups = rowGroups && rowGroups.length > 0;
-    return ((0, jsx_runtime_1.jsxs)(dataTable_styled_1.WrapperStyled, { ref: ref, "$styles": styles, "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsxs)(dataTable_styled_1.ScrollableContainerStyled, { "data-datatable-scrollable-container": true, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, role: hasScroll ? types_1.ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: [(0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { autoRightStickyCalc: false, component: usingRowGroups ? 'div' : undefined, disableShadowEffects: true, hasScrollDisabled: true, sticky: stickyHead, variant: styles?.table?.variant, ...(0, utils_1.applyZIndexToWrapper)({ tableConfig: config?.table, zIndex: styles?.table?.z_index }), children: [caption?.content && ((0, jsx_runtime_1.jsx)(tableCaption_1.TableCaption, { component: usingRowGroups ? 'div' : undefined, variant: styles?.tableCaption?.variant, ...caption, children: caption.content })), (0, jsx_runtime_1.jsx)(components_1.DataTableHead, { columns: columns, sticky: stickyHead, tableHeadCellVariant: styles?.tableHeadCell?.variant, tableHeadConfig: config?.tableHead, tableHeadRowConfig: config?.tableHeadRow, tableHeadRowVariant: styles?.tableHeadRow?.variant, tableHeadVariant: styles?.tableHead?.variant, usingRowGroups: usingRowGroups }), !usingRowGroups && rows && rows.length > 0 && ((0, jsx_runtime_1.jsx)(tableBody_1.TableBody, { variant: styles?.tableBody?.variant, ...config?.tableBody, children: (0, jsx_runtime_1.jsx)(components_1.DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rows, tableBodyCellVariant: styles?.tableBodyCell?.variant, tableBodyRowVariant: styles?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) }))] }), rowGroups?.map((rowGroup, index) => {
-                        return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [rowGroup.divider && ((0, jsx_runtime_1.jsx)(tableDivider_1.TableDivider, { variant: "DEFAULT", ...rowGroup.divider, children: rowGroup.divider?.content })), (0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { autoRightStickyCalc: false, disableShadowEffects: true, hasScrollDisabled: true, variant: styles?.rowGroup?.table?.variant, ...(0, utils_1.applyPositionToWrapper)({
+    return ((0, jsx_runtime_1.jsxs)(dataTable_styled_1.WrapperStyled, { ref: ref, "$styles": styles, "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsxs)(dataTable_styled_1.ScrollableContainerStyled, { "data-datatable-scrollable-container": true, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, role: hasScroll ? types_1.ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: [(0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { autoLeftStickyCalc: false, autoRightStickyCalc: false, component: usingRowGroups ? 'div' : undefined, disableShadowEffects: true, hasScrollDisabled: true, sticky: stickyHead, variant: styles?.table?.variant, ...(0, utils_1.applyZIndexToWrapper)({ tableConfig: config?.table, zIndex: styles?.table?.z_index }), children: [caption?.content && ((0, jsx_runtime_1.jsx)(tableCaption_1.TableCaption, { component: usingRowGroups ? 'div' : undefined, variant: styles?.tableCaption?.variant, ...caption, children: caption.content })), (0, jsx_runtime_1.jsx)(components_1.DataTableHead, { columns: columns, sticky: stickyHead, tableHeadCellVariant: styles?.tableHeadCell?.variant, tableHeadConfig: config?.tableHead, tableHeadRowConfig: config?.tableHeadRow, tableHeadRowVariant: styles?.tableHeadRow?.variant, tableHeadVariant: styles?.tableHead?.variant, usingRowGroups: usingRowGroups }), !usingRowGroups && rows && rows.length > 0 && ((0, jsx_runtime_1.jsx)(tableBody_1.TableBody, { variant: styles?.tableBody?.variant, ...config?.tableBody, children: (0, jsx_runtime_1.jsx)(components_1.DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rows, tableBodyCellVariant: styles?.tableBodyCell?.variant, tableBodyRowVariant: styles?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) }))] }), rowGroups?.map((rowGroup, index) => {
+                        return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [rowGroup.divider && ((0, jsx_runtime_1.jsx)(tableDivider_1.TableDivider, { variant: "DEFAULT", ...rowGroup.divider, children: rowGroup.divider?.content })), (0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { autoLeftStickyCalc: false, autoRightStickyCalc: false, disableShadowEffects: true, hasScrollDisabled: true, variant: styles?.rowGroup?.table?.variant, ...(0, utils_1.applyPositionToWrapper)({
                                         tableConfig: rowGroup.config?.table,
                                         position: 'static',
                                     }), children: [rowGroup.caption?.content && ((0, jsx_runtime_1.jsx)(tableCaption_1.TableCaption, { variant: styles?.rowGroup?.tableCaption?.variant, ...rowGroup.caption, children: rowGroup.caption?.content })), (0, jsx_runtime_1.jsx)(components_1.HiddenDataTableHead, { columns: columns, tableHeadCellVariant: styles?.rowGroup?.tableHeadCell?.variant, tableHeadRowVariant: styles?.rowGroup?.tableHeadRow?.variant, tableHeadVariant: styles?.rowGroup?.tableHead?.variant }), (0, jsx_runtime_1.jsx)(tableBody_1.TableBody, { variant: styles?.rowGroup?.tableBody?.variant, ...rowGroup.config?.tableBody, children: (0, jsx_runtime_1.jsx)(components_1.DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rowGroup.rows, tableBodyCellVariant: styles?.rowGroup?.tableBodyCell?.variant, tableBodyRowVariant: styles?.rowGroup?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) })] })] }, index));

package/dist/cjs/components/dataTable/dataTableStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataTableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTableStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dataTableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTableStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/dataTable/hooks/index.js

@@ -15,6 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useDataTableHasScroll"), exports);
-__exportStar(require("./useDataTableStickyColumns"), exports);
+__exportStar(require("./useDataTableStickyRightColumns"), exports);
+__exportStar(require("./useDataTableStickyLeftColumns"), exports);
 __exportStar(require("./useDataTableShadow"), exports);
+__exportStar(require("./useDataTableStickyDividers"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/dataTable/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,8DAA4C;AAC5C,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,mEAAiD;AACjD,kEAAgD;AAChD,uDAAqC;AACrC,+DAA6C"}

package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataTableStickyDividers = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const useDataTableStickyDividers = ({ ref, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement) {
+            const handleElementResize = (element) => {
+                const _hasHorizontalScroll = (0, utils_1.hasHorizontalScroll)(element);
+                // If there are sticky left cells:
+                // -> dividers should be sticky to the left too
+                // -> left and right datatable shadows should remain under the divider (z-index in the divider should be greather than the z-index of the shadows)
+                // If there are not sticky left cells:
+                // -> dividers with should be updated with the offset width of the table in order to have a width of 100% (in case the datatable has horizontal scroll)
+                const dividers = element.querySelectorAll('[data-table-divider]');
+                const stickyLeft = element.querySelectorAll('[data-sticky="left"]').length > 0;
+                // Calc shadow z-index when sticky left
+                let shadowZIndex = 0;
+                // Calc divider width when !sticky left
+                let dividerWidth = 0;
+                if (stickyLeft) {
+                    const leftBoxShadowContainer = ref.current?.querySelector('[data-datatable-left-shadow]');
+                    if (leftBoxShadowContainer) {
+                        const shadowContainerStyle = window.getComputedStyle(leftBoxShadowContainer);
+                        const _shadowZIndex = shadowContainerStyle.getPropertyValue('z-index');
+                        if (_shadowZIndex) {
+                            shadowZIndex = parseInt(_shadowZIndex, 10);
+                        }
+                    }
+                }
+                else {
+                    const rows = element.querySelectorAll('[data-table-row]');
+                    rows.forEach(row => {
+                        if (row instanceof HTMLElement) {
+                            dividerWidth = Math.max(dividerWidth, row.offsetWidth);
+                        }
+                    });
+                }
+                dividers.forEach(divider => {
+                    if (divider instanceof HTMLElement) {
+                        if (stickyLeft) {
+                            divider.style.position = _hasHorizontalScroll ? 'sticky' : '';
+                            divider.style.left = _hasHorizontalScroll ? '0' : '';
+                            divider.style.zIndex = _hasHorizontalScroll ? `${shadowZIndex + 1}` : '';
+                        }
+                        else {
+                            divider.style.width = _hasHorizontalScroll ? `${dividerWidth}px` : '';
+                        }
+                    }
+                });
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, []);
+    return {};
+};
+exports.useDataTableStickyDividers = useDataTableStickyDividers;
+//# sourceMappingURL=useDataTableStickyDividers.js.map

package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableStickyDividers.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyDividers.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataTableStickyLeftColumns = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const useDataTableStickyLeftColumns = ({ ref, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
+        const leftBoxShadowContainer = ref.current?.querySelector('[data-datatable-left-shadow]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement) {
+            const handleElementResize = (element) => {
+                const _hasHorizontalScroll = (0, utils_1.hasHorizontalScroll)(element);
+                // For each row, set the left position of its sticky cells
+                const rows = element.querySelectorAll('[data-table-row]');
+                // used to calc leftBoxShadowContainer position
+                let maxStickyLeftWidth = 0;
+                rows.forEach(row => {
+                    if (row instanceof HTMLElement) {
+                        // Retrieve all the cell with sticky attribute
+                        const stickyCells = Array.from(row.querySelectorAll('[data-sticky="left"]'));
+                        let left = 0;
+                        stickyCells.forEach(stickyCell => {
+                            if (stickyCell instanceof HTMLElement) {
+                                stickyCell.style.left = _hasHorizontalScroll ? `${left}px` : 'auto';
+                                left += stickyCell.offsetWidth;
+                            }
+                        });
+                        maxStickyLeftWidth = Math.max(maxStickyLeftWidth, left);
+                    }
+                });
+                // Once the sticky position have been added, set the position of the leftBoxShadowContainer
+                // This position should be the same as the max width of the sticky cells
+                if (leftBoxShadowContainer instanceof HTMLElement) {
+                    leftBoxShadowContainer.style.left = `${maxStickyLeftWidth}px`;
+                }
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, []);
+    return {};
+};
+exports.useDataTableStickyLeftColumns = useDataTableStickyLeftColumns;
+//# sourceMappingURL=useDataTableStickyLeftColumns.js.map

package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyLeftColumns.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAA8C;AAQvC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,GAAG,GACqC,EAA2C,EAAE;IACrF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,uCAAuC,CAAC,CAAC;QAChG,MAAM,sBAAsB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC;QAC1F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,EAAE,CAAC;YAC/C,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,IAAA,2BAAmB,EAAC,OAAO,CAAC,CAAC;gBAC1D,0DAA0D;gBAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,+CAA+C;gBAC/C,IAAI,kBAAkB,GAAG,CAAC,CAAC;gBAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,IAAI,GAAG,YAAY,WAAW,EAAE,CAAC;wBAC/B,8CAA8C;wBAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;wBAC7E,IAAI,IAAI,GAAG,CAAC,CAAC;wBACb,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;4BAC/B,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;gCACtC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;gCACpE,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC;4BACjC,CAAC;wBACH,CAAC,CAAC,CAAC;wBACH,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;oBAC1D,CAAC;gBACH,CAAC,CAAC,CAAC;gBACH,2FAA2F;gBAC3F,wEAAwE;gBACxE,IAAI,sBAAsB,YAAY,WAAW,EAAE,CAAC;oBAClD,sBAAsB,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,kBAAkB,IAAI,CAAC;gBAChE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AA9CW,QAAA,6BAA6B,iCA8CxC"}

package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataTableStickyRightColumns = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const useDataTableStickyRightColumns = ({ ref, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
+        const rightBoxShadowContainer = ref.current?.querySelector('[data-datatable-right-shadow]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement) {
+            const handleElementResize = (element) => {
+                const _hasHorizontalScroll = (0, utils_1.hasHorizontalScroll)(element);
+                // For each row, set the right position of its sticky cells
+                const rows = element.querySelectorAll('[data-table-row]');
+                // used to calc rightBoxShadowContainer position
+                let maxStickyRightWidth = 0;
+                rows.forEach(row => {
+                    if (row instanceof HTMLElement) {
+                        // Retrieve all the cell with sticky attribute
+                        const stickyCells = Array.from(
+                        // deprecated - delete [data-sticky="true"] after boolean is deleted from the sticky type
+                        row.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();
+                        let right = 0;
+                        stickyCells.forEach(stickyCell => {
+                            if (stickyCell instanceof HTMLElement) {
+                                stickyCell.style.right = _hasHorizontalScroll ? `${right}px` : 'auto';
+                                right += stickyCell.offsetWidth;
+                            }
+                        });
+                        maxStickyRightWidth = Math.max(maxStickyRightWidth, right);
+                    }
+                });
+                // Once the sticky position have been added, set the position of the rightBoxShadowContainer
+                // This position should be the same as the max width of the sticky cells
+                if (rightBoxShadowContainer instanceof HTMLElement) {
+                    // If vertical scroll, add scroll bar size to maxStickyRightWidth
+                    const _hasVerticalScroll = (0, utils_1.hasVerticalScroll)(element);
+                    if (_hasVerticalScroll) {
+                        const scrollBarSize = element.offsetWidth - element.clientWidth;
+                        maxStickyRightWidth += scrollBarSize;
+                    }
+                    rightBoxShadowContainer.style.right = `${maxStickyRightWidth}px`;
+                }
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, []);
+    return {};
+};
+exports.useDataTableStickyRightColumns = useDataTableStickyRightColumns;
+//# sourceMappingURL=useDataTableStickyRightColumns.js.map

package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableStickyRightColumns.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyRightColumns.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAiE;AAQ1D,MAAM,8BAA8B,GAAG,CAAC,EAC7C,GAAG,GACsC,EAA4C,EAAE;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,uCAAuC,CAAC,CAAC;QAChG,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;QAC5F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,EAAE,CAAC;YAC/C,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,IAAA,2BAAmB,EAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,mBAAmB,GAAG,CAAC,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,IAAI,GAAG,YAAY,WAAW,EAAE,CAAC;wBAC/B,8CAA8C;wBAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI;wBAC5B,yFAAyF;wBACzF,GAAG,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,CACpE,CAAC,OAAO,EAAE,CAAC;wBACZ,IAAI,KAAK,GAAG,CAAC,CAAC;wBACd,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;4BAC/B,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;gCACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;gCACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;4BAClC,CAAC;wBACH,CAAC,CAAC,CAAC;wBACH,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;oBAC7D,CAAC;gBACH,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,iEAAiE;oBACjE,MAAM,kBAAkB,GAAG,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,mBAAmB,IAAI,aAAa,CAAC;oBACvC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,mBAAmB,IAAI,CAAC;gBACnE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAvDW,QAAA,8BAA8B,kCAuDzC"}