@bodynarf/react.components 1.4.3 → 1.4.4

package/components/dropdown/dropdown.scss

@@ -1,6 +1,13 @@
-.app-dropdown {
+.bbr-dropdown {
     min-width: 7.5rem;
-    width: fit-content;
+
+    &:not(.bbr-dropdown--compact) {
+        display: block;
+    }
+
+    &--compact {
+        width: fit-content;
+    }
 
     & .dropdown-menu {
         min-width: 11.75rem;
@@ -41,6 +48,13 @@
                 transform: rotate(45deg);
             }
         }
+
+        &.is-success--md {
+            border-color: #48c78e;
+        }
+        &.is-danger--md {
+            border-color: #f14668;
+        }
     }
 
     &-item {
@@ -67,7 +81,7 @@
     }
 
     &.is-active {
-        .app-dropdown__label .app-icon.bi-arrow-down::before {
+        .bbr-dropdown__label .app-icon.bi-arrow-down::before {
             transform: rotate(180deg);
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bodynarf/react.components",
-    "version": "1.4.3",
+    "version": "1.4.4",
     "author": {
         "name": "Artem",
         "email": "bodynar@gmail.com"

package/components/dropdown/components/dropdownItem/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { SelectableItem } from "../../types";
-/** Dropdown item props */
-interface DropdownItemProps {
-    /** Item to present in dropdown */
-    item: SelectableItem;
-    /** Is item selected*/
-    selected: boolean;
-    /** Item click handler */
-    onClick: (event: React.MouseEvent<HTMLLIElement>) => void;
-}
-/** Single item in dropdown component */
-declare const DropdownItem: ({ item, selected, onClick }: DropdownItemProps) => JSX.Element;
-export default DropdownItem;
-//# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/dropdownItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/dropdownItem/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,0BAA0B;AAC1B,UAAU,iBAAiB;IACvB,kCAAkC;IAClC,IAAI,EAAE,cAAc,CAAC;IAErB,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAElB,yBAAyB;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wCAAwC;AACxC,QAAA,MAAM,YAAY,gCAAiC,iBAAiB,KAAG,WAYtE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/dropdown/components/dropdownItem/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/** Single item in dropdown component */
-const DropdownItem = ({ item, selected, onClick }) => {
-    return (_jsx("li", { className: `app-dropdown-item dropdown-item${selected ? " is-active" : ""}`, onClick: onClick, "data-dropdown-item-value": item.value, title: item.displayValue, children: item.displayValue }, item.id));
-};
-export default DropdownItem;

package/components/dropdown/components/dropdownLabel/index.d.ts

@@ -1,16 +0,0 @@
-import { MouseEvent } from 'react';
-import { SelectableItem } from "../../types";
-interface DropdownLabelProps {
-    /** Caption when no items selected */
-    caption: string;
-    /** Can user deselect */
-    deselectable: boolean;
-    /** Selected item */
-    selectedItem?: SelectableItem;
-    /** Click handler*/
-    onClick: (event: MouseEvent<HTMLLabelElement>) => void;
-}
-/** Label component */
-declare const DropdownLabel: ({ caption, selectedItem, onClick, deselectable }: DropdownLabelProps) => JSX.Element;
-export default DropdownLabel;
-//# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/dropdownLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/dropdownLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMnC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,UAAU,kBAAkB;IACxB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,YAAY,EAAE,OAAO,CAAC;IAEtB,oBAAoB;IACpB,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,sBAAsB;AACtB,QAAA,MAAM,aAAa,qDAAsD,kBAAkB,KAAG,WAiC7F,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/components/dropdown/components/dropdownLabel/index.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import Icon from '../../../icon';
-/** Label component */
-const DropdownLabel = ({ caption, selectedItem, onClick, deselectable }) => {
-    const itemSelected = !isNullOrUndefined(selectedItem);
-    const text = itemSelected
-        ? selectedItem?.displayValue
-        : caption;
-    const deselectVisible = deselectable && itemSelected;
-    const className = getClassName([
-        "dropdown-trigger",
-        "app-dropdown__label",
-        itemSelected ? "" : "app-dropdown__label--default",
-        "button"
-    ]);
-    return (_jsxs("label", { className: className, onClick: onClick, children: [deselectVisible &&
-                _jsx(Icon, { name: "plus-lg" }), _jsx("span", { className: deselectVisible ? "mx-2" : "mr-2", title: itemSelected ? text : undefined, children: text }), _jsx(Icon, { name: "arrow-down" })] }));
-};
-export default DropdownLabel;