@kubit-ui-web/react-components 1.0.0-beta.1

package/dist/cjs/components/dot/dot.js

@@ -0,0 +1,44 @@
+"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.Dot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const constants_1 = require("../../constants");
+const useStyles_1 = require("../../hooks/useStyles/useStyles");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const dotStandAlone_1 = require("./dotStandAlone");
+const DotComponent = React.forwardRef((props, ref) => {
+    const { size, variant, number, maxNumber } = props;
+    const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.DOT, variant, props.ctv);
+    const sizeStyles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.DOT, size, props.cts);
+    const formattedNumber = number && maxNumber && number > maxNumber ? `+${maxNumber}` : number?.toString();
+    return ((0, jsx_runtime_1.jsx)(dotStandAlone_1.DotStandAlone, { ...props, ref: ref, formatedNumber: size !== 'SMALL' ? formattedNumber : undefined, sizeStyles: sizeStyles, styles: styles }));
+});
+DotComponent.displayName = 'DotComponent';
+const DotBoundary = (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)(dotStandAlone_1.DotStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(DotComponent, { ...props, ref: ref }) }));
+const Dot = React.forwardRef(DotBoundary);
+exports.Dot = Dot;
+//# sourceMappingURL=dot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","sourceRoot":"","sources":["../../../../src/components/dot/dot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,mDAAgD;AAIhD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAIE,KAAiB,EACjB,GAA4D,EAC/C,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA0B,uBAAW,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACvF,MAAM,UAAU,GAAG,IAAA,qBAAS,EAAsB,uBAAW,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAEpF,MAAM,eAAe,GACnB,MAAM,IAAI,SAAS,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC;IAEnF,OAAO,CACL,uBAAC,6BAAa,OACR,KAAK,EACT,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC9D,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,WAAW,GAAG,CAIlB,KAAiB,EACjB,GAA4D,EAC/C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6BAAa,OAAM,KAAmC,EAAE,GAAG,EAAE,GAAG,GAAI,GACnD,YAGtB,uBAAC,YAAY,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACvB,CACjB,CAAC;AAEF,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAOL,CAAC;AAY3B,kBAAG"}

package/dist/cjs/components/dot/dot.styled.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DotStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const getStyles_1 = require("../../utils/getStyles/getStyles");
+exports.DotStyled = styled_components_1.default.span `
+  ${props => (0, getStyles_1.getStyles)(props.styles.container)}
+  ${props => (0, getStyles_1.getStyles)(props.sizeStyles.container)}
+  ${props => (0, getStyles_1.getPaddingStyles)(props.sizeStyles.container)}
+  ${props => (0, getStyles_1.getMeasuresStyles)(props.sizeStyles.container)}
+  ${props => (0, getStyles_1.getTypographyStyles)(props.sizeStyles.container)}
+  ${props => (0, getStyles_1.getTypographyStyles)(props.styles.container)}
+`;
+//# sourceMappingURL=dot.styled.js.map

package/dist/cjs/components/dot/dot.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot.styled.js","sourceRoot":"","sources":["../../../../src/components/dot/dot.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAKqC;AAIxB,QAAA,SAAS,GAAG,2BAAM,CAAC,IAAI,CAAY;IAC5C,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,CAAC,IAAA,4BAAgB,EAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;IACrD,KAAK,CAAC,EAAE,CAAC,IAAA,6BAAiB,EAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;IACtD,KAAK,CAAC,EAAE,CAAC,IAAA,+BAAmB,EAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,CAAC,IAAA,+BAAmB,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CACvD,CAAC"}

package/dist/cjs/components/dot/dotStandAlone.js

@@ -0,0 +1,44 @@
+"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.DotStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const dot_styled_1 = require("./dot.styled");
+const DotStandAloneComponent = ({ formatedNumber, sizeStyles, styles, dataTestId = 'dot-standalone-test-id' }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(dot_styled_1.DotStyled, { ref: ref, "data-testid": dataTestId, sizeStyles: sizeStyles, styles: styles, children: formatedNumber }));
+};
+/**
+ * @description
+ * Dot component is a component that can be used to display a dot.
+ * It can be used to display a notification dot or a dot to indicate a status.
+ * @param {IDotStandAlone} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <Dot variant="primary" size="SMALL" number={1} maxNumber={99} />
+ */
+exports.DotStandAlone = React.forwardRef(DotStandAloneComponent);
+//# sourceMappingURL=dotStandAlone.js.map

