@rolster/react-components 19.1.12 → 19.1.13

package/dist/esm/components/atoms/Button/Button.css

@@ -103,6 +103,7 @@
   color: var(--pvt-button-content-font-color);
   border: var(--pvt-button-content-border);
   background: var(--pvt-button-content-background);
+  pointer-events: none;
 }
 .rls-button__content::before {
   position: absolute;

package/dist/esm/components/atoms/Button/Button.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,gDAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,4BACE,iDACA,6DACA,6DACA,qDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDACA,0DAGF,2BACE,gDACA,4DACA,4DACA,oDACA,0DAGF,6BACE,kDACA,8DACA,8DACA,sDACA,0DAGF,+BACE,oDACA,gEACA,gEACA,wDACA,0DAIJ,yBACE,aACA,WACA,mBACA,mEACA,kCACA,oBACA,sCACA,gDACA,yEACA,iEACA,uBACA,gBACA,mBAEA,2BACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,gDACA,oBAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,4BACE,iDACA,6DACA,6DACA,qDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDAGF,8BACE,mDACA,+DACA,+DACA,uDACA,0DAGF,2BACE,gDACA,4DACA,4DACA,oDACA,0DAGF,6BACE,kDACA,8DACA,8DACA,sDACA,0DAGF,+BACE,oDACA,gEACA,gEACA,wDACA,0DAIJ,yBACE,aACA,WACA,mBACA,mEACA,kCACA,oBACA,sCACA,gDACA,yEACA,iEACA,uBACA,gBACA,mBAEA,2BACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}

package/dist/esm/components/atoms/ButtonAction/ButtonAction.css

@@ -68,6 +68,9 @@
   opacity: 0.5;
   pointer-events: none;
 }
+.rls-button-action__content {
+  pointer-events: none;
+}
 .rls-button-action__tooltip {
   position: absolute;
   top: calc(100% + var(--rls-sizing-x6));

package/dist/esm/components/atoms/ButtonAction/ButtonAction.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.scss"],"names":[],"mappings":"AAOA,mBACE,oFAKA,gEAEA,6EACA,oCACA,yBAEA,kBACA,4BACA,6BACA,YACA,aACA,6BACA,sBACA,iBACA,eACA,4CACA,wDACA,qDAEA,2BACE,kBACA,cACA,WACA,QACA,SACA,YACA,kBACA,kBACA,mBACA,mCACA,8CACA,+CACA,6CACA,8CAGF,wCACE,gEAGF,iCACE,mBAGF,0BACE,kBACA,WACA,QACA,SACA,YACA,kCACA,mCACA,sCACA,uCACA,kBACA,mCACA,mBACA,sDAGF,wCACE,yBACA,sCAEA,+CACE,mBAIJ,4BACE,WACA,oBAGF,4BACE,kBACA,sCACA,SACA,WACA,cACA,6BACA,mCACA,mBACA,oBACA,2BACA,oCACA,+BACA,2DACA,mCACA,qDAIJ,gCACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"ButtonAction.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.scss"],"names":[],"mappings":"AAOA,mBACE,oFAKA,gEAEA,6EACA,oCACA,yBAEA,kBACA,4BACA,6BACA,YACA,aACA,6BACA,sBACA,iBACA,eACA,4CACA,wDACA,qDAEA,2BACE,kBACA,cACA,WACA,QACA,SACA,YACA,kBACA,kBACA,mBACA,mCACA,8CACA,+CACA,6CACA,8CAGF,wCACE,gEAGF,iCACE,mBAGF,0BACE,kBACA,WACA,QACA,SACA,YACA,kCACA,mCACA,sCACA,uCACA,kBACA,mCACA,mBACA,sDAGF,wCACE,yBACA,sCAEA,+CACE,mBAIJ,4BACE,WACA,oBAGF,4BACE,oBAGF,4BACE,kBACA,sCACA,SACA,WACA,cACA,6BACA,mCACA,mBACA,oBACA,2BACA,oCACA,+BACA,2DACA,mCACA,qDAIJ,gCACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"ButtonAction.css"}

package/dist/esm/components/atoms/Input/Input.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import './Input.css';
 export function RlsInput({ children, decimals, disabled, formControl, identifier, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
-    const valueInitial = formControl?.value ?? value ? String(value) : '';
+    const valueInitial = (formControl?.value ?? value) ? String(value) : '';
     const [valueInput, setValueInput] = useState(valueInitial);
     const [focused, setFocused] = useState(false);
     const changeIsInternal = useRef(false);
@@ -14,7 +14,7 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
         }
         changeIsInternal.current = false;
     }, [formControl?.value]);
