@dilicorp/ui 0.0.21 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/side-navigation-bar/side-navigation-bar.d.ts +1 -1
- package/dist/components/side-navigation-bar/side-navigation-bar.d.ts.map +1 -1
- package/dist/components/side-navigation-bar/side-navigation-bar.js +3 -1
- package/dist/molecules/dropdown/dropdown-item.d.ts +9 -1
- package/dist/molecules/dropdown/dropdown-item.d.ts.map +1 -1
- package/dist/molecules/dropdown/dropdown-item.js +4 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ export declare type SideNavigationBarProps = {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
};
|
|
10
10
|
items: SideNavigationBarItemProps[];
|
|
11
|
-
|
|
11
|
+
active: boolean;
|
|
12
12
|
};
|
|
13
13
|
export declare const SideNavigationBar: React.MemoExoticComponent<(props: SideNavigationBarProps) => JSX.Element>;
|
|
14
14
|
//# sourceMappingURL=side-navigation-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAI9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,
|
|
1
|
+
{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAI9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBA+ClE,CAAA"}
|
|
@@ -4,7 +4,9 @@ import { Icon } from '../../atoms/icon';
|
|
|
4
4
|
import { storageHelper } from '../../index';
|
|
5
5
|
const STORAGE_NAME = 'SIDEBAR_ACTIVE';
|
|
6
6
|
export const SideNavigationBar = memo((props) => {
|
|
7
|
-
const { logoThumb, logoName, logout, items = [],
|
|
7
|
+
const { logoThumb, logoName, logout, items = [], active = true } = props;
|
|
8
|
+
const activeStorage = storageHelper.get(STORAGE_NAME);
|
|
9
|
+
const showActive = activeStorage ? activeStorage === '1' : active;
|
|
8
10
|
storageHelper.set(STORAGE_NAME, showActive ? '1' : '0');
|
|
9
11
|
useEffect(() => {
|
|
10
12
|
const btn = document.querySelector('.btn-sidebar');
|
|
@@ -4,11 +4,19 @@ interface DropdownItemBaseProps {
|
|
|
4
4
|
label: string;
|
|
5
5
|
uri: string;
|
|
6
6
|
target?: '_self' | '_blank';
|
|
7
|
+
onClick?: any;
|
|
7
8
|
}
|
|
8
9
|
interface DropdownSeparatorProps {
|
|
9
10
|
separator?: true;
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
+
interface DropdownOnClickProps {
|
|
13
|
+
separator?: false;
|
|
14
|
+
label: string;
|
|
15
|
+
uri?: string;
|
|
16
|
+
target?: '_self' | '_blank';
|
|
17
|
+
onClick: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare type DropdownItemProps = DropdownItemBaseProps | DropdownSeparatorProps | DropdownOnClickProps;
|
|
12
20
|
export declare const DropdownItem: React.FC<DropdownItemProps>;
|
|
13
21
|
export {};
|
|
14
22
|
//# sourceMappingURL=dropdown-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,GAAC,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,GAAC,QAAQ,CAAA;IACzB,OAAO,CAAC,EAAE,GAAG,CAAA;CACd;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAA;CACjB;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,GAAC,QAAQ,CAAA;IACzB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,oBAAY,iBAAiB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB,CAAA;AAErG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAUpD,CAAA"}
|
|
@@ -14,6 +14,9 @@ import { Link } from '../../atoms/link';
|
|
|
14
14
|
export const DropdownItem = (props) => {
|
|
15
15
|
if (props.separator)
|
|
16
16
|
return React.createElement("div", { className: "dropdown-divider" });
|
|
17
|
-
const _a = props, { uri, label } = _a, attrs = __rest(_a, ["uri", "label"]);
|
|
17
|
+
const _a = props, { uri, label, onClick } = _a, attrs = __rest(_a, ["uri", "label", "onClick"]);
|
|
18
|
+
if (onClick) {
|
|
19
|
+
return React.createElement("div", Object.assign({}, attrs, { className: "dropdown-item", onClick: onClick }), label);
|
|
20
|
+
}
|
|
18
21
|
return React.createElement(Link, Object.assign({}, attrs, { href: uri, className: "dropdown-item" }), label);
|
|
19
22
|
};
|