package/dist/cjs/components/dot/dotStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dot/dotStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,6CAAyC;AAGzC,MAAM,sBAAsB,GAAG,CAC7B,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,GAAG,wBAAwB,EAAkB,EAC7F,GAA2D,EAC9C,EAAE;IACf,OAAO,CACL,uBAAC,sBAAS,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YACjF,cAAc,GACL,CACb,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dot = void 0;
+var dot_1 = require("./dot");
+Object.defineProperty(exports, "Dot", { enumerable: true, get: function () { return dot_1.Dot; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/dot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dot/index.ts"],"names":[],"mappings":";;;AAYA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/cjs/components/dot/stories/argtypes.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.argtypes = void 0;
+const constants_1 = require("../../../constants");
+const argtypes = (variants, themeSelected) => {
+    return {
+        theme: {
+            table: {
+                disable: true,
+            },
+        },
+        variant: {
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            description: 'Dot variant',
+            options: Object.keys(variants[themeSelected].DotVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: constants_1.CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        size: {
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            description: 'Dot size',
+            options: Object.keys(variants[themeSelected].DotSizeType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: constants_1.CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        number: {
+            control: { type: 'number' },
+            type: { name: 'number' },
+            description: 'Number shown inside the dot when is less than maxNumber',
+            table: {
+                type: {
+                    summary: 'number',
+                },
+                defaultValue: { summary: 0 },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        maxNumber: {
+            control: { type: 'number', max: 99 },
+            type: { name: 'number' },
+            description: 'Number shown inside the dot with a plus symbol',
+            table: {
+                type: {
+                    summary: 'number',
+                },
+                defaultValue: { summary: 10 },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        dataTestId: {
+            control: { type: 'text' },
+            type: { name: 'string' },
+            description: 'String used for testing',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: constants_1.CATEGORY_CONTROL.TESTING,
+            },
+        },
+        ctv: {
+            description: 'Object used for update variant styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: constants_1.CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+        cts: {
+            description: 'Object used for update size styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: constants_1.CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+    };
+};
+exports.argtypes = argtypes;
+//# sourceMappingURL=argtypes.js.map

package/dist/cjs/components/dot/stories/argtypes.js.map

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

package/dist/cjs/components/dot/types/dot.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=dot.js.map

package/dist/cjs/components/dot/types/dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","sourceRoot":"","sources":["../../../../../src/components/dot/types/dot.ts"],"names":[],"mappings":""}

package/dist/cjs/components/dot/types/dotTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=dotTheme.js.map

package/dist/cjs/components/dot/types/dotTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotTheme.js","sourceRoot":"","sources":["../../../../../src/components/dot/types/dotTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/dot/types/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/dot/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dot/types/index.ts"],"names":[],"mappings":""}

package/dist/cjs/components/drawer/drawer.styled.js

@@ -0,0 +1,122 @@
+"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.DrawerFooterStyled = exports.DrawerContentStyled = exports.DrawerNavigationStyled = exports.DrawerStyled = exports.DrawerTitleStyled = exports.DrawerTitleContentFooterContainerStyled = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const getStyles_1 = require("../../utils/getStyles/getStyles");
+const types_1 = require("./types");
+exports.DrawerTitleContentFooterContainerStyled = styled_components_1.default.div `
+  padding-top: ${props => !props.blocked ? 0 : props.styles.titleContentFooterContainer?.paddingTopIsBlocking};
+  display: flex;
+  flex-direction: column;
+  //Height is 100svh minus DrawerNavigationStyled total height
+  height: ${props => !props.blocked
+    ? `calc(100svh - (${props.styles.iconContainer?.padding_top} + ${props.styles.iconContainer?.padding_right} + ${props.styles.icon?.width}))`
+    : '100svh'};
+  ${props => (0, getStyles_1.getStyles)(props.styles.titleContentFooterContainer)}
+`;
+exports.DrawerTitleStyled = styled_components_1.default.div.withConfig({
+    shouldForwardProp: () => true,
+}) ``;
+exports.DrawerStyled = styled_components_1.default.div `
+  background-color: #fff;
+  height: 100svh;
+  min-width: 50vw;
+  max-width: 50vw;
+  overflow-y: auto;
+  ${() => ({ theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet }, }, }) => (0, styled_components_1.css) `
+      ${onlyDesktop} {
+        min-height: 100svh;
+      }
+      ${onlyTablet} {
+        min-height: 100svh;
+      }
+    `};
+
+  ${exports.DrawerTitleStyled} {
+    transition: box-shadow 300ms;
+    word-break: break-word;
+    top: ${props => `calc(${props.styles.icon?.width} + ${props.styles.iconContainer?.padding_top})`};
+    ${props => (0, getStyles_1.getStyles)(props.styles.titleContainer)}
+    ${props => (0, getStyles_1.getTypographyStyles)(props.styles.titleContainer)}
+  }
+
+  ${() => ({ theme: { MEDIA_QUERIES: { onlyMobile, onlyTablet }, }, }) => (0, styled_components_1.css) `
+      ${onlyMobile} {
+        max-width: inherit;
+        max-height: inherit;
+      }
+      ${onlyTablet} {
+        max-width: 100vw;
+        min-width: 100vw;
+      }
+    `};
+  ${props => props.position && (0, getStyles_1.getStyles)(props.styles.container?.[props.position])}
+`;
+exports.DrawerNavigationStyled = styled_components_1.default.div `
+  top: 0;
+  width: 100%;
+  display: flex;
+  justify-content: ${props => props.level === types_1.DrawerLevelPositionTypes.FIRST_LEVEL ? 'flex-end' : 'flex-start'};
+  ${props => (0, getStyles_1.getStyles)(props.styles.iconContainer)}
+`;
+exports.DrawerContentStyled = styled_components_1.default.div `
+  max-height: 100%;
+  word-break: break-word;
+  flex-grow: 1;
+  overflow-y: auto;
+  width: 100%;
+  min-height: 5rem;
+  height: 100%;
+
+  ${() => ({ theme: { MEDIA_QUERIES: { onlyMobile }, }, }) => (0, styled_components_1.css) `
+      ${onlyMobile} {
+        height: auto;
+      }
+    `};
+  ${props => (0, getStyles_1.getStyles)(props.styles.content)}
+  > *:first-child {
+    ${props => (0, getStyles_1.getStyles)(props.styles.content?.firstChild)};
+  }
+  > * {
+    ${props => (0, getStyles_1.getStyles)(props.styles.content?.childs)};
+  }
+  > *:last-child {
+    ${props => (0, getStyles_1.getStyles)(props.styles.content?.lastChild)};
+  }
+`;
+exports.DrawerFooterStyled = styled_components_1.default.div.withConfig({
+    shouldForwardProp: () => true,
+}) `
+  bottom: 0;
+  width: 100%;
+  ${() => ({ theme: { MEDIA_QUERIES: { onlyMobile }, }, }) => (0, styled_components_1.css) `
+      ${onlyMobile} {
+        margin-top: 0;
+      }
+    `};
+  ${props => (0, getStyles_1.getStyles)(props.customFooterStyles?.footer)}
+`;
+//# sourceMappingURL=drawer.styled.js.map

package/dist/cjs/components/drawer/drawer.styled.js.map

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

package/dist/cjs/components/drawer/drawerControlled.js

@@ -0,0 +1,64 @@
+"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.DrawerControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const useStyles_1 = require("../../hooks/useStyles/useStyles");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const portal_1 = require("../portal");
+const drawerStandAlone_1 = require("./drawerStandAlone");
+/* Constants for useScrollEffect */
+const CONDITION = true;
+const SCROLL_DISTANCE = 5;
+/* Constants for useZoomEffect (footer) */
+const FOOTER_EDIT_STYLES = [
+    { cssPropertyName: 'position', cssPropertyValue: 'static' },
+];
+/* Constants for useZoomEffect (content) */
+const CONTENT_EDIT_STYLE = [
+    { cssPropertyName: 'height', cssPropertyValue: 'fit-content' },
+];
+const MAX_ZOOM = 2.4;
+const DrawerControlledComponent = React.forwardRef(({ portalId, ...props }, ref) => {
+    const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.DRAWER, props.variant, props.ctv);
+    const device = (0, hooks_1.useMediaDevice)();
+    const stylesByDevice = styles[device];
+    const { scrollableRef, shadowRef } = (0, hooks_1.useScrollEffect)(CONDITION, stylesByDevice.titleContainer?.box_shadow, SCROLL_DISTANCE);
+    const footerRef = (0, hooks_1.useZoomEffect)(FOOTER_EDIT_STYLES, MAX_ZOOM);
+    const contentRef = (0, hooks_1.useZoomEffect)(CONTENT_EDIT_STYLE, MAX_ZOOM);
+    const drawerStructure = ((0, jsx_runtime_1.jsx)(drawerStandAlone_1.DrawerStandAlone, { ...props, ref: ref, contentRef: contentRef, device: device, footerRef: footerRef, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: stylesByDevice }));
+    return portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: drawerStructure }) : drawerStructure;
+});
+DrawerControlledComponent.displayName = 'DrawerControlledComponent';
+const DrawerBoundary = ({ portalId, ...props }, ref) => {
+    const drawerStructure = ((0, jsx_runtime_1.jsx)(drawerStandAlone_1.DrawerStandAlone, { ...props, ref: ref }));
+    return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsxs)(errorBoundary_1.FallbackComponent, { children: [portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: drawerStructure }) : drawerStructure, ' '] }), children: (0, jsx_runtime_1.jsx)(DrawerControlledComponent, { ...props, ref: ref, portalId: portalId }) }));
+};
+const DrawerControlled = React.forwardRef(DrawerBoundary);
+exports.DrawerControlled = DrawerControlled;
+//# sourceMappingURL=drawerControlled.js.map

package/dist/cjs/components/drawer/drawerControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAyE;AACzE,2DAAwD;AACxD,4DAA4E;AAG5E,sCAAmC;AACnC,yDAAsD;AAGtD,mCAAmC;AACnC,MAAM,SAAS,GAAG,IAAI,CAAC;AACvB,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,0CAA0C;AAC1C,MAAM,kBAAkB,GAAkB;IACxC,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE;CAC5D,CAAC;AACF,2CAA2C;AAC3C,MAAM,kBAAkB,GAAkB;IACxC,EAAE,eAAe,EAAE,QAAQ,EAAE,gBAAgB,EAAE,aAAa,EAAE;CAC/D,CAAC;AACF,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAC5C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,MAAM,EAClB,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,GAAG,CACV,CAAC;IACF,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAe,EAClD,SAAS,EACT,cAAc,CAAC,cAAc,EAAE,UAAU,EACzC,eAAe,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,CACtB,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,cAAc,GACtB,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,eAAe,GAAU,CAAC,CAAC,CAAC,eAAe,CAAC;AAC9F,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAC5C,GAA0D,EAC7C,EAAE;IACf,MAAM,eAAe,GAAG,CACtB,uBAAC,mCAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC5E,CAAC;IACF,OAAO,CACL,uBAAC,6BAAa,IACZ,iBAAiB,EACf,wBAAC,iCAAiB,eACf,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,eAAe,GAAU,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,IACxE,YAGtB,uBAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACxD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIxC,CAAC;AAER,4CAAgB"}

package/dist/cjs/components/drawer/drawerStandAlone.js

@@ -0,0 +1,45 @@
+"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.DrawerStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable complexity */
+const React = __importStar(require("react"));
+const elementOrIcon_1 = require("../../components/elementOrIcon");
+const footer_1 = require("../../components/footer");
+const popover_1 = require("../../components/popover");
+const text_1 = require("../../components/text");
+const hooks_1 = require("../../hooks");
+const types_1 = require("../../types");
+const drawer_styled_1 = require("./drawer.styled");
+const types_2 = require("./types");
+const DrawerStandAloneComponent = ({ blocked = false, scrollableRef, shadowRef, footerRef, contentRef, ...props }, ref) => {
+    const uniqueTitleId = (0, hooks_1.useId)('drawer-title');
+    const titleIdFinal = props.title?.id ?? uniqueTitleId;
+    const position = props.styles[props.level]?.containerPosition;
+    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: (0, jsx_runtime_1.jsxs)(drawer_styled_1.DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && ((0, jsx_runtime_1.jsx)(drawer_styled_1.DrawerNavigationStyled, { level: props.level, styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon }) })), (0, jsx_runtime_1.jsxs)(drawer_styled_1.DrawerTitleContentFooterContainerStyled, { ref: contentRef, blocked: blocked, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(drawer_styled_1.DrawerTitleStyled, { ref: shadowRef, "aria-label": typeof props.title?.content === 'string' ? props.title.content : undefined, as: text_1.Text, component: types_2.DrawerTitleComponentType.H3, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, role: types_1.ROLES.NAVIGATION, ...props.title, children: props.title?.content }), (0, jsx_runtime_1.jsx)(drawer_styled_1.DrawerContentStyled, { ref: scrollableRef, styles: props.styles, children: props.children }), props.footer?.content && props.styles.footer?.variant && ((0, jsx_runtime_1.jsx)(drawer_styled_1.DrawerFooterStyled, { ref: footerRef, as: footer_1.Footer, customFooterStyles: props.styles, variant: props.styles.footer?.variant, ...props.footer, children: props.footer.content }))] })] }) }));
+};
+exports.DrawerStandAlone = React.forwardRef(DrawerStandAloneComponent);
+//# sourceMappingURL=drawerStandAlone.js.map