-    const _onChange = useCallback((event) => {
+    const onChangeInput = useCallback((event) => {
         const valueInput = event.target.value;
         const value = type === 'number'
             ? parseFloat((+valueInput).toFixed(decimals))
@@ -24,22 +24,22 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
         setValueInput(valueInput);
         formControl?.setValue(value);
     }, [formControl, onValue, type, decimals]);
-    const _onKeyDown = useCallback((event) => {
-        onKeyDown && onKeyDown(event);
-        event.key === 'Enter' && onEnter && onEnter();
+    const onKeyDownInput = useCallback((event) => {
+        onKeyDown?.(event);
+        event.key === 'Enter' && onEnter?.();
     }, [onKeyDown, onEnter]);
-    const _onKeyUp = useCallback((event) => {
-        onKeyUp && onKeyUp(event);
+    const onKeyUpInput = useCallback((event) => {
+        onKeyUp?.(event);
     }, [onKeyUp]);
-    const _onFocus = useCallback(() => {
+    const onFocusInput = useCallback(() => {
         formControl?.focus();
         setFocused(() => true);
-        onFocus && onFocus();
+        onFocus?.();
     }, [formControl, onFocus]);
-    const _onBlur = useCallback(() => {
+    const onBlurInput = useCallback(() => {
         formControl?.blur();
         setFocused(() => false);
-        onBlur && onBlur();
+        onBlur?.();
     }, [formControl, onBlur]);
     const className = useMemo(() => {
         return renderClassStatus('rls-input', {
@@ -47,6 +47,6 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
             focused: formControl?.focused ?? focused
         });
     }, [formControl?.focused, formControl?.disabled, focused, disabled]);
-    return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus: _onFocus, onBlur: _onBlur, onChange: _onChange, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp, value: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
+    return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus: onFocusInput, onBlur: onBlurInput, onChange: onChangeInput, onKeyDown: onKeyDownInput, onKeyUp: onKeyUpInput, value: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
 }
 //# sourceMappingURL=Input.js.map

package/dist/esm/components/atoms/Input/Input.js.map

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

package/dist/esm/components/definitions.d.ts

@@ -1,6 +1,9 @@
+import { PropsWithChildren } from 'react';
 export type RlsTheme = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'hope' | 'mountains' | 'ross' | 'amaizing' | 'purple' | 'amber' | 'smartness' | 'obsidian';
-export interface RlsComponent extends React.PropsWithChildren {
+export interface PropsWithRlsTheme {
+    rlsTheme?: RlsTheme;
+}
+export interface RlsComponent extends PropsWithChildren<PropsWithRlsTheme> {
     className?: string;
     identifier?: string;
-    rlsTheme?: RlsTheme;
 }

package/dist/esm/components/organisms/BottomSheet/BottomSheet.d.ts

@@ -1,8 +1,11 @@
+import { PortalController } from '../../../controllers/PortalController';
 import { RlsComponent } from '../../definitions';
 import './BottomSheet.css';
 interface BottomSheetProps extends RlsComponent {
-    onAutoClose?: () => void;
+    autoclose?: boolean;
+    controller?: PortalController;
+    onBackdrop?: () => void;
     visible?: boolean;
 }
-export declare function RlsBottomSheet({ children, className, onAutoClose, visible, rlsTheme }: BottomSheetProps): import("react").ReactPortal;
+export declare function RlsBottomSheet({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }: BottomSheetProps): import("react").ReactPortal;
 export {};

package/dist/esm/components/organisms/BottomSheet/BottomSheet.js

@@ -3,13 +3,14 @@ import { useCallback, useMemo } from 'react';
 import ReactDOM from 'react-dom';
 import { renderClassStatus } from '../../../helpers/css';
 import './BottomSheet.css';
-export function RlsBottomSheet({ children, className, onAutoClose, visible, rlsTheme }) {
+export function RlsBottomSheet({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }) {
     const classNameSheet = useMemo(() => {
-        return renderClassStatus('rls-bottom-sheet', { visible }, className);
-    }, [className, visible]);
+        return renderClassStatus('rls-bottom-sheet', { visible: controller?.visible ?? visible }, className);
+    }, [className, visible, controller?.visible]);
     const onClickBackdrop = useCallback(() => {
-        onAutoClose && onAutoClose();
-    }, [onAutoClose]);
+        autoclose && controller?.close();
+        onBackdrop?.();
+    }, [autoclose, controller, onBackdrop]);
     return ReactDOM.createPortal(_jsxs("div", { className: classNameSheet, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-bottom-sheet__component", children: children }), _jsx("div", { className: "rls-bottom-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
 }
 //# sourceMappingURL=BottomSheet.js.map

package/dist/esm/components/organisms/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,IAAI,WAAW,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,EAE7D,cACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAS3B,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CACtB,kBAAkB,EAClB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,SAAS,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC;QACjC,UAAU,EAAE,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,EAE7D,cACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/components/organisms/Dropdown/Dropdown.css

@@ -0,0 +1,31 @@
+.rls-dropdown {
+  --pvt-content-opacity: 0;
+  --pvt-content-transform: scale(0, 0);
+  position: var(--rlc-dropdown-position, absolute);
+  display: block;
+  opacity: 0;
+  width: auto;
+  z-index: -16;
+  transition: opacity 240ms 0ms var(--rls-standard-curve);
+}
+.rls-dropdown--visible {
+  --pvt-content-opacity: 1;
+  --pvt-content-transform: scale(1, 1);
+  opacity: 1;
+  z-index: var(--rlc-dropdown-z-index, var(--rls-z-index-4));
+}
+.rls-dropdown__content {
+  display: block;
+  width: auto;
+  max-width: var(--rlc-dropdown-max-width, 150rem);
+  border-radius: var(--rlc-dropdown-radius, var(--rls-sizing-x6));
+  padding: var(--rlc-dropdown-padding, var(--rls-sizing-x6));
+  box-sizing: border-box;
+  border: var(--rlc-dropdown-border, var(--rls-app-border-1-200));
+  background: var(--rlc-dropdown-background, var(--rls-app-color-050));
+  opacity: var(--pvt-content-opacity);
+  transform: var(--pvt-content-transform);
+  transition:
+    transform 240ms 0ms var(--rls-standard-curve),
+    opacity 240ms 0ms var(--rls-standard-curve);
+} /*# sourceMappingURL=Dropdown.css.map */

package/dist/esm/components/organisms/Dropdown/Dropdown.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Dropdown/Dropdown.scss"],"names":[],"mappings":"AAOA,cACE,yBACA,qCAEA,gDACA,cACA,UACA,WACA,YACA,uDAEA,uBACE,yBACA,qCAEA,UACA,0DAGF,uBACE,cACA,WACA,gDACA,+DACA,0DACA,sBACA,+DACA,oEACA,mCACA,uCACA,WACE","file":"Dropdown.css"}

package/dist/esm/components/organisms/Dropdown/Dropdown.d.ts

@@ -0,0 +1,8 @@
+import { DropdownController } from '../../../controllers/DropdownController';
+import { RlsComponent } from '../../definitions';
+import './Dropdown.css';
+interface DropdownProps extends RlsComponent {
+    controller: DropdownController;
+}
+export declare function RlsDropdown({ children, controller, rlsTheme }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/organisms/Dropdown/Dropdown.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers/css';
+import './Dropdown.css';
+export function RlsDropdown({ children, controller, rlsTheme }) {
+    const className = useMemo(() => {
+        return renderClassStatus('rls-dropdown', {
+            visible: controller.visible
+        });
+    }, [controller.visible]);
+    useEffect(() => {
+        function onCloseDropdown({ target }) {
+            !controller.component.current.contains(target) &&
+                controller.close();
+        }
+        document.addEventListener('click', onCloseDropdown);
+        return () => {
+            document.removeEventListener('click', onCloseDropdown);
+        };
+    }, []);
+    return (_jsx("div", { ref: controller.component, className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-dropdown__content", children: children }) }));
+}
+//# sourceMappingURL=Dropdown.js.map

package/dist/esm/components/organisms/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,gBAAgB,CAAC;AAMxB,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAiB;IAC3E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE;YACvC,OAAO,EAAE,UAAU,CAAC,OAAO;SAC5B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,eAAe,CAAC,EAAE,MAAM,EAAc;YAC7C,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAa,CAAC;gBACnD,UAAU,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,GAAG,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,YACvE,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,GACnD,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/organisms/FormNavigation/FormNavigation.d.ts

@@ -1,6 +1,8 @@
+import { PortalController } from '../../../controllers/PortalController';
 import { RlsComponent } from '../../definitions';
 import './FormNavigation.css';
 export interface FormNavigationProps extends RlsComponent {
+    controller?: PortalController;
     visible?: boolean;
 }
-export declare function RlsFormNavigation({ children, className, visible, rlsTheme }: FormNavigationProps): import("react").ReactPortal;
+export declare function RlsFormNavigation({ children, className, controller, visible, rlsTheme }: FormNavigationProps): import("react").ReactPortal;

package/dist/esm/components/organisms/FormNavigation/FormNavigation.js

@@ -3,10 +3,10 @@ import { useMemo } from 'react';
 import ReactDOM from 'react-dom';
 import { renderClassStatus } from '../../../helpers/css';
 import './FormNavigation.css';
-export function RlsFormNavigation({ children, className, visible, rlsTheme }) {
+export function RlsFormNavigation({ children, className, controller, visible, rlsTheme }) {
     const classNameForm = useMemo(() => {
-        return renderClassStatus('rls-form-navigation', { visible }, className);
-    }, [visible, className]);
+        return renderClassStatus('rls-form-navigation', { visible: controller?.visible ?? visible }, className);
+    }, [className, visible, controller?.visible]);
     return ReactDOM.createPortal(_jsx("div", { className: classNameForm, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-form-navigation__component", children: children }) }), document.body);
 }
 //# sourceMappingURL=FormNavigation.js.map

package/dist/esm/components/organisms/FormNavigation/FormNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormNavigation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FormNavigation/FormNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,sBAAsB,CAAC;AAM9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACY;IACpB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,QAAQ,CAAC,YAAY,CAC1B,cAAK,SAAS,EAAE,aAAa,eAAa,QAAQ,YAChD,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,GAC5D,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormNavigation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FormNavigation/FormNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,sBAAsB,CAAC;AAO9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACY;IACpB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CACtB,qBAAqB,EACrB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,OAAO,QAAQ,CAAC,YAAY,CAC1B,cAAK,SAAS,EAAE,aAAa,eAAa,QAAQ,YAChD,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,GAC5D,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/components/organisms/Modal/Modal.d.ts

@@ -1,8 +1,11 @@
+import { PortalController } from '../../../controllers/PortalController';
 import { RlsComponent } from '../../definitions';
 import './Modal.css';
 interface ModalProps extends RlsComponent {
-    onAutoClose?: () => void;
+    autoclose?: boolean;
+    controller?: PortalController;
+    onBackdrop?: () => void;
     visible?: boolean;
 }
-export declare function RlsModal({ children, className, onAutoClose, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
+export declare function RlsModal({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
 export {};

package/dist/esm/components/organisms/Modal/Modal.js

@@ -3,13 +3,14 @@ import { useCallback, useMemo } from 'react';
 import ReactDOM from 'react-dom';
 import { renderClassStatus } from '../../../helpers/css';
 import './Modal.css';
-export function RlsModal({ children, className, onAutoClose, visible, rlsTheme }) {
+export function RlsModal({ autoclose, children, className, controller, onBackdrop, visible, rlsTheme }) {
     const classNameModal = useMemo(() => {
-        return renderClassStatus('rls-modal', { visible }, className);
-    }, [className, visible]);
+        return renderClassStatus('rls-modal', { visible: controller?.visible ?? visible }, className);
+    }, [className, visible, controller?.visible]);
     const onClickBackdrop = useCallback(() => {
-        onAutoClose && onAutoClose();
-    }, [onAutoClose]);
+        autoclose && controller?.close();
+        onBackdrop?.();
+    }, [autoclose, controller, onBackdrop]);
     return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop", onClick: onClickBackdrop })] }), document.body);
 }
 //# sourceMappingURL=Modal.js.map

package/dist/esm/components/organisms/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,IAAI,WAAW,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,eAAe,GAAQ,IACjE,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AASrB,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CACtB,WAAW,EACX,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,SAAS,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC;QACjC,UAAU,EAAE,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,eAAe,GAAQ,IACjE,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/controllers/DropdownController.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent, RefObject } from 'react';
+export interface DropdownController {
+    close: () => void;
+    component: RefObject<HTMLDivElement>;
+    open: (positionX?: number, positionY?: number) => void;
+    openWithEvent: (event: MouseEvent) => void;
+    visible: boolean;
+}
+export declare function useDropdownController(): DropdownController;

package/dist/esm/controllers/DropdownController.js

@@ -0,0 +1,75 @@
+import { useCallback, useRef, useState } from 'react';
+export function useDropdownController() {
+    const [visible, setVisible] = useState(false);
+    const component = useRef(null);
+    const open = useCallback((positionX, positionY) => {
+        component.current.style.transformOrigin = '0% 0%';
+        component.current.style.top = `${positionY}px`;
+        component.current.style.left = `${positionX}px`;
+        setVisible(true);
+    }, []);
+    const openWithEvent = useCallback((event) => {
+        const rectContent = component.current.getBoundingClientRect();
+        const rectElement = event.target.getBoundingClientRect();
+        let positionX = 0;
+        let positionY = 0;
+        let effect = '0% 0%';
+        let transform = 0;
+        const elementX = rectElement.x + rectElement.width / 2;
+        const elementY = rectElement.y + rectElement.height / 2;
+        if (elementX + rectContent.width <= window.innerWidth) {
+            positionX = elementX;
+            transform += 1;
+        }
+        else if (elementX + rectElement.width - rectContent.width > 0) {
+            positionX = elementX + rectElement.width - rectContent.width;
+            transform += 3;
+        }
+        else {
+            positionX = window.innerWidth - rectContent.width;
+            transform += 1;
+        }
+        if (elementY + rectContent.height <= window.innerHeight) {
+            positionY = elementY;
+            transform += 4;
+        }
+        else if (elementY + rectElement.height - rectContent.height > 0) {
+            positionY = elementY + rectElement.height - rectContent.height;
+            transform += 7;
+        }
+        else {
+            positionY = window.innerHeight - rectContent.height;
+            transform += 4;
+        }
+        switch (transform) {
+            case 7:
+                effect = '100% 0%';
+                break;
+            case 8:
+                effect = '0% 100%';
+                break;
+            case 10:
+                effect = '100% 100%';
+                break;
+            default:
+                effect = '0% 0%';
+                break;
+        }
+        component.current.style.transformOrigin = effect;
+        component.current.style.top = `${positionY}px`;
+        component.current.style.left = `${positionX}px`;
+        setVisible(true);
+        event.stopPropagation();
+    }, []);
+    const close = useCallback(() => {
+        setVisible(false);
+    }, []);
+    return {
+        close,
+        component,
+        open,
+        openWithEvent,
+        visible
+    };
+}
+//# sourceMappingURL=DropdownController.js.map

package/dist/esm/controllers/DropdownController.js.map

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

package/dist/esm/index.d.ts

@@ -57,6 +57,7 @@ export * from './components/organisms/BottomSheet/BottomSheet';
 export * from './components/organisms/Card/Card';
 export * from './components/organisms/Confirmation/Confirmation';
 export * from './components/organisms/Datatable/Datatable';
+export * from './components/organisms/Dropdown/Dropdown';
 export * from './components/organisms/FieldAutocomplete/FieldAutocomplete';
 export * from './components/organisms/FieldAutocomplete/FieldAutocompleteController';
 export * from './components/organisms/FieldClock/FieldClock';
@@ -74,9 +75,10 @@ export * from './components/organisms/PickerDate/PickerDate';
 export * from './components/organisms/PickerDateRange/PickerDateRange';
 export * from './components/organisms/Snackbar/Snackbar';
 export * from './components/definitions';
-export { FieldProps as FieldBoxProps, InputProps, RolsterReactInputControl } from './components/types';
+export { FieldProps, InputProps, RolsterReactInputControl } from './components/types';
 export * from './context';
 export * from './controllers/DatatableController';
+export * from './controllers/DropdownController';
 export * from './controllers/FormSingleSelectionController';
 export * from './controllers/FormToggleController';
 export * from './controllers/ImageEditorController';

package/dist/esm/index.js

@@ -57,6 +57,7 @@ export * from './components/organisms/BottomSheet/BottomSheet';
 export * from './components/organisms/Card/Card';
 export * from './components/organisms/Confirmation/Confirmation';
 export * from './components/organisms/Datatable/Datatable';
+export * from './components/organisms/Dropdown/Dropdown';
 export * from './components/organisms/FieldAutocomplete/FieldAutocomplete';
 export * from './components/organisms/FieldAutocomplete/FieldAutocompleteController';
 export * from './components/organisms/FieldClock/FieldClock';
@@ -76,6 +77,7 @@ export * from './components/organisms/Snackbar/Snackbar';
 export * from './components/definitions';
 export * from './context';
 export * from './controllers/DatatableController';
+export * from './controllers/DropdownController';
 export * from './controllers/FormSingleSelectionController';
 export * from './controllers/FormToggleController';
 export * from './controllers/ImageEditorController';

package/dist/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "19.1.12",
+  "version": "19.1.13",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",