nurseitaly-components 0.0.1 → 0.0.2

package/dist/basic/ProfileDropdown/ProfileDropdown.d.ts

@@ -0,0 +1,13 @@
+import './styles.scss';
+export declare const ProfileColors: readonly ["white", "blue"];
+type ProfileColors = (typeof ProfileColors)[number];
+export type Props = {
+    src?: string;
+    className?: string;
+    color?: ProfileColors;
+    disabled?: boolean;
+    title?: string;
+    onClick?: (b: boolean) => void;
+};
+export default function ProfileDropdown({ src, className, color, disabled, title, onClick, }: Props): import("react").JSX.Element;
+export {};

package/dist/basic/ProfileDropdown/ProfileDropdown.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import { useState } from 'react';
+import Avatar from '../Avatar';
+import Icon from '../Icon';
+import './styles.scss';
+export const ProfileColors = ['white', 'blue'];
+export default function ProfileDropdown({ src, className, color = 'white', disabled = false, title, onClick, }) {
+    const [active, setActive] = useState(false);
+    const getClassNames = cx('ds-profile-dropdown', className, color, {
+        disabled: disabled,
+    });
+    return (_jsxs("div", { className: getClassNames, onClick: () => {
+            setActive(!active);
+            onClick && onClick(!active);
+        }, children: [_jsx(Avatar, { size: "small", src: src, title: title }), _jsx(Icon, { name: "arrow_drop_down", className: "arrow" })] }));
+}

package/dist/basic/ProfileDropdown/index.d.ts

@@ -0,0 +1,2 @@
+import ProfileDropdown from './ProfileDropdown';
+export default ProfileDropdown;

package/dist/basic/ProfileDropdown/index.js

@@ -0,0 +1,2 @@
+import ProfileDropdown from './ProfileDropdown';
+export default ProfileDropdown;

package/dist/basic/ProfileDropdown/styles.scss

@@ -0,0 +1,28 @@
+.ds-profile-dropdown {
+  display: flex;
+  align-items: center;
+
+  &.disabled {
+    > .arrow {
+      color: var(--icon-disabled) !important;
+    }
+  }
+
+  &.white {
+    > .arrow {
+      color: var(--icon-light-fixed);
+    }
+  }
+
+  &.blue {
+    > .arrow {
+      color: var(--icon-accent);
+    }
+  }
+
+  &:hover.blue {
+    > .arrow {
+      color: var(--icon-accent-hover);
+    }
+  }
+}

package/dist/basic/index.d.ts

@@ -15,6 +15,8 @@ export { IconSizes } from './Icon/Icon';
 export { ICON_SIZE_PX, iconSizeToPx } from './Icon/IconSizes';
 export { default as IconButton } from './IconButton';
 export { default as Pill } from './Pill';
+export { default as ProfileDropdown } from './ProfileDropdown';
+export { ProfileColors } from './ProfileDropdown/ProfileDropdown';
 export { default as SelectField } from './SelectField';
 export { default as AsyncSelectField } from './SelectField/AsyncSelectField';
 export type { SelectItem } from './SelectField/SelectField';

package/dist/basic/index.js

@@ -14,6 +14,8 @@ export { IconSizes } from './Icon/Icon';
 export { ICON_SIZE_PX, iconSizeToPx } from './Icon/IconSizes';
 export { default as IconButton } from './IconButton';
 export { default as Pill } from './Pill';
+export { default as ProfileDropdown } from './ProfileDropdown';
+export { ProfileColors } from './ProfileDropdown/ProfileDropdown';
 export { default as SelectField } from './SelectField';
 export { default as AsyncSelectField } from './SelectField/AsyncSelectField';
 export { default as SelectMultipleField } from './SelectField/SelectMultipleField';

package/dist/configs/useMessageUtils.d.ts

@@ -1,15 +1,16 @@
-import { TFunction } from 'i18next';
 type MessageDispatcher = {
     key: string;
     ns?: string;
-    t: TFunction;
+    /** Consumer `t` / `i18n.t` — kept loose across i18next major versions. */
+    t: any;
 };
 type ErrorDispatcher = {
     err: any;
-    t?: TFunction;
+    /** Consumer `t` / `i18n.t` — kept loose across i18next major versions. */
+    t?: any;
     key?: string;
 };
-export declare const getErrorMessageValue: ({ err, t, key }: ErrorDispatcher) => string;
+export declare const getErrorMessageValue: ({ err, t, key }: ErrorDispatcher) => any;
 export declare const useMessageUtils: () => {
     dispatchLoading: (val: boolean, text?: string) => void;
     dispatchError: ({ err, t, key }: ErrorDispatcher) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nurseitaly-components",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {