@bodynarf/react.components 1.6.2 → 1.6.4

package/components/accordion/component/index.d.ts

@@ -0,0 +1,6 @@
+import "./style.scss";
+import { AccordionProps } from "..";
+/** Accordion panel */
+declare const Accordion: ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }: AccordionProps) => JSX.Element;
+export default Accordion;
+//# sourceMappingURL=index.d.ts.map

package/components/accordion/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/component/index.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AAOtB,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAEpC,sBAAsB;AACtB,QAAA,MAAM,SAAS,2FAKZ,cAAc,KAAG,WA8DnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/accordion/component/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import "./style.scss";
+import { ElementSize } from "../..";
+import Icon from "../../icon";
+import { mapDataAttributes } from "../../..";
+/** Accordion panel */
+const Accordion = ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }) => {
+    const expandablePanelRef = useRef(null);
+    const [isExpanded, setIsExpanded] = useState(defaultExpanded ?? false);
+    const [maxHeight, setMaxHeight] = useState(defaultExpanded === true ? undefined : 0);
+    const toggleCollapse = useCallback(() => setMaxHeight(isExpanded ? 0 : expandablePanelRef.current.scrollHeight), [isExpanded]);
+    useEffect(() => {
+        if (defaultExpanded === true && !isNullOrUndefined(expandablePanelRef.current)) {
+            setMaxHeight(expandablePanelRef.current.scrollHeight);
+        }
+    }, [defaultExpanded]);
+    useEffect(() => setIsExpanded(maxHeight !== 0), [maxHeight]);
+    useEffect(() => {
+        onToggle?.call(undefined, !isExpanded);
+    }, [isExpanded, onToggle]);
+    const elClassName = getClassName([
+        "bbr-accordion",
+        "message",
+        isNullOrUndefined(style) ? "" : `is-${style}`,
+        isNullOrUndefined(size) ? "" : `is-${size}`,
+        className,
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs("article", { className: elClassName, "aria-expanded": isExpanded, ...dataAttributes, children: [_jsxs("div", { className: "message-header is-unselectable", onClick: toggleCollapse, children: [_jsx("span", { title: title, children: caption }), _jsx(Icon, { name: "arrow-down", size: size ?? ElementSize.Medium })] }), _jsx("div", { className: "message-body", ref: expandablePanelRef, style: { maxHeight: `${maxHeight}px` }, children: _jsx("div", { className: "message-body__content", children: children }) })] }));
+};
+export default Accordion;

package/components/accordion/component/style.scss

@@ -0,0 +1,31 @@
+.bbr-accordion {
+    .message {
+        &-header {
+            cursor: pointer;
+
+            .bbr-icon {
+                transition: transform 0.125s ease-in-out;
+            }
+        }
+        &-body {
+            color: black !important;
+            transition: max-height 0.2s ease-out;
+            overflow-y: inherit;
+            padding: 0 1.5em;
+
+            &__content {
+                padding: 1.25em 0;
+            }
+        }
+    }
+    &[aria-expanded="true"] {
+        .message-header i {
+            transform: rotate(180deg);
+        }
+    }
+    &[aria-expanded="false"] {
+        .message-body {
+            overflow-y: hidden;
+        }
+    }
+}

package/components/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./component";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/accordion/index.js

@@ -0,0 +1,2 @@
+export { default } from "./component";
+export * from "./types";

package/components/accordion/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BaseElementProps, ElementColor, ElementSize } from "..";
+/** Accordion panel props type */
+export interface AccordionProps extends BaseElementProps {
+    /** Content that should be collapsed inside */
+    children: React.ReactNode;
+    /** Collapsible panel caption */
+    caption: string;
+    /** Default expandned state */
+    defaultExpanded?: boolean;
+    /** Panel size */
+    size?: ElementSize;
+    /** Color */
+    style?: ElementColor;
+    /** Extra handler for toggling visibility. Doesn't affect component logic */
+    onToggle?: (collapsed: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/accordion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjE,iCAAiC;AACjC,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACpD,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAEhB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C"}

package/components/accordion/types.js

@@ -0,0 +1 @@
+export {};

package/components/anchor/component/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./style.scss";
+import { AnchorProps } from "../..";
+/** Anchor component */
+export default function Anchor(props: AnchorProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/anchor/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAKjD,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}

package/components/anchor/component/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { SimpleAnchor } from "../components/simpleAnchor";
+import { AnchorWithIcon } from "../components/anchorWithIcon";
+/** Anchor component */
+export default function Anchor(props) {
+    if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
+        throw new Error("No anchor content provided");
+    }
+    const className = getClassName([
+        "bbr-anchor",
+        !isNullOrEmpty(props.className) ? ` ${props.className}` : "",
+        props.disableHovering === true ? " bbr-anchor--unhoverable" : ""
+    ]);
+    if (isNullOrUndefined(props.icon)) {
+        return (_jsx(SimpleAnchor, { ...props, className: className, onClick: props.onClick }));
+    }
+    return (_jsx(AnchorWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
+}

package/components/anchor/{anchor.scss → component/style.scss}

@@ -1,15 +1,15 @@
-.bbr-anchor {
-    text-decoration: none;
-    color: inherit;
-
-    transition: 0.15s ease-in-out color;
-
-    &:not(&--unhoverable):hover {
-        text-decoration: underline;
-        color: #3273dc;
-    }
-
-    .bbr-icon {
-        transition: none;
-    }
-}
+.bbr-anchor {
+    text-decoration: none;
+    color: inherit;
+
+    transition: 0.15s ease-in-out color;
+
+    &:not(&--unhoverable):hover {
+        text-decoration: underline;
+        color: #3273dc;
+    }
+
+    .bbr-icon {
+        transition: none;
+    }
+}

package/components/anchor/index.d.ts

@@ -1,24 +1,3 @@
-/// <reference types="react" />
-import "./anchor.scss";
-import { ElementIcon } from "..";
-export declare type AnchorProps = {
-    /** Link destination */
-    href?: string;
-    /** Link caption  */
-    caption?: string;
-    /** Click handler */
-    onClick?: () => void;
-    /** Configuration od inner icon */
-    icon?: ElementIcon;
-    /** Title of anchor */
-    title?: string;
-    /** Where to open the linked document */
-    target?: "_blank" | "_top";
-    /** Additional class names */
-    className?: string;
-    /** Should css hovering effects be disabled */
-    disableHovering?: boolean;
-};
-/** Anchor component */
-export default function Anchor(props: AnchorProps): JSX.Element;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/anchor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/index.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAKjC,oBAAY,WAAW,GAAG;IACtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/anchor/index.js

@@ -1,20 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
-import "./anchor.scss";
-import { SimpleAnchor } from "./components/simpleAnchor";
-import { AnchorWithIcon } from "./components/anchorWithIcon";
-/** Anchor component */
-export default function Anchor(props) {
-    if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
-        throw new Error("No anchor content provided");
-    }
-    const className = getClassName([
-        "bbr-anchor",
-        !isNullOrEmpty(props.className) ? ` ${props.className}` : "",
-        props.disableHovering === true ? " bbr-anchor--unhoverable" : ""
-    ]);
-    if (isNullOrUndefined(props.icon)) {
-        return (_jsx(SimpleAnchor, { ...props, className: className, onClick: props.onClick }));
-    }
-    return (_jsx(AnchorWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
-}
+export { default } from "./component";
+export * from "./types";

package/components/anchor/types.d.ts

@@ -1,5 +1,24 @@
 import { ElementIcon } from "..";
-export declare type SimpleAnchorProps = {
+/** Anchor component props type */
+export interface AnchorProps {
+    /** Link destination */
+    href?: string;
+    /** Link caption  */
+    caption?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Configuration od inner icon */
+    icon?: ElementIcon;
+    /** Title of anchor */
+    title?: string;
+    /** Where to open the linked document */
+    target?: "_blank" | "_top";
+    /** Additional class names */
+    className?: string;
+    /** Should css hovering effects be disabled */
+    disableHovering?: boolean;
+}
+export interface SimpleAnchorProps {
     /** Link destination */
     href?: string;
     /** Class names */
@@ -12,9 +31,9 @@ export declare type SimpleAnchorProps = {
     title?: string;
     /** Where to open the linked document */
     target?: "_blank" | "_top";
-};
-export declare type AnchorWithIconProps = SimpleAnchorProps & {
+}
+export interface AnchorWithIconProps extends SimpleAnchorProps {
     /** Configuration of icon */
     icon: ElementIcon;
-};
+}
 //# sourceMappingURL=types.d.ts.map

package/components/anchor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,oBAAY,iBAAiB,GAAG;IAC5B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,oBAAY,mBAAmB,GAAG,iBAAiB,GAAG;IAClD,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,kCAAkC;AAClC,MAAM,WAAW,WAAW;IACxB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAC9B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB"}

package/components/button/component/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./style.scss";
+import { ButtonProps } from "../..";
+/**
+ * Button component
+ * @throws Caption is not defined and icon configuration is not defined at the same time
+ */
+export default function Button(props: ButtonProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/button/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAOjD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C9D"}

package/components/button/component/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { mapDataAttributes } from "../../../utils";
+import { ButtonWithIcon } from "../components/buttonWithIcon";
+import { SimpleButton } from "../components/simpleButton";
+/**
+ * Button component
+ * @throws Caption is not defined and icon configuration is not defined at the same time
+ */
+export default function Button(props) {
+    if (isNullOrEmpty(props.caption) && isNullOrUndefined(props.icon)) {
+        throw new Error("No button content provided.");
+    }
+    const className = getClassName([
+        "button",
+        "bbr-button",
+        props.className,
+        `is-${props.type}`,
+        props.light === true ? "is-light" : "",
+        !isNullOrUndefined(props.size) ? `is-${props.size}` : "",
+        props.outlined === true ? "is-outlined" : "",
+        props.rounded === true ? "is-rounded" : "",
+        props.isLoading === true ? "is-loading" : "",
+        props.static === true ? "is-static" : "",
+    ]);
+    const data = isNullOrUndefined(props.data)
+        ? undefined
+        : mapDataAttributes(props.data);
+    if (!isNullOrUndefined(props.icon)) {
+        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon, data: data }));
+    }
+    else {
+        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick, data: data }));
+    }
+}

package/components/button/{button.scss → component/style.scss}

@@ -1,12 +1,12 @@
-.bbr-button {
-    transition: 0.15s ease-in-out;
-    transition-property: background-color, border-color;
-
-    &--icon-only {
-        padding: 0.55rem !important;
-    }
-
-    &.is-warning.is-outlined:not([disabled]):hover {
-        color: #000 !important;
-    }
-}
+.bbr-button {
+    transition: 0.15s ease-in-out;
+    transition-property: background-color, border-color;
+
+    &--icon-only {
+        padding: 0.55rem !important;
+    }
+
+    &.is-warning.is-outlined:not([disabled]):hover {
+        color: #000 !important;
+    }
+}

package/components/button/index.d.ts

@@ -1,34 +1,3 @@
-/// <reference types="react" />
-import "./button.scss";
-import { BaseElementProps, ElementIcon, ElementSize } from "..";
-import { ButtonType } from "./types";
-export interface ButtonProps extends BaseElementProps {
-    /** Button displaying text */
-    caption?: string;
-    /** Type of button (color)  */
-    type: ButtonType;
-    /** Configuration of inner icon */
-    icon?: ElementIcon;
-    /** Button size  */
-    size?: ElementSize;
-    /** Is button uses light version of color  */
-    light?: boolean;
-    /** Is button outlined */
-    outlined?: boolean;
-    /** Should button corners be rounded  */
-    rounded?: boolean;
-    /** Display loading icon */
-    isLoading?: boolean;
-    /** Is button disabled */
-    disabled?: boolean;
-    /** Is non-interactive button */
-    static?: boolean;
-    /** Click action handler */
-    onClick?: () => void;
-}
-/**
- * Button component
- * @throws Caption is not defined and icon configuration is not defined at the same time
- */
-export default function Button(props: ButtonProps): JSX.Element;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIhE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/button/index.js

