@dilicorp/ui 0.2.8 → 0.2.10

package/dist/components/side-navigation-bar/side-navigation-bar-item.js

@@ -21,9 +21,10 @@ export const SideNavigationBarItem = (props) => {
     var _a;
     const { className = '', items, index, pathname = '' } = props, attrs = __rest(props, ["className", "items", "index", "pathname"]);
     const [active, setActive] = useState(false);
-    const sanitizedHref = (attrs === null || attrs === void 0 ? void 0 : attrs.href) ? (_a = attrs === null || attrs === void 0 ? void 0 : attrs.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '';
-    const isHomePage = (sanitizedHref === '/' && pathname === '/');
-    const isPathActive = sanitizedHref && sanitizedHref !== '/' && pathname.includes(sanitizedHref);
+    const sanitizedHref = ((attrs === null || attrs === void 0 ? void 0 : attrs.href) ? (_a = attrs === null || attrs === void 0 ? void 0 : attrs.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '/').split('/')[1];
+    const sanitizedPath = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')[1];
+    const isHomePage = (sanitizedHref === '' && pathname === '/');
+    const isPathActive = sanitizedHref && sanitizedPath.includes(sanitizedHref);
     const activeClass = isHomePage || isPathActive ? ' active' : '';
     const submenClass = items && items.length > 0 ? ' submenu-li' : ' link-li';
     return (React.createElement("li", { className: `${className}${activeClass}${submenClass}` }, items

package/dist/molecules/card-summary/card-summary-header.d.ts

@@ -2,9 +2,10 @@
 declare type CardSummaryHeaderProps = {
     label: string;
     href?: string;
+    className?: string;
 };
 export declare const CardSummaryHeader: {
-    ({ label, href }: CardSummaryHeaderProps): JSX.Element;
+    ({ label, href, className }: CardSummaryHeaderProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/molecules/card-summary/card-summary-header.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-export const CardSummaryHeader = ({ label, href }) => {
+import classNames from 'classnames';
+export const CardSummaryHeader = ({ label, href, className }) => {
+    const classes = classNames('dash-title', className);
     return (React.createElement("div", { className: "dash-header" }, href
         ? (React.createElement(Link, { className: "normal-link", to: href },
-            React.createElement("div", { className: "dash-title" }, label)))
-        : (React.createElement("div", { className: "dash-title" }, label))));
+            React.createElement("div", { className: classes }, label)))
+        : (React.createElement("div", { className: classes }, label))));
 };
 CardSummaryHeader.displayName = 'CardSummaryHeader';

package/dist/molecules/card-summary/card-summary.d.ts

@@ -10,9 +10,10 @@ export declare const CardSummary: {
         displayName: string;
     };
     Header: {
-        ({ label, href }: {
+        ({ label, href, className }: {
             label: string;
             href?: string | undefined;
+            className?: string | undefined;
         }): JSX.Element;
         displayName: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",