@bodynarf/react.components 1.13.4 → 1.13.6

package/components/dropdown/components/label/components/withSearch/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
+import { getClassName, isNotNullish, isNullOrEmpty } from "@bodynarf/utils";
 import { ElementSize } from "../../../../../../types";
 import Icon from "../../../../../icon";
 import "./style.scss";
@@ -16,7 +16,7 @@ const DropdownLabelWithSearch = ({ caption, className, deselectable, lastSearch,
     const onChange = useCallback((event) => onSearchChange(event.target.value), [onSearchChange]);
     const inputClassName = getClassName([
         "input",
-        deselectable && !isNullOrUndefined(selectedItem) ? "px-2" : "pl-0"
+        deselectable && isNotNullish(selectedItem) ? "px-2" : "pl-0"
     ]);
     const containerOnClick = useCallback((event) => {
         event.stopPropagation();
@@ -26,7 +26,7 @@ const DropdownLabelWithSearch = ({ caption, className, deselectable, lastSearch,
         }
         onClick(event);
     }, [isListVisible, onClick]);
-    return (_jsxs("div", { className: elClassName, onClick: containerOnClick, children: [!!deselectable && !isNullOrUndefined(selectedItem)
+    return (_jsxs("div", { className: elClassName, onClick: containerOnClick, children: [!!deselectable && isNotNullish(selectedItem)
                 &&
                     _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsx("input", { type: "text", onChange: onChange, placeholder: caption, className: inputClassName, value: selectedItem?.displayValue ?? lastSearch }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
 };

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseInputWithLabel } from "../../../../types";
 import { DropdownProps } from "../..";
 /** Dropdown component with label */
-declare const DropdownWithLabel: FC<DropdownProps>;
+declare const DropdownWithLabel: FC<BaseInputWithLabel<DropdownProps>>;
 export default DropdownWithLabel;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/withLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,oCAAoC;AACpC,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,aAAa,CAgBxC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/withLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAe,MAAM,YAAY,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,oCAAoC;AACpC,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAgB5D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/dropdown/components/withLabel/index.js

@@ -6,6 +6,8 @@ import DropdownCompact from "../compact";
 /** Dropdown component with label */
 const DropdownWithLabel = (props) => {
     const id = useId();
-    return (_jsx(LabelWrapper, { id: id, label: props.label, size: ElementSize.Normal, children: _jsx(DropdownCompact, { ...props, id: id }) }));
+    return (_jsx(LabelWrapper, { id: id, 
+        // eslint-disable-next-line react/destructuring-assignment
+        label: props.label, size: ElementSize.Normal, children: _jsx(DropdownCompact, { id: id, ...props }) }));
 };
 export default DropdownWithLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/file/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAAiC,MAAM,OAAO,CAAC;AAQvE,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAErC,oCAAoC;AACpC,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4HnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/file/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAAiC,MAAM,OAAO,CAAC;AAQvE,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAErC,oCAAoC;AACpC,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoHnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/components/file/component/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef, useState } from "react";
-import { emptyFn, generateGuid, getClassName, isNullish, isNullOrUndefined } from "@bodynarf/utils";
+import { emptyFn, generateGuid, getClassName, isNotNullish } from "@bodynarf/utils";
 import { ElementSize, ElementPosition } from "../../../types";
 import { getSizeClassName, getStyleClassName, mapDataAttributes } from "../../../utils";
 import Icon from "../../icon";
@@ -15,7 +15,7 @@ const FileUpload = ({ onValueChange = emptyFn, placeholder, name = generateGuid(
     const onChange = useCallback((event) => {
         const firstFile = event.target.files?.[0];
         onValueChange(firstFile);
-        if (displayFileName && !isNullish(firstFile)) {
+        if (displayFileName && isNotNullish(firstFile)) {
             const fileName = firstFile.name;
             setSelectedFileName(fileName);
         }
@@ -36,16 +36,14 @@ const FileUpload = ({ onValueChange = emptyFn, placeholder, name = generateGuid(
         disabled ? "is-disabled" : "",
         className,
     ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    const shouldDisplayFileName = displayFileName && !isNullish(selectedFileName);
+    const dataAttributes = mapDataAttributes(data);
+    const shouldDisplayFileName = displayFileName && isNotNullish(selectedFileName);
     return (_jsxs("div", { className: containerClassName, children: [!!shouldDisplayFileName && alignment === ElementPosition.Right
                 &&
-                    _jsx(Icon, { name: "x-lg", className: "file-clear", size: size, onClick: onClearClick, title: clearSelectionTitle }), _jsxs("label", { className: "file-label", children: [_jsx("input", { type: "file", className: "file-input", accept: accept, id: name, name: name, disabled: disabled, onChange: onChange, placeholder: placeholder, title: title, ...dataAttributes, ref: inputRef }), _jsxs("span", { className: "file-cta", children: [_jsx("span", { className: "file-icon", children: _jsx(Icon, { name: "upload", size: size }) }), _jsx("span", { className: "file-label", children: placeholder })] }), !!shouldDisplayFileName
+                    _jsx(Icon, { name: "x-lg", size: size, className: "file-clear", onClick: onClearClick, title: clearSelectionTitle }), _jsxs("label", { className: "file-label", children: [_jsx("input", { id: name, type: "file", name: name, title: title, ref: inputRef, accept: accept, disabled: disabled, onChange: onChange, ...dataAttributes, className: "file-input", placeholder: placeholder }), _jsxs("span", { className: "file-cta", children: [_jsx("span", { className: "file-icon", children: _jsx(Icon, { size: size, name: "upload" }) }), _jsx("span", { className: "file-label", children: placeholder })] }), !!shouldDisplayFileName
                         &&
                             _jsx("span", { className: "file-name", title: selectedFileName, children: selectedFileName })] }), !!shouldDisplayFileName && alignment === ElementPosition.Left
                 &&
-                    _jsx(Icon, { name: "x-lg", className: "file-clear", size: size, onClick: onClearClick, title: clearSelectionTitle })] }));
+                    _jsx(Icon, { name: "x-lg", size: size, className: "file-clear", onClick: onClearClick, title: clearSelectionTitle })] }));
 };
 export default FileUpload;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA4BvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyBvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/icon/component/index.js

@@ -15,9 +15,7 @@ const Icon = ({ name, size = ElementSize.Normal, className, title, data, onClick
         getSizeClassName(size),
         isNullish(onClick) ? undefined : "is-clickable"
     ]);
-    const dataAttributes = isNullish(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsx("i", { className: classNames, title: title, onClick: onClick, ...dataAttributes }));
+    const dataAttributes = mapDataAttributes(data);
+    return (_jsx("i", { title: title, onClick: onClick, ...dataAttributes, className: classNames }));
 };
 export default Icon;

package/components/index.d.ts

@@ -1,11 +1,43 @@
+export { default as Accordion } from "./accordion";
 export * from "./accordion";
+export { default as Anchor } from "./anchor";
 export * from "./anchor";
+export { default as Breadcrumbs } from "./breadcrumbs";
+export * from "./breadcrumbs";
+export { default as Button } from "./button";
 export * from "./button";
+export { default as Dropdown } from "./dropdown";
 export * from "./dropdown";
+export { default as File } from "./file";
+export * from "./file";
+export { default as Icon } from "./icon";
 export * from "./icon";
+export { default as Multiselect } from "./multiselect";
+export * from "./multiselect";
+export { default as Paginator } from "./paginator";
 export * from "./paginator";
+export { default as Search } from "./search";
 export * from "./search";
+export { default as Table } from "./table";
+export * from "./table";
+export { default as Tabs } from "./tabs";
 export * from "./tabs";
+export { default as Tag } from "./tag";
 export * from "./tag";
-export * from "./primitives";
+export { default as Progress } from "./progress";
+export * from "./progress";
+export { default as Checkbox } from "./primitives/checkbox";
+export * from "./primitives/checkbox";
+export { default as Color } from "./primitives/color";
+export * from "./primitives/color";
+export { default as Date } from "./primitives/date";
+export * from "./primitives/date";
+export { default as Multiline } from "./primitives/multiline";
+export * from "./primitives/multiline";
+export { default as NumberInput } from "./primitives/number";
+export * from "./primitives/number";
+export { default as Password } from "./primitives/password";
+export * from "./primitives/password";
+export { default as Text } from "./primitives/text";
+export * from "./primitives/text";
 //# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AAEtB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAGtB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC"}

package/components/index.js

@@ -1,10 +1,44 @@
+export { default as Accordion } from "./accordion";
 export * from "./accordion";
+export { default as Anchor } from "./anchor";
 export * from "./anchor";
+export { default as Breadcrumbs } from "./breadcrumbs";
+export * from "./breadcrumbs";
+export { default as Button } from "./button";
 export * from "./button";
+export { default as Dropdown } from "./dropdown";
 export * from "./dropdown";
+export { default as File } from "./file";
+export * from "./file";
+export { default as Icon } from "./icon";
 export * from "./icon";
+export { default as Multiselect } from "./multiselect";
+export * from "./multiselect";
+export { default as Paginator } from "./paginator";
 export * from "./paginator";
+export { default as Search } from "./search";
 export * from "./search";
+export { default as Table } from "./table";
+export * from "./table";
+export { default as Tabs } from "./tabs";
 export * from "./tabs";
+export { default as Tag } from "./tag";
 export * from "./tag";
-export * from "./primitives";
+// Progress/Loader component
+export { default as Progress } from "./progress";
+export * from "./progress";
+// Primitives
+export { default as Checkbox } from "./primitives/checkbox";
+export * from "./primitives/checkbox";
+export { default as Color } from "./primitives/color";
+export * from "./primitives/color";
+export { default as Date } from "./primitives/date";
+export * from "./primitives/date";
+export { default as Multiline } from "./primitives/multiline";
+export * from "./primitives/multiline";
+export { default as NumberInput } from "./primitives/number";
+export * from "./primitives/number";
+export { default as Password } from "./primitives/password";
+export * from "./primitives/password";
+export { default as Text } from "./primitives/text";
+export * from "./primitives/text";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/multiselect/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,qCAAqC,CAAC;AAC7C,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,4BAA4B;AAC5B,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAKrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/multiselect/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,qCAAqC,CAAC;AAC7C,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,4BAA4B;AAC5B,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAYrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/components/multiselect/component/index.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
+import { isNullish } from "@bodynarf/utils";
 import "../../dropdown/component/style.scss";
 import "./style.scss";
 import MultiselectWithoutLabel from "../components/withoutLabel";
 import MultiselectWithLabel from "../components/withLabel";
 /** Multiselect component */
 const Multiselect = (props) => {
-    return isNullOrUndefined(props.label)
+    // eslint-disable-next-line react/destructuring-assignment
+    return isNullish(props.label)
         ? _jsx(MultiselectWithoutLabel, { ...props })
-        : _jsx(MultiselectWithLabel, { ...props });
+        : (_jsx(MultiselectWithLabel, { ...props, 
+            // eslint-disable-next-line react/destructuring-assignment
+            label: props.label }));
 };
 export default Multiselect;

package/components/multiselect/component/style.scss

@@ -17,4 +17,17 @@
             }
         }
     }
+
+    &.is-up {
+        .dropdown-menu {
+            top: auto;
+            bottom: 100%;
+        }
+
+        &.is-active {
+            .bbr-dropdown__label .bbr-icon.bi-arrow-down::before {
+                transform: rotate(360deg);
+            }
+        }
+    }
 }

package/components/multiselect/components/item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAEnF,6BAA6B;AAC7B,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG;IACnE,MAAM,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,IAAI,EAAE,oBAAoB,CAAC;IAE3B,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjE;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2D7C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAEnF,6BAA6B;AAC7B,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG;IACnE,MAAM,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,IAAI,EAAE,oBAAoB,CAAC;IAE3B,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjE;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0D7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/components/multiselect/components/item/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { getClassName, isNotNullish } from "@bodynarf/utils";
 import { ElementPosition } from "../../../../types";
 import Icon from "../../../icon";
 import Checkbox from "../../../primitives/checkbox";
@@ -15,7 +15,7 @@ const MultiselectItem = ({ item, selected, rootId, onItemClick, onChange, checkb
             event.stopPropagation();
         }
     }, [item, onItemClick]);
-    if (!isNullOrUndefined(item.icon)) {
+    if (isNotNullish(item.icon)) {
         return (_jsx(MultiselectItemWithIcon, { item: item, rootId: rootId, onChange: onChange, selected: selected, onItemClick: onItemClick }));
     }
     const className = getClassName([
@@ -24,7 +24,7 @@ const MultiselectItem = ({ item, selected, rootId, onItemClick, onChange, checkb
         selected ? "is-active" : "",
         "is-flex",
     ]);
-    return (_jsxs("li", { className: className, onClick: onClick, title: item.title, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked }, item.id + selected), item.displayValue] }));
+    return (_jsxs("li", { onClick: onClick, title: item.title, className: className, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked }, item.id + selected), item.displayValue] }));
 };
 export default MultiselectItem;
 /** Single item in multiselect component with icon */
@@ -57,7 +57,7 @@ const MultiselectItemWithIcon = ({ item, selected, rootId, onChange, onItemClick
         "mb-1"
     ]);
     if (icon.position === ElementPosition.Right) {
-        return (_jsxs("li", { onClick: onClick, className: className, title: item.title, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), item.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }));
+        return (_jsxs("li", { onClick: onClick, title: item.title, className: className, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), item.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }));
     }
-    return (_jsxs("li", { onClick: onClick, className: className, title: item.title, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), item.displayValue] }));
+    return (_jsxs("li", { onClick: onClick, title: item.title, className: className, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), item.displayValue] }));
 };