@@ -1,37 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
-import "./button.scss";
-import { mapDataAttributes } from "../../utils";
-import { ButtonWithIcon } from "./components/buttonWithIcon";
-import { SimpleButton } from "./components/simpleButton";
-;
-/**
- * Button component
- * @throws Caption is not defined and icon configuration is not defined at the same time
- */
-export default function Button(props) {
-    if (isNullOrEmpty(props.caption) && isNullOrUndefined(props.icon)) {
-        throw new Error("No button content provided.");
-    }
-    const className = getClassName([
-        "button",
-        "bbr-button",
-        props.className,
-        `is-${props.type}`,
-        props.light === true ? "is-light" : "",
-        !isNullOrUndefined(props.size) ? `is-${props.size}` : "",
-        props.outlined === true ? "is-outlined" : "",
-        props.rounded === true ? "is-rounded" : "",
-        props.isLoading === true ? "is-loading" : "",
-        props.static === true ? "is-static" : "",
-    ]);
-    const data = isNullOrUndefined(props.data)
-        ? undefined
-        : mapDataAttributes(props.data);
-    if (!isNullOrUndefined(props.icon)) {
-        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon, data: data }));
-    }
-    else {
-        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick, data: data }));
-    }
-}
+export { default } from "./component";
+export * from "./types";

package/components/button/types.d.ts