package/dist/cjs/components/drawer/drawerStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+B;AAC/B,6CAA+B;AAE/B,8DAA2D;AAC3D,gDAA6C;AAC7C,kDAAoE;AACpE,4CAA4D;AAC5D,mCAAgC;AAChC,mCAAgC;AAEhC,mDAOyB;AACzB,mCAAsE;AAEtE,MAAM,yBAAyB,GAAG,CAChC,EAAE,OAAO,GAAG,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAqB,EACjG,GAA0D,EAC7C,EAAE;IACf,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,aAAa,CAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE9D,OAAO,CACL,uBAAC,2BAAO,uBACW,YAAY,gBACjB,KAAK,CAAC,IAAI,EACtB,iBAAiB,EAAE,CAAC,OAAO,EAC3B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EACxC,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,oBAAoB,EAAE,IAAI,EAC1B,OAAO,EAAE,QAAQ,KACb,KAAK,CAAC,OAAO,YAEjB,wBAAC,4BAAY,IACX,GAAG,EAAE,GAAG,iBACK,GAAG,KAAK,CAAC,UAAU,QAAQ,EACxC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,CAAC,OAAO,IAAI,CACX,uBAAC,sCAAsB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC9D,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,KAAM,KAAK,CAAC,SAAS,GAAI,GACpD,CAC1B,EACD,wBAAC,uDAAuC,IACtC,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEpB,uBAAC,iCAAiB,IAChB,GAAG,EAAE,SAAS,gBACF,OAAO,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtF,EAAE,EAAE,WAAoC,EACxC,SAAS,EAAE,gCAAwB,CAAC,EAAkC,EACtE,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,YAAY,OAAO,EAClC,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,aAAK,CAAC,UAAU,KAClB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GACH,EACpB,uBAAC,mCAAmB,IAAC,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1D,KAAK,CAAC,QAAQ,GACK,EACrB,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,CACxD,uBAAC,kCAAkB,IACjB,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,eAAsC,EAC1C,kBAAkB,EAAE,KAAK,CAAC,MAAM,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,KACjC,KAAK,CAAC,MAAM,YAEf,KAAK,CAAC,MAAM,CAAC,OAAO,GACF,CACtB,IACuC,IAC7B,GACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/cjs/components/drawer/drawerUnControlled.js

