@majoo-ui/react 1.49.1 → 1.49.2

package/components/form/components/InputResourceList/InputResourceList.d.ts

@@ -13,7 +13,7 @@ interface IInputResourceListProps {
     searchPlaceholder: string;
     counterFooterText: string;
     isLoading: boolean;
-    enabledItems: string[];
+    enabledItems?: string[];
     value?: IResource[];
     fetchData?(props: {
         query?: string;

package/index.esm.js

@@ -4859,6 +4859,8 @@ const TooltipBase = styled(TooltipPrimitive.Root, {
     color: 'ligth'
   }
 }); // Exports
+
+const Provider = TooltipPrimitive.Provider;
 const TooltipTrigger = TooltipPrimitive.Trigger;
 const dark = {
   color: foundations.colors.white,
@@ -4888,30 +4890,37 @@ const Tooltip$1 = _ref => {
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
   const [open, setOpen] = useState(false);
-  return /*#__PURE__*/React__default.createElement(TooltipBase, _extends({}, rest, {
-    open: withClick ? open : undefined,
+  return /*#__PURE__*/React__default.createElement(Provider, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$P,
       lineNumber: 89,
       columnNumber: 5
     }
-  }), /*#__PURE__*/React__default.createElement(TooltipTrigger, {
-    asChild: true,
+  }, /*#__PURE__*/React__default.createElement(TooltipBase, _extends({}, rest, {
+    open: withClick ? open : undefined,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$P,
       lineNumber: 90,
       columnNumber: 7
     }
-  }, /*#__PURE__*/React__default.createElement(TriggerSpan, {
-    onClick: () => withClick ? setOpen(!open) : undefined,
+  }), /*#__PURE__*/React__default.createElement(TooltipTrigger, {
+    asChild: true,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$P,
       lineNumber: 91,
       columnNumber: 9
     }
+  }, /*#__PURE__*/React__default.createElement(TriggerSpan, {
+    onClick: () => withClick ? setOpen(!open) : undefined,
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$P,
+      lineNumber: 92,
+      columnNumber: 11
+    }
   }, children)), /*#__PURE__*/React__default.createElement(StyledContent$6, {
     align: align,
     side: side,
@@ -4920,8 +4929,8 @@ const Tooltip$1 = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$P,
-      lineNumber: 93,
-      columnNumber: 7
+      lineNumber: 94,
+      columnNumber: 9
     }
   }, label, /*#__PURE__*/React__default.createElement(StyledArrow$1, {
     offset: 10,
@@ -4929,10 +4938,10 @@ const Tooltip$1 = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$P,
-      lineNumber: 100,
-      columnNumber: 9
+      lineNumber: 101,
+      columnNumber: 11
     }
-  })));
+  }))));
 };
 
 Tooltip$1.propTypes = {
@@ -4951,7 +4960,7 @@ Tooltip$1.defaultProps = {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$P,
-      lineNumber: 119,
+      lineNumber: 121,
       columnNumber: 13
     }
   })