package/components/multiselect/components/label/components/empty/index.js

@@ -11,6 +11,6 @@ const EmptyLabel = ({ caption, onClick, className, }) => {
         isNullOrEmpty(className) ? "" : `${className}--md`,
         "bbr-dropdown__label--default",
     ]);
-    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [_jsx("span", { className: "mr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
+    return (_jsxs("label", { onClick: onClick, className: elClassName, children: [_jsx("span", { className: "mr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
 };
 export default EmptyLabel;

package/components/multiselect/components/label/components/nonEmpty/index.js

@@ -10,7 +10,7 @@ const NonEmptyMultiselectLabel = ({ onClick, deselectable, className, caption })
         "bbr-dropdown__label",
         isNullOrEmpty(className) ? "" : `${className}--md`,
     ]);
-    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [!!deselectable &&
+    return (_jsxs("label", { onClick: onClick, className: elClassName, children: [!!deselectable &&
                 _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsx("span", { className: deselectable ? "px-2" : "pr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
 };
 export default NonEmptyMultiselectLabel;

package/components/multiselect/components/withLabel/index.d.ts

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseInputWithLabel } from "../../../../types";
 import { MultiselectProps } from "../../types";
 /** Multiselect component with label */
-declare const MultiselectWithLabel: FC<MultiselectProps>;
+declare const MultiselectWithLabel: FC<BaseInputWithLabel<MultiselectProps>>;
 export default MultiselectWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/withLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/withLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,uCAAuC;AACvC,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,gBAAgB,CAc9C,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/withLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAe,MAAM,YAAY,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,uCAAuC;AACvC,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAelE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/components/multiselect/components/withLabel/index.js

@@ -6,6 +6,8 @@ import MultiselectWithoutLabel from "../withoutLabel";
 /** Multiselect component with label */
 const MultiselectWithLabel = (props) => {
     const id = useId();
-    return (_jsx(LabelWrapper, { id: id, label: props.label, size: ElementSize.Normal, children: _jsx(MultiselectWithoutLabel, { ...props }) }));
+    return (_jsx(LabelWrapper, { id: id, 
+        // eslint-disable-next-line react/destructuring-assignment
+        label: props.label, size: ElementSize.Normal, children: _jsx(MultiselectWithoutLabel, { ...props }) }));
 };
 export default MultiselectWithLabel;

package/components/multiselect/components/withoutLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAE,gBAAgB,EAA2C,MAAM,aAAa,CAAC;AAIxF,8CAA8C;AAC9C,KAAK,4BAA4B,GAAG,gBAAgB,GAAG;IACnD,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAiJ7D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoD,MAAM,OAAO,CAAC;AAU7E,OAAO,EAAE,gBAAgB,EAA2C,MAAM,aAAa,CAAC;AAIxF,8CAA8C;AAC9C,KAAK,4BAA4B,GAAG,gBAAgB,GAAG;IACnD,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAqK7D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/components/multiselect/components/withoutLabel/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useId, useState } from "react";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
+import { useCallback, useId, useState, useRef } from "react";
+import { getClassName, isNotNullish, isNullOrEmpty, isNullish } from "@bodynarf/utils";
 import { ElementSize } from "../../../../types";
 import { getStyleClassName, mapDataAttributes } from "../../../../utils";
 import { useComponentOutsideClick } from "../../../../hooks";
@@ -11,12 +11,14 @@ import MultiselectLabel from "../label/component";
 const MultiselectWithoutLabel = ({ items, onChange, onClear, hideOnOuterClick, listMaxHeight, placeholder = "", noDataText = "No items found", selectionCaption = "{0} items selected", noDataByQuery = "No items found by specified search", compact = false, disabled = false, searchable = true, validationState, className, title, data, hint, id: propsId, checkboxConfig, }) => {
     const generatedId = useId();
     const id = propsId ?? generatedId;
+    const containerRef = useRef(null);
     const [isListVisible, setListVisible] = useState(false);
     const [selectedItems, setSelectedItems] = useState(items
         .filter(({ selected }) => selected)
         .map(({ id }) => id)
         ??
             []);
+    const [isOpenUp, setIsOpenUp] = useState(false);
     const onItemClick = useCallback((item) => {
         const isItemSelected = selectedItems.includes(item.id);
         setSelectedItems(x => isItemSelected
@@ -32,12 +34,20 @@ const MultiselectWithoutLabel = ({ items, onChange, onClear, hideOnOuterClick, l
         item.selected = selected;
         onChange(item, selected);
     }, [onChange]);
+    const shouldOpenUpward = useCallback((element) => {
+        const rect = element.getBoundingClientRect();
+        const spaceBelow = window.innerHeight - rect.bottom;
+        const spaceAbove = rect.top;
+        const estimatedHeight = Math.min(items.length, 8) * 33 // 33 = 21px item height + 12px padding, 8 - max items in list
+            + 20; // 16px - padding top-bottom + 4px margin-top
+        return spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
+    }, [items.length]);
     const onLabelClick = useCallback((event) => {
         if (disabled) {
             return;
         }
         const target = event.target;
-        if (isNullOrUndefined(target)) {
+        if (isNullish(target)) {
             return;
         }
         if (target.classList.contains("bi-plus-lg")) {
@@ -45,9 +55,14 @@ const MultiselectWithoutLabel = ({ items, onChange, onClear, hideOnOuterClick, l
             onClear?.();
         }
         else {
+            // Check if we should open upward
+            if (containerRef.current) {
+                const openUp = shouldOpenUpward(containerRef.current);
+                setIsOpenUp(openUp);
+            }
             setListVisible(state => !state);
         }
-    }, [onClear, setListVisible, disabled]);
+    }, [onClear, setListVisible, disabled, shouldOpenUpward]);
     useComponentOutsideClick(`[data-dropdown-id="${id}"]`, isListVisible, () => setListVisible(false), hideOnOuterClick);
     const classNames = getClassName([
         "bbr-multiselect",
@@ -57,15 +72,14 @@ const MultiselectWithoutLabel = ({ items, onChange, onClear, hideOnOuterClick, l
         compact ? "bbr-dropdown--compact" : "",
         isListVisible ? "is-active" : "",
         isNullOrEmpty(listMaxHeight) ? "bbr-dropdown--height-default" : "",
+        isOpenUp ? "is-up" : "",
         "dropdown",
     ]);
     const labelComponentClassName = getStyleClassName(undefined, validationState);
     const selectedItemsCount = selectedItems.length;
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    const deselectable = !isNullOrUndefined(onClear);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames, "data-dropdown-id": id, title: title, ...dataAttributes, children: [_jsx(MultiselectLabel, { caption: placeholder, onClick: onLabelClick, deselectable: deselectable, className: labelComponentClassName, selectionCaption: selectionCaption, selectedItemsCount: selectedItemsCount }), _jsx("div", { className: "dropdown-menu", children: _jsx(DropdownContent, { id: id, items: items, searchable: searchable, noDataText: noDataText, onItemClick: onItemClick, noDataByQuery: noDataByQuery, selectedItems: selectedItems, listMaxHeight: listMaxHeight, checkboxConfig: checkboxConfig, onItemSelectChange: onItemSelectChange }) })] }, id), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+    const dataAttributes = mapDataAttributes(data);
+    const deselectable = isNotNullish(onClear);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { title: title, ref: containerRef, ...dataAttributes, "data-dropdown-id": id, className: classNames, children: [_jsx(MultiselectLabel, { caption: placeholder, onClick: onLabelClick, deselectable: deselectable, className: labelComponentClassName, selectionCaption: selectionCaption, selectedItemsCount: selectedItemsCount }), _jsx("div", { className: "dropdown-menu", children: _jsx(DropdownContent, { id: id, items: items, searchable: searchable, noDataText: noDataText, onItemClick: onItemClick, noDataByQuery: noDataByQuery, selectedItems: selectedItems, listMaxHeight: listMaxHeight, checkboxConfig: checkboxConfig, onItemSelectChange: onItemSelectChange }) })] }, id), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
 };
 export default MultiselectWithoutLabel;
 // eslint-disable-next-line react/no-multi-comp

package/components/multiselect/types.d.ts

@@ -9,6 +9,14 @@ export type MultiselectItem = SelectableItem & {
 export type MultiselectProps = Omit<DropdownProps, "items" | "onSelect" | "value" | "deselectable"> & {
     /** Items which can be selected */
     items: Array<MultiselectItem>;
+    /**
+     * Caption for label when some items are selected
+     * @example selectionCaption: "selected: {0}"
+     * @description Supports only 1 string parameter for number of selected items. Default is `{0} items selected`
+     */
+    selectionCaption?: string;
+    /** Customization for checkbox */
+    checkboxConfig?: Pick<CheckBoxProps, "block" | "className" | "data" | "fixBackgroundColor" | "hasBackgroundColor" | "style" | "withoutBorder" | "rounded">;
     /**
      * Handler of changing select state of item
      * @description `item.selected` will be set by component
@@ -21,13 +29,5 @@ export type MultiselectProps = Omit<DropdownProps, "items" | "onSelect" | "value
      * When no handler specified - clear selection cannot be performed
      */
     onClear?: () => void;
-    /**
-     * Caption for label when some items are selected
-     * @example selectionCaption: "selected: {0}"
-     * @description Supports only 1 string parameter for number of selected items. Default is `{0} items selected`
-     */
-    selectionCaption?: string;
-    /** Customization for checkbox */
-    checkboxConfig?: Pick<CheckBoxProps, "block" | "className" | "data" | "fixBackgroundColor" | "hasBackgroundColor" | "style" | "withoutBorder" | "rounded">;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/multiselect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,mDAAmD;AACnD,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC3C,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,kCAAkC;AAClC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAC/B,aAAa,EACX,OAAO,GAAG,UAAU,GACpB,OAAO,GAAG,cAAc,CAC7B,GAAG;IACA,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAE9B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,cAAc,CAAC,EAAE,IAAI,CACjB,aAAa,EACX,OAAO,GAAG,WAAW,GAAG,MAAM,GAC9B,oBAAoB,GAAG,oBAAoB,GAC3C,OAAO,GAAG,eAAe,GACzB,SAAS,CACd,CAAC;CACL,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/multiselect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,mDAAmD;AACnD,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC3C,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,kCAAkC;AAClC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAC/B,aAAa,EACX,OAAO,GAAG,UAAU,GACpB,OAAO,GAAG,cAAc,CAC7B,GAAG;IACA,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAE9B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,cAAc,CAAC,EAAE,IAAI,CACjB,aAAa,EACX,OAAO,GAAG,WAAW,GAAG,MAAM,GAC9B,oBAAoB,GAAG,oBAAoB,GAC3C,OAAO,GAAG,eAAe,GACzB,SAAS,CACd,CAAC;IAEF;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/paginator/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,EAAE,EAAE,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;EAGE;AACF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyIjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/paginator/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,EAAE,EAAE,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;EAGE;AACF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsIjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/paginator/component/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { getPositionClassName, mapDataAttributes } from "../../../utils";
+import { getClassName, isNullOrEmpty, isNullish } from "@bodynarf/utils";
+import { getPositionClassName, getSizeClassName, mapDataAttributes } from "../../../utils";
 import { ElementPosition, ElementSize } from "../../../types";
 /**
  * Paginator component.
@@ -11,20 +11,20 @@ const Paginator = ({ count, onPageChange, currentPage = 0, position = ElementPos
     if (currentPage > count) {
         throw new Error(`Current page "${currentPage}" must be less than amount of pages "${count}"`);
     }
+    const pageNumbers = useMemo(() => generatePageNumbers(currentPage, count, nearPagesCount), [currentPage, count, nearPagesCount]);
+    const canGoBack = useMemo(() => currentPage > 1, [currentPage]);
+    const canGoForward = useMemo(() => currentPage < count, [currentPage, count]);
     const pageChange = useCallback((event) => {
         const target = event.target;
         const pageRaw = target.dataset["page"];
-        if (isNullOrEmpty(pageRaw)) {
+        if (isNullish(pageRaw) || isNullOrEmpty(pageRaw)) {
             return;
         }
-        const page = +pageRaw;
+        const page = +(pageRaw);
         if (page !== currentPage && page > 0 && page <= count) {
             onPageChange(page);
         }
     }, [onPageChange, currentPage, count]);
-    const pageNumbers = useMemo(() => generatePageNumbers(currentPage, count, nearPagesCount), [currentPage, count, nearPagesCount]);
-    const canGoBack = useMemo(() => currentPage > 1, [currentPage]);
-    const canGoForward = useMemo(() => currentPage < count, [currentPage, count]);
     if (pageNumbers.length <= 1) {
         return null;
     }
@@ -34,12 +34,10 @@ const Paginator = ({ count, onPageChange, currentPage = 0, position = ElementPos
         className,
         getPositionClassName(position),
         rounded ? "is-rounded" : "",
-        size === ElementSize.Normal ? "" : `is-${size}`,
+        getSizeClassName(size),
     ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs("nav", { role: "navigation", className: classNames, "aria-label": "pagination", title: title, ...dataAttributes, children: [!!showNextButtons &&
+    const dataAttributes = mapDataAttributes(data);
+    return (_jsxs("nav", { title: title, role: "navigation", ...dataAttributes, className: classNames, "aria-label": "pagination", children: [!!showNextButtons &&
                 _jsxs(_Fragment, { children: [_jsx("a", { onClick: pageChange, "data-page": currentPage - 1, title: canGoBack ? resources?.previousPageTitle : undefined, className: `pagination-previous${canGoBack ? "" : " is-disabled"}`, children: resources?.previousPageCaption ?? "Previous" }), _jsx("a", { onClick: pageChange, "data-page": currentPage + 1, title: canGoForward ? resources?.nextPageTitle : undefined, className: `pagination-next${canGoForward ? "" : " is-disabled"}`, children: resources?.nextPageCaption ?? "Next page" })] }), _jsxs("ul", { className: "pagination-list", children: [currentPage !== 1 && !pageNumbers.includes(1) &&
                         _jsxs(_Fragment, { children: [_jsx("li", { children: _jsx("a", { "data-page": 1, onClick: pageChange, className: "pagination-link", title: resources?.openConcretePageTitleTemplate?.format(1), "aria-label": resources?.openConcretePageTitleTemplate?.format(1), children: "1" }) }), _jsx("li", { children: _jsx("span", { className: "pagination-ellipsis", children: "\u2026" }) })] }), pageNumbers.map(x => _jsx("li", { children: _jsx("a", { "data-page": x, onClick: pageChange, "aria-label": resources?.openConcretePageTitleTemplate?.format(x), className: `pagination-link${currentPage === x ? " is-current" : ""}`, title: currentPage === x ? undefined : resources?.openConcretePageTitleTemplate?.format(x), children: x }) }, x)), currentPage != count && !pageNumbers.includes(count) &&
                         _jsxs(_Fragment, { children: [_jsx("li", { children: _jsx("span", { className: "pagination-ellipsis", children: "\u2026" }) }), _jsx("li", { children: _jsx("a", { "data-page": count, onClick: pageChange, className: "pagination-link", title: resources?.openConcretePageTitleTemplate?.format(count), "aria-label": resources?.openConcretePageTitleTemplate?.format(count), children: count }) })] })] })] }));

package/components/paginator/types.d.ts

@@ -2,8 +2,6 @@ import { BaseElementProps, ElementPosition, ElementSize } from "../../types";
 export type PaginatorProps = BaseElementProps & {
     /** Amount of pages */
     count: number;
-    /** Page change handler */
-    onPageChange: (page: number) => void;
     /** Current page */
     currentPage: number;
     /**
@@ -51,5 +49,7 @@ export type PaginatorProps = BaseElementProps & {
          */
         openConcretePageTitleTemplate?: string;
     };
+    /** Page change handler */
+    onPageChange: (page: number) => void;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/paginator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG;IAC5C,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IAEpB;;;MAGE;IACF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;MAGE;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qCAAqC;IACrC,SAAS,CAAC,EAAE;QACR;;;WAGG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAE7B;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAE3B;;;WAGG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QAEzB;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB;;;;WAIG;QACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;KAC1C,CAAC;CACL,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/paginator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG;IAC5C,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IAEd,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IAEpB;;;MAGE;IACF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;MAGE;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qCAAqC;IACrC,SAAS,CAAC,EAAE;QACR;;;WAGG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAE7B;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAE3B;;;WAGG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QAEzB;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB;;;;WAIG;QACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;KAC1C,CAAC;IAEF,0BAA0B;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC"}

package/components/primitives/checkbox/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/checkbox/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAAe,MAAM,OAAO,CAAC;AAQrD,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,8BAA8B;AAC9B,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuG/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/checkbox/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAAe,MAAM,OAAO,CAAC;AAQrD,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,8BAA8B;AAC9B,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgG/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}