@@ -0,0 +1,53 @@
+"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.DrawerUnControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const drawerControlled_1 = require("./drawerControlled");
+const DrawerUnControlledComponent = ({ defaultOpen = true, closeIcon, popover, onOpenClose, ...props }, ref) => {
+    const [open, setOpen] = React.useState(defaultOpen);
+    // Popover could close when pressing scape or clicking outside
+    const handleCloseDrawer = () => {
+        setOpen(prevOpen => {
+            if (prevOpen) {
+                onOpenClose?.(false);
+            }
+            return false;
+        });
+    };
+    const handleCloseIconClick = e => {
+        handleCloseDrawer();
+        closeIcon?.onClick?.(e);
+    };
+    const handlePopoverCloseInterllay = () => {
+        handleCloseDrawer();
+        popover?.onCloseInternally?.();
+    };
+    return ((0, jsx_runtime_1.jsx)(drawerControlled_1.DrawerControlled, { ...props, ref: ref, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInterllay } }));
+};
+const DrawerUnControlled = React.forwardRef(DrawerUnControlledComponent);
+exports.DrawerUnControlled = DrawerUnControlled;
+//# sourceMappingURL=drawerUnControlled.js.map

package/dist/cjs/components/drawer/drawerUnControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerUnControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,yDAAsD;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAA0B,EACzF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,WAAW,CAAC,CAAC;IAE7D,8DAA8D;IAC9D,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,OAAO,CAAC,QAAQ,CAAC,EAAE;YACjB,IAAI,QAAQ,EAAE,CAAC;gBACb,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,iBAAiB,EAAE,CAAC;QACpB,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAC1D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,GACvE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAMvD,CAAC;AAER,gDAAkB"}

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

@@ -0,0 +1,23 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerControlled = exports.Drawer = void 0;
+__exportStar(require("./types"), exports);
+var drawerUnControlled_1 = require("./drawerUnControlled");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawerUnControlled_1.DrawerUnControlled; } });
+var drawerControlled_1 = require("./drawerControlled");
+Object.defineProperty(exports, "DrawerControlled", { enumerable: true, get: function () { return drawerControlled_1.DrawerControlled; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AAExB,2DAAoE;AAA3D,4GAAA,kBAAkB,OAAU;AACrC,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA"}