@@ -8255,7 +8264,8 @@ const SelectItem = styled('div', {
 });
 const StyledDiv$2 = styled('div', {
   color: '$textDisable',
-  display: 'inline-flex'
+  display: 'flex',
+  alignItems: 'center'
 });
 const StyledText$1 = {
   whiteSpace: 'nowrap',
@@ -9967,7 +9977,7 @@ function InputResourceList({
   searchPlaceholder = 'Cari ...',
   counterFooterText = 'kategori dipilih',
   isLoading = false,
-  enabledItems = [],
+  enabledItems,
   value,
   fetchData,
   onQueryChange,
@@ -9987,7 +9997,7 @@ function InputResourceList({
   const renderCheckbox = (resource, index) => {
     var _a;
 
-    const isDisabled = enabledItems.length > 0 && !enabledItems.find(id => id === resource.value);
+    const isDisabled = enabledItems && (!enabledItems.find(id => id === resource.value) || enabledItems.length === 0);
     return jsx(InputCheckbox, {
       label: jsxs(Flex$1, Object.assign({
         gap: 3
@@ -10071,7 +10081,7 @@ function InputResourceList({
         condition: !!fetchData && data.length > 0,
         wrapper: children => jsx(InfiniteScroll, Object.assign({
           loadMore: _ => {
-            if (!isLoading) {
+            if (!isLoading && fetchData) {
               fetchData({
                 query
               });
@@ -16072,7 +16082,7 @@ function PaginationInfo(_ref) {
       lineNumber: 40,
       columnNumber: 11
     }
-  }, limits.map(limit => /*#__PURE__*/React__default.createElement(PopoverClose, {
+  }, limits == null ? void 0 : limits.map(limit => /*#__PURE__*/React__default.createElement(PopoverClose, {
     key: limit,
     css: limitItemContainerStyle(selectedLimit === limit),
     onClick: () => onChange(limit),
@@ -25722,10 +25732,10 @@ var _jsxFileName$2 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packa
 const DesktopContainer = styled(Flex$1, {
   display: 'none',
   '& .active-scroll-spy': {
-    borderLeft: '4px solid #04c99e !important'
+    borderLeft: `4px solid ${colors$4.primary500} !important`
   },
   '& .active-scroll-spy .link-title': {
-    color: '#04c99e !important'
+    color: `${colors$4.primary500} !important`
   },
   '@md': {
     display: 'unset'
@@ -25733,18 +25743,12 @@ const DesktopContainer = styled(Flex$1, {
 });
 const MobileContainer = styled(Flex$1, {
   backgroundColor: '$white',
-  border: '1px solid #EEF0F0',
+  border: `1px solid ${colors$4.gray150}`,
   borderRadius: 8,
   padding: '8px 8px',
   width: '100%',
   transition: '0.4s max-height',
   position: 'relative',
-  '& .active-scroll-spy': {
-    borderLeft: '4px solid #04c99e !important'
-  },
-  '& .active-scroll-spy .link-title': {
-    color: '#04c99e !important'
-  },
   '@md': {
     display: 'none'
   }
@@ -25827,7 +25831,7 @@ function Content({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 99,
+      lineNumber: 97,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Separator, {
@@ -25835,7 +25839,7 @@ function Content({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 100,
+      lineNumber: 98,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(ListWrap, {
@@ -25845,7 +25849,7 @@ function Content({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 101,
+      lineNumber: 99,
       columnNumber: 7
     }
   }, (_getDatasets = getDatasets(content, activeId, isCollapse)) == null ? void 0 : _getDatasets.map((item, index) => {
@@ -25854,7 +25858,7 @@ function Content({
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 104,
+        lineNumber: 102,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -25865,7 +25869,7 @@ function Content({
         marginLeft: '-4px !important',
         borderLeftWidth: '4px !important',
         borderLeftStyle: 'solid !important',
-        borderLeftColor: 'transparent !important',
+        borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$4.primary500 : 'transparent'} !important`,
         paddingLeft: '16px !important',
         minHeight: 25
       },
@@ -25873,7 +25877,7 @@ function Content({
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 105,
+        lineNumber: 103,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(Title$1, {
@@ -25905,7 +25909,7 @@ function Content({
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 119,
+        lineNumber: 117,
         columnNumber: 17
       }
     }, item == null ? void 0 : item.title), item == null ? void 0 : item.icon));
@@ -25934,7 +25938,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 161,
+      lineNumber: 159,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Content, {
@@ -25945,7 +25949,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 162,
+      lineNumber: 160,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Box, {
@@ -25957,7 +25961,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 163,
+      lineNumber: 161,
       columnNumber: 7
     }
   }, mobileCollapse ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -25967,7 +25971,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 165,
+      lineNumber: 163,
       columnNumber: 11
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -25977,7 +25981,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 167,
+      lineNumber: 165,
       columnNumber: 11
     }
   }))) : /*#__PURE__*/React__default.createElement(DesktopContainer, {
@@ -25986,7 +25990,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 172,
+      lineNumber: 170,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Content, {
@@ -25996,7 +26000,7 @@ function TableOfContent({
     __self: this,
     __source: {
       fileName: _jsxFileName$2,
-      lineNumber: 173,
+      lineNumber: 171,
       columnNumber: 7
     }
   }));

package/index.umd.js

@@ -4941,6 +4941,8 @@
       color: 'ligth'
     }
   }); // Exports
+
+  const Provider = TooltipPrimitive__namespace.Provider;
   const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
   const dark = {
     color: core.foundations.colors.white,
@@ -4970,30 +4972,37 @@
         rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
     const [open, setOpen] = React.useState(false);
-    return /*#__PURE__*/React__default["default"].createElement(TooltipBase, _extends({}, rest, {
-      open: withClick ? open : undefined,
+    return /*#__PURE__*/React__default["default"].createElement(Provider, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
         lineNumber: 89,
         columnNumber: 5
       }
-    }), /*#__PURE__*/React__default["default"].createElement(TooltipTrigger, {
-      asChild: true,
+    }, /*#__PURE__*/React__default["default"].createElement(TooltipBase, _extends({}, rest, {
+      open: withClick ? open : undefined,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
         lineNumber: 90,
         columnNumber: 7
       }
-    }, /*#__PURE__*/React__default["default"].createElement(TriggerSpan, {
-      onClick: () => withClick ? setOpen(!open) : undefined,
+    }), /*#__PURE__*/React__default["default"].createElement(TooltipTrigger, {
+      asChild: true,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
         lineNumber: 91,
         columnNumber: 9
       }
+    }, /*#__PURE__*/React__default["default"].createElement(TriggerSpan, {
+      onClick: () => withClick ? setOpen(!open) : undefined,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$P,
+        lineNumber: 92,
+        columnNumber: 11
+      }
     }, children)), /*#__PURE__*/React__default["default"].createElement(StyledContent$6, {
       align: align,
       side: side,
@@ -5002,8 +5011,8 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 93,
-        columnNumber: 7
+        lineNumber: 94,
+        columnNumber: 9
       }
     }, label, /*#__PURE__*/React__default["default"].createElement(StyledArrow$1, {
       offset: 10,
@@ -5011,10 +5020,10 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 100,
-        columnNumber: 9
+        lineNumber: 101,
+        columnNumber: 11
       }
-    })));
+    }))));
   };
 
   Tooltip$1.propTypes = {
@@ -5033,7 +5042,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 119,
+        lineNumber: 121,
         columnNumber: 13
       }
     })
@@ -8337,7 +8346,8 @@
   });
   var StyledDiv$2 = styled('div', {
     color: '$textDisable',
-    display: 'inline-flex'
+    display: 'flex',
+    alignItems: 'center'
   });
   var StyledText$1 = {
     whiteSpace: 'nowrap',
@@ -10107,20 +10117,19 @@
         counterFooterText = _d === void 0 ? 'kategori dipilih' : _d,
         _e = _a.isLoading,
         isLoading = _e === void 0 ? false : _e,
-        _f = _a.enabledItems,
-        enabledItems = _f === void 0 ? [] : _f,
+        enabledItems = _a.enabledItems,
         value = _a.value,
         fetchData = _a.fetchData,
         onQueryChange = _a.onQueryChange,
         css = _a.css;
 
-    var _g = React.useState([]),
-        checkedResources = _g[0],
-        setCheckedResources = _g[1];
+    var _f = React.useState([]),
+        checkedResources = _f[0],
+        setCheckedResources = _f[1];
 
-    var _h = React.useState(),
-        query = _h[0],
-        setQuery = _h[1];
+    var _g = React.useState(),
+        query = _g[0],
+        setQuery = _g[1];
 
     var scrollerRef = React.useRef(null);
     React.useEffect(function () {
@@ -10134,9 +10143,9 @@
     var renderCheckbox = function renderCheckbox(resource, index) {
       var _a;
 
-      var isDisabled = enabledItems.length > 0 && !enabledItems.find(function (id) {
+      var isDisabled = enabledItems && (!enabledItems.find(function (id) {
         return id === resource.value;
-      });
+      }) || enabledItems.length === 0);
       return jsxRuntime.jsx(InputCheckbox, {
         label: jsxRuntime.jsxs(Flex$1, __assign({
           gap: 3
@@ -10223,7 +10232,7 @@
           wrapper: function (children) {
             return jsxRuntime.jsx(InfiniteScroll__default["default"], __assign({
               loadMore: function (_) {
-                if (!isLoading) {
+                if (!isLoading && fetchData) {
                   fetchData({
                     query: query
                   });
@@ -16347,7 +16356,7 @@
         lineNumber: 40,
         columnNumber: 11
       }
-    }, limits.map(limit => /*#__PURE__*/React__default["default"].createElement(PopoverClose, {
+    }, limits == null ? void 0 : limits.map(limit => /*#__PURE__*/React__default["default"].createElement(PopoverClose, {
       key: limit,
       css: limitItemContainerStyle(selectedLimit === limit),
       onClick: () => onChange(limit),
@@ -26101,10 +26110,10 @@
   const DesktopContainer = styled(Flex$1, {
     display: 'none',
     '& .active-scroll-spy': {
-      borderLeft: '4px solid #04c99e !important'
+      borderLeft: `4px solid ${colors$4.primary500} !important`
     },
     '& .active-scroll-spy .link-title': {
-      color: '#04c99e !important'
+      color: `${colors$4.primary500} !important`
     },
     '@md': {
       display: 'unset'
@@ -26112,18 +26121,12 @@
   });
   const MobileContainer = styled(Flex$1, {
     backgroundColor: '$white',
-    border: '1px solid #EEF0F0',
+    border: `1px solid ${colors$4.gray150}`,
     borderRadius: 8,
     padding: '8px 8px',
     width: '100%',
     transition: '0.4s max-height',
     position: 'relative',
-    '& .active-scroll-spy': {
-      borderLeft: '4px solid #04c99e !important'
-    },
-    '& .active-scroll-spy .link-title': {
-      color: '#04c99e !important'
-    },
     '@md': {
       display: 'none'
     }
@@ -26206,7 +26209,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 99,
+        lineNumber: 97,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -26214,7 +26217,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 100,
+        lineNumber: 98,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(ListWrap, {
@@ -26224,7 +26227,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 101,
+        lineNumber: 99,
         columnNumber: 7
       }
     }, (_getDatasets = getDatasets(content, activeId, isCollapse)) == null ? void 0 : _getDatasets.map((item, index) => {
@@ -26233,7 +26236,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$2,
-          lineNumber: 104,
+          lineNumber: 102,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -26244,7 +26247,7 @@
           marginLeft: '-4px !important',
           borderLeftWidth: '4px !important',
           borderLeftStyle: 'solid !important',
-          borderLeftColor: 'transparent !important',
+          borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$4.primary500 : 'transparent'} !important`,
           paddingLeft: '16px !important',
           minHeight: 25
         },
@@ -26252,7 +26255,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$2,
-          lineNumber: 105,
+          lineNumber: 103,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(Title$1, {
@@ -26284,7 +26287,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$2,
-          lineNumber: 119,
+          lineNumber: 117,
           columnNumber: 17
         }
       }, item == null ? void 0 : item.title), item == null ? void 0 : item.icon));
@@ -26313,7 +26316,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 161,
+        lineNumber: 159,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Content, {
@@ -26324,7 +26327,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 162,
+        lineNumber: 160,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -26336,7 +26339,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 163,
+        lineNumber: 161,
         columnNumber: 7
       }
     }, mobileCollapse ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
@@ -26346,7 +26349,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 165,
+        lineNumber: 163,
         columnNumber: 11
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
@@ -26356,7 +26359,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 167,
+        lineNumber: 165,
         columnNumber: 11
       }
     }))) : /*#__PURE__*/React__default["default"].createElement(DesktopContainer, {
@@ -26365,7 +26368,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 172,
+        lineNumber: 170,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Content, {
@@ -26375,7 +26378,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 173,
+        lineNumber: 171,
         columnNumber: 7
       }
     }));

package/package.json

@@ -1,27 +1,27 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.49.1",
+  "version": "1.49.2",
   "dependencies": {
     "@majoo-ui/core": "^1.31.1",
     "@majoo-ui/helpers": "^1.30.4",
     "@majoo-ui/icons": "^1.37.0",
     "@stitches/react": "^1.2.8",
-    "@radix-ui/react-alert-dialog": "^0.1.7",
-    "@radix-ui/react-avatar": "^0.1.4",
-    "@radix-ui/react-aspect-ratio": "^0.1.4",
+    "@radix-ui/react-alert-dialog": "^1.0.0",
+    "@radix-ui/react-avatar": "^1.0.0",
+    "@radix-ui/react-aspect-ratio": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^0.1.6",
-    "@radix-ui/react-popover": "^0.1.6",
-    "@radix-ui/react-tooltip": "^0.1.7",
-    "@radix-ui/react-progress": "^0.1.4",
-    "@radix-ui/react-label": "^0.1.5",
-    "@radix-ui/react-separator": "^0.1.4",
-    "@radix-ui/react-slider": "^0.1.4",
-    "@radix-ui/react-tabs": "^0.1.5",
-    "@radix-ui/react-checkbox": "^0.1.5",
-    "@radix-ui/react-radio-group": "^0.1.5",
-    "@radix-ui/react-switch": "^0.1.5",
-    "@radix-ui/react-toggle-group": "^0.1.5",
-    "@radix-ui/react-accordion": "^0.1.6",
+    "@radix-ui/react-popover": "^1.0.0",
+    "@radix-ui/react-tooltip": "^1.0.0",
+    "@radix-ui/react-progress": "^1.0.0",
+    "@radix-ui/react-label": "^1.0.0",
+    "@radix-ui/react-separator": "^1.0.0",
+    "@radix-ui/react-slider": "^1.0.0",
+    "@radix-ui/react-tabs": "^1.0.0",
+    "@radix-ui/react-checkbox": "^1.0.0",
+    "@radix-ui/react-radio-group": "^1.0.0",
+    "@radix-ui/react-switch": "^1.0.0",
+    "@radix-ui/react-toggle-group": "^1.0.0",
+    "@radix-ui/react-accordion": "^1.0.0",
     "babel-plugin-prismjs": "^2.1.0",
     "prismjs": "^1.28.0",
     "downshift": "^6.1.7",
@@ -50,12 +50,12 @@
   "peerDependencies": {
     "react": "17.0.2",
     "focus-trap-react": "^8.9.2",
-    "@radix-ui/react-visually-hidden": "^0.1.4",
-    "@radix-ui/react-portal": "^0.1.4",
+    "@radix-ui/react-visually-hidden": "^1.0.0",
+    "@radix-ui/react-portal": "^1.0.0",
     "react-dom": "17.0.2",
     "@hookform/resolvers": "^2.8.10",
     "react-hook-form": "^7.31.3",
     "yup": "^0.32.11",
-    "@radix-ui/react-dialog": "^0.1.7"
+    "@radix-ui/react-dialog": "^1.0.0"
   }
 }