@datability/8ui 0.1.69 → 1.1.0

package/dist/components/Modal/index.js

@@ -1,83 +0,0 @@
-// Lib
-import React, { useContext, useEffect, useRef } from 'react';
-//Images
-import closedSVG from '../assets/closed.svg';
-// Include in project
-import './index.scss';
-import Blackdrop from '../Blackdrop';
-import { DBuiContext } from '../context';
-var Modal = function (_a) {
-    var children = _a.children, open = _a.open, onClose = _a.onClose, id = _a.id;
-    var _b = useContext(DBuiContext), openModalCount = _b.openModalCount, setOpenModalCount = _b.setOpenModalCount;
-    var setModalIncress = function () { return setOpenModalCount === null || setOpenModalCount === void 0 ? void 0 : setOpenModalCount(function (prev) { return prev + 1; }); };
-    var setModalDecress = function () { return setOpenModalCount === null || setOpenModalCount === void 0 ? void 0 : setOpenModalCount(function (prev) { return prev - 1; }); };
-    var setModalZero = function () { return setOpenModalCount === null || setOpenModalCount === void 0 ? void 0 : setOpenModalCount(0); };
-    var modalRef = useRef(null);
-    // whitelist for portal UI
-    var WHITELIST_CLASSES = [
-        'DBui-wrapperMenuItem',
-        'DBui-inputDateWrapperCalendar',
-        'DBui-inputDateRangeRowMonthYearSelected',
-        'DBui-inputDateTimeWrapperCalendar',
-    ];
-    useEffect(function () {
-        // Update the global counter and adjust the overflow style
-        if (open) {
-            setModalIncress();
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            if (openModalCount <= 0) {
-                setModalZero();
-                document.body.style.overflow = 'visible';
-            }
-            else {
-                setModalDecress();
-            }
-        }
-        return function () {
-            if (openModalCount === 0) {
-                document.body.style.overflow = 'visible';
-            }
-        };
-    }, [open]);
-    useEffect(function () {
-        var modalElements = document.querySelectorAll('.DBui-modalBase');
-        var modalArray = Array.from(modalElements);
-        var showModals = modalArray.filter(function (modal) { return modal.getAttribute('data-hidden') === 'false'; });
-        var topModal = showModals[showModals.length - 1];
-        if ((topModal === null || topModal === void 0 ? void 0 : topModal.getAttribute('id')) !== id)
-            return;
-        // ---------- ESC CLOSE ----------
-        function handleKeydown(event) {
-            if (event.key === 'Escape' || event.keyCode === 27) {
-                onClose();
-            }
-        }
-        // ---------- CLICK OUTSIDE CLOSE ----------
-        function handleClickOutside(e) {
-            var _a;
-            var target = e.target;
-            // ถ้า click ใน modal → ไม่ปิด
-            if ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))
-                return;
-            // ถ้า click ใน whitelist (menu, dropdown, select panel)
-            var isInWhitelist = WHITELIST_CLASSES.some(function (cls) { return target.closest('.' + cls); });
-            if (isInWhitelist)
-                return;
-            onClose();
-        }
-        document.addEventListener('keydown', handleKeydown);
-        document.addEventListener('mousedown', handleClickOutside);
-        return function () {
-            document.removeEventListener('keydown', handleKeydown);
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [openModalCount]);
-    return (React.createElement(Blackdrop, { open: open },
-        React.createElement("div", { className: "DBui-modalBase DBui-modalContent", "data-hidden": !open, ref: modalRef, id: id },
-            React.createElement("img", { src: closedSVG, alt: "", className: "DBui-close", onClick: onClose }),
-            React.createElement("div", null, children))));
-};
-export default Modal;
-//# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

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

package/dist/components/Modal/index.type.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type PropsModal = {
-    children: JSX.Element | JSX.Element[];
-    open: boolean;
-    onClose: () => void;
-    id: string;
-};

package/dist/components/Modal/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Modal/index.type.js.map

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

package/dist/components/context.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type TContext = {
-    openModalCount: number;
-    setOpenModalCount?: React.Dispatch<React.SetStateAction<number>>;
-};
-export declare const DBuiContext: React.Context<TContext>;
-export declare const DBuiProvider: (props: any) => React.JSX.Element;
-export {};

package/dist/components/context.js

@@ -1,12 +0,0 @@
-import React, { createContext, useState } from 'react';
-export var DBuiContext = createContext({
-    openModalCount: 0
-});
-export var DBuiProvider = function (props) {
-    var _a = useState(0), openModalCount = _a[0], setOpenModalCount = _a[1];
-    return (React.createElement(DBuiContext.Provider, { value: {
-            openModalCount: openModalCount,
-            setOpenModalCount: setOpenModalCount
-        } }, props.children));
-};
-//# sourceMappingURL=context.js.map