@@ -1,5 +1,28 @@
-import { ButtonProps } from ".";
-import { ElementIcon } from "../types";
+import { BaseElementProps, ElementIcon, ElementSize } from "../types";
+export interface ButtonProps extends BaseElementProps {
+    /** Button displaying text */
+    caption?: string;
+    /** Type of button (color)  */
+    type: ButtonType;
+    /** Configuration of inner icon */
+    icon?: ElementIcon;
+    /** Button size  */
+    size?: ElementSize;
+    /** Is button uses light version of color  */
+    light?: boolean;
+    /** Is button outlined */
+    outlined?: boolean;
+    /** Should button corners be rounded  */
+    rounded?: boolean;
+    /** Display loading icon */
+    isLoading?: boolean;
+    /** Is button disabled */
+    disabled?: boolean;
+    /** Is non-interactive button */
+    static?: boolean;
+    /** Click action handler */
+    onClick?: () => void;
+}
 /** Button types according to Bulma framework */
 export declare type ButtonType = "default" /** color: transparent */ | "primary" /** color: seawave green */ | "link" /** color: blue-violet */ | "info" /** color: sky-blue */ | "success" /** color: green */ | "warning" /** color: yellow */ | "danger" /** color: red */ | "white" /** color: white */ | "light" /** color: light-gray */ | "dark" /** color: dark-gray */ | "black" /** color: black */ | "text" /** Underline text with color: gray */ | "ghost" /** Blue underline text with color: transparent */;
 /** Simple button props type */

package/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,gDAAgD;AAChD,oBAAY,UAAU,GAClB,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,2BAA2B,GACrC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,gDAAgD;AAChD,oBAAY,UAAU,GAClB,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,2BAA2B,GACrC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB"}

package/components/button/types.js

@@ -1,3 +1,4 @@
 ;
 ;
+;
 export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./style.scss";
+import { DropdownProps } from "..";
+/** Dropdown component */
+declare const Dropdown: (props: DropdownProps) => JSX.Element;
+export default Dropdown;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/dropdown/component/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import "./style.scss";
+import DropdownWithLabel from "../components/withLabel";
+import DropdownCompact from "../components/compact";
+/** Dropdown component */
+const Dropdown = (props) => {
+    if (!isNullOrUndefined(props.label)) {
+        return _jsx(DropdownWithLabel, { ...props });
+    }
+    else {
+        return _jsx(DropdownCompact, { ...props });
+    }
+};
+export default Dropdown;

package/components/dropdown/index.d.ts

@@ -1,43 +1,3 @@
-/// <reference types="react" />
-import "./dropdown.scss";
-import { BaseElementProps } from "..";
-import { InputLabel, ValidationState } from "../primitives";
-import { SelectableItem } from "./types";
-export declare type DropdownProps = BaseElementProps & {
-    /** Items which can be selected */
-    items: Array<SelectableItem>;
-    /** Input element placeholder */
-    placeholder: string;
-    /**
-     * Action to update selected value, which stored outside
-    */
-    onSelect: (item?: SelectableItem) => void;
-    /**
-     * Selected value.
-     * Must be stored outside
-    */
-    value?: SelectableItem;
-    /** Hide dropdown list when its opened and user click outside */
-    hideOnOuterClick: boolean;
-    /** Can user deselect */
-    deselectable?: boolean;
-    /** Custom dropdown list max-height property */
-    listMaxHeight?: string;
-    /**
-     * Should dropdown be compact
-     * Will have width by maximum current selection item width
-     */
-    compact?: boolean;
-    /**
-     * Is element disabled
-     */
-    disabled?: boolean;
-    /** Label configuration */
-    label?: InputLabel;
-    /** Current validation state */
-    validationState?: ValidationState;
-};
-/** Dropdown component */
-declare const Dropdown: (props: DropdownProps) => JSX.Element;
-export default Dropdown;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,oBAAY,aAAa,GAAG,gBAAgB,GAAG;IAC3C,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAE7B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IAEpB;;MAEE;IACF,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAE1C;;;MAGE;IACF,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,gEAAgE;IAChE,gBAAgB,EAAE,OAAO,CAAC;IAE1B,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC,CAAA;AAED,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/dropdown/index.js

@@ -1,15 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "./dropdown.scss";
-import DropdownWithLabel from "./components/withLabel";
-import DropdownCompact from "./components/compact";
-/** Dropdown component */
-const Dropdown = (props) => {
-    if (!isNullOrUndefined(props.label)) {
-        return _jsx(DropdownWithLabel, { ...props });
-    }
-    else {
-        return _jsx(DropdownCompact, { ...props });
-    }
-};
-export default Dropdown;
+export { default } from "./component";
+export * from "./types";