@hhgtech/hhg-components 1.29.341-beta-1 → 1.29.341-beta-2

package/build/{index-6cbdc527.js → index-b434a94a.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-b7055af5.js');
-var index = require('./index-d9a1511b.js');
+var Locale = require('./Locale-1e065e34.js');
+var index = require('./index-cbcae2ca.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-dd3e8bd3.js');
-var logoIcon = require('./logoIcon-70a2864c.js');
-require('./index-707b4bdd.js');
-var useScreenSize = require('./useScreenSize-faa77170.js');
+var utils = require('./utils-226fb693.js');
+var logoIcon = require('./logoIcon-80988ba8.js');
+require('./index-a83bc735.js');
+var useScreenSize = require('./useScreenSize-ccc634ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-eed94829.js → index-b9c9b3f6.js}

@@ -44,16 +44,16 @@ const MONTHS_TRANSLATION = {
     'ms-MY': [
         'Januari',
         'Februari',
-        'Maret',
+        'Mac',
         'April',
         'Mei',
-        'Juni',
-        'Juli',
-        'Agustus',
+        'Jun',
+        'Julai',
+        'Ogos',
         'September',
         'Oktober',
         'November',
-        'Desember',
+        'Disember',
     ],
     'km-KH': [
         'មករា',

package/build/{index-6d9830e2.js → index-bf221387.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-662f296b.js');
+var tslib_es6 = require('./tslib.es6-09b8177f.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-0e6525e7.js');
+var index = require('./index-2b92a7f2.js');
 require('@mantine/dates');
-require('./index-0df597d2.js');
-require('./index-707b4bdd.js');
-require('./index-d9a1511b.js');
-require('./useMantineLocale-5c98daa7.js');
-var index$2 = require('./index-f9784b40.js');
-require('./index-24d7aca9.js');
-require('./index.styles-36302cf2.js');
-var index$1 = require('./index-497ec6b2.js');
+require('./index-a85b6c62.js');
+require('./index-a83bc735.js');
+require('./index-cbcae2ca.js');
+require('./useMantineLocale-8e0f0db3.js');
+var index$2 = require('./index-03415644.js');
+require('./index-5f72166c.js');
+require('./index.styles-c8bfc88a.js');
+var index$1 = require('./index-027d9cf5.js');
 require('@mantine/hooks');
-var utils = require('./utils-dd3e8bd3.js');
-require('./other-80ad2956.js');
-require('./index-5bbb313e.js');
+var utils = require('./utils-226fb693.js');
+require('./other-b0296231.js');
+require('./index-f0d39dec.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-0e194d65.js → index-c1e510a4.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-662f296b.js');
+var tslib_es6 = require('./tslib.es6-09b8177f.js');
 var React = require('react');
-var index = require('./index-497ec6b2.js');
+var index = require('./index-027d9cf5.js');
 var core = require('@mantine/core');
-var paths = require('./paths-ce587035.js');
-var constants = require('./constants-30f55480.js');
-var index$1 = require('./index-24d7aca9.js');
-require('./index-0df597d2.js');
-var togetherComponentGlobalContext = require('./utils-f18fd00b.js');
+var paths = require('./paths-4e0a05d4.js');
+var constants = require('./constants-e08dab3d.js');
+var index$1 = require('./index-5f72166c.js');
+require('./index-a85b6c62.js');
+var togetherComponentGlobalContext = require('./utils-2fdb578d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 

package/build/index-c4e0ff93.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-09b8177f.js');
+var React = require('react');
+var core = require('@mantine/core');
+var vaul = require('vaul');
+var styled = require('@emotion/styled');
+var index = require('./index-a85b6c62.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledDrawerComponentContent = styled__default["default"](vaul.Drawer.Content) `
+  position: fixed;
+  z-index: ${index.ZINDEX_SSO + 2};
+  inset: 0;
+  background-color: #fff;
+  outline: none !important;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+
+  &[data-vaul-drawer-direction='bottom'] {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='top'] {
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='left'] {
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='right'] {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+`;
+const StyledDrawerComponentOverlay = styled__default["default"](vaul.Drawer.Overlay) `
+  position: fixed;
+  inset: 0;
+  z-index: ${index.ZINDEX_SSO + 2};
+  width: 100%;
+  max-height: 100%;
+
+  &[data-state='open'] {
+    opacity: 0.6 !important;
+  }
+`;
+
+const DrawerComponent = (props) => {
+    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className } = props, restProps = tslib_es6.__rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className"]);
+    const [open, setOpen] = React.useState(openProps);
+    const [snap, setSnap] = React.useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
+    const onOpenChange = React.useCallback((_open) => {
+        setOpen(_open);
+        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
+    }, [onOpenChangeProps]);
+    const isFullSnapPoint = React.useMemo(() => {
+        if (snapPoints && snapPoints.length) {
+            return Boolean(snap === snapPoints[snapPoints.length - 1]);
+        }
+        return open;
+    }, [snap, snapPoints]);
+    const mergedProps = React.useMemo(() => {
+        const _mergedProps = { open, onOpenChange };
+        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
+            _mergedProps.snapPoints = snapPoints;
+            _mergedProps.activeSnapPoint = snap;
+            _mergedProps.setActiveSnapPoint = (snP) => {
+                setSnap(snP);
+                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
+            };
+        }
+        return _mergedProps;
+    }, [open, onOpenChange, snap, setSnap, setActiveSnapPoint, snapPoints]);
+    React.useEffect(() => {
+        setOpen(openProps);
+    }, [openProps]);
+    React.useEffect(() => {
+        setSnap(activeSnapPoint);
+    }, [activeSnapPoint]);
+    return (React__default["default"].createElement(vaul.Drawer.Root, Object.assign({}, restProps, mergedProps),
+        React__default["default"].createElement(vaul.Drawer.Portal, null,
+            React__default["default"].createElement(StyledDrawerComponentOverlay, { className: core.clsx(overlayClassName, 'drawer__overlay', {
+                    drawer__overlay_full: isFullSnapPoint,
+                }) }),
+            React__default["default"].createElement(StyledDrawerComponentContent, { className: core.clsx(className, 'drawer__content', {
+                    drawer__content_full: isFullSnapPoint,
+                }) },
+                React__default["default"].createElement(vaul.Drawer.Handle, { className: "drawer__handle" }),
+                React__default["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
+                children))));
+};
+
+exports.DrawerComponent = DrawerComponent;