package/dist/components/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/components/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOtD,MAAM,CAAC,IAAM,WAAW,GAAG,aAAa,CAAW;IACjD,cAAc,EAAE,CAAC;CAClB,CAAC,CAAA;AACF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAU;IAC/B,IAAA,KAAsC,QAAQ,CAAC,CAAC,CAAC,EAAhD,cAAc,QAAA,EAAE,iBAAiB,QAAe,CAAA;IAEvD,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,cAAc,gBAAA;YACd,iBAAiB,mBAAA;SAClB,IAEA,KAAK,CAAC,QAAQ,CACM,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/index.d.ts

@@ -1,41 +0,0 @@
-export { default as Button } from './Button';
-export type { PropsButton } from './Button/index.type';
-export { default as Blackdrop } from './Blackdrop';
-export type { PropsBlackdrop } from './Blackdrop/index.type';
-export { default as Chip } from './Chip';
-export type { PropsChip } from './Chip/index.type';
-export { default as Divider } from './Divider';
-export { default as Menu } from './Menu';
-export type { PropsMenu } from './Menu/index.type';
-export { default as Modal } from './Modal';
-export type { PropsModal } from './Modal/index.type';
-export { default as Input } from './Input/InputBasic';
-export type { PropsInputBasic as PropsInput } from './Input/InputBasic/index.type';
-export { default as InputNumber } from './Input/InputNumber';
-export type { PropsInputNumber } from './Input/InputNumber/index.type';
-export { default as InputDate } from './Input/InputDate';
-export type { PropsInputDate } from './Input/InputDate/index.type';
-export { default as InputDateRange } from './Input/InputDateRange';
-export type { PropsInputDateRange } from './Input/InputDateRange/index.type';
-export { default as InputDateTime } from './Input/InputDateTime';
-export type { PropsInputDateTime } from './Input/InputDateTime/index.type';
-export { default as InputPassword } from './Input/InputPassword';
-export type { PropsInputPassword } from './Input/InputPassword/index.type';
-export { default as InputRadio } from './Input/InputRadio';
-export type { PropsInputRadio } from './Input/InputRadio/index.type';
-export { default as InputCheckbox } from './Input/InputCheckbox';
-export type { PropsInputCheckbox } from './Input/InputCheckbox/index.type';
-export { default as InputTextarea } from './Input/InputTextarea';
-export type { PropsInputTextarea } from './Input/InputTextarea/index.type';
-export { default as InputSelect } from './Input/InputSelect';
-export type { PropsInputSelect } from './Input/InputSelect/index.type';
-export { default as InputAutoComplete } from './Input/InputAutoComplete';
-export type { PropsInputAutoComplete } from './Input/InputAutoComplete/index.type';
-export { default as InputNonContextSwitch } from './InputNonContext/InputSwitch';
-export type { PropsInputNonContextSwitch } from './InputNonContext/InputSwitch/index.type';
-export type TValueOption = string | number;
-export type TOption = {
-    label: string;
-    value: TValueOption;
-};
-export { DBuiContext, DBuiProvider } from './context';

package/dist/components/index.js

@@ -1,21 +0,0 @@
-export { default as Button } from './Button';
-export { default as Blackdrop } from './Blackdrop'; // Need variable --z-index-backdrop
-export { default as Chip } from './Chip';
-export { default as Divider } from './Divider';
-export { default as Menu } from './Menu'; // Need variable --z-index-menu
-export { default as Modal } from './Modal'; // Need variable --z-index-normale
-export { default as Input } from './Input/InputBasic';
-export { default as InputNumber } from './Input/InputNumber';
-export { default as InputDate } from './Input/InputDate';
-export { default as InputDateRange } from './Input/InputDateRange';
-export { default as InputDateTime } from './Input/InputDateTime';
-export { default as InputPassword } from './Input/InputPassword';
-export { default as InputRadio } from './Input/InputRadio';
-export { default as InputCheckbox } from './Input/InputCheckbox';
-export { default as InputTextarea } from './Input/InputTextarea';
-export { default as InputSelect } from './Input/InputSelect';
-export { default as InputAutoComplete } from './Input/InputAutoComplete';
-export { default as InputNonContextSwitch } from './InputNonContext/InputSwitch';
-// Context
-export { DBuiContext, DBuiProvider } from './context';
-//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA,CAAC,mCAAmC;AAGtF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA,CAAC,+BAA+B;AAGxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA,CAAC,kCAAkC;AAG7E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAGrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAGlE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAUhF,UAAU;AACV,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}