@dbcdk/react-components 0.0.122 → 0.0.123

package/dist/components/forms/checkbox/Checkbox.cjs

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var react = require('react');
+var Tooltip = require('../../../components/overlay/tooltip/Tooltip');
 var styles = require('./Checkbox.module.css');
 var InputContainer = require('../input-container/InputContainer');
 
@@ -29,7 +30,9 @@ function Checkbox({
   required = false,
   noContainer = false,
   id,
-  "data-cy": dataCy
+  "data-cy": dataCy,
+  tooltip,
+  tooltipPlacement
 }) {
   const [internal, setInternal] = react.useState(false);
   const isChecked = controlled != null ? controlled : internal;
@@ -47,7 +50,7 @@ function Checkbox({
       className: [styles__default.default.container, size === "sm" ? styles__default.default.containerSm : ""].filter(Boolean).join(" "),
       "data-cy": dataCy,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltip, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             id: controlId,
@@ -58,10 +61,15 @@ function Checkbox({
             "aria-disabled": disabled || void 0,
             "aria-invalid": Boolean(error) || void 0,
             onClick: toggle,
-            className: [styles__default.default.checkbox, isChecked ? styles__default.default.checked : "", styles__default.default[variant], styles__default.default[size]].filter(Boolean).join(" "),
+            className: [
+              styles__default.default.checkbox,
+              isChecked ? styles__default.default.checked : "",
+              styles__default.default[variant],
+              styles__default.default[size]
+            ].filter(Boolean).join(" "),
             children: isChecked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: styles__default.default.icon })
           }
-        ),
+        ) }),
         label && (labelAs === "label" ? /* @__PURE__ */ jsxRuntime.jsx("label", { className: styles__default.default.label, htmlFor: controlId, children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.label, children: label }))
       ]
     }

package/dist/components/forms/checkbox/Checkbox.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { JSX, ReactNode } from 'react';
+import type { TooltipPlacement } from '../../../components/overlay/tooltip/TooltipProvider';
 type Variant = 'default' | 'primary' | 'outlined' | 'success' | 'info';
 type Size = 'sm' | 'md' | 'lg';
 interface CheckboxProps {
@@ -21,6 +22,8 @@ interface CheckboxProps {
     noContainer?: boolean;
     id?: string;
     'data-cy'?: string;
+    tooltip?: ReactNode;
+    tooltipPlacement?: TooltipPlacement;
 }
-export declare function Checkbox({ checked: controlled, onChange, variant, disabled, label, labelAs, size, modified, containerLabel, error, helpText, orientation, labelWidth, fullWidth, required, noContainer, id, 'data-cy': dataCy, }: CheckboxProps): JSX.Element;
+export declare function Checkbox({ checked: controlled, onChange, variant, disabled, label, labelAs, size, modified, containerLabel, error, helpText, orientation, labelWidth, fullWidth, required, noContainer, id, 'data-cy': dataCy, tooltip, tooltipPlacement, }: CheckboxProps): JSX.Element;
 export {};

package/dist/components/forms/checkbox/Checkbox.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Check } from 'lucide-react';
 import { useState, useId } from 'react';
+import { Tooltip } from '../../../components/overlay/tooltip/Tooltip';
 import styles from './Checkbox.module.css';
 import { InputContainer } from '../input-container/InputContainer';
 
@@ -23,7 +24,9 @@ function Checkbox({
   required = false,
   noContainer = false,
   id,
-  "data-cy": dataCy
+  "data-cy": dataCy,
+  tooltip,
+  tooltipPlacement
 }) {
   const [internal, setInternal] = useState(false);
   const isChecked = controlled != null ? controlled : internal;
@@ -41,7 +44,7 @@ function Checkbox({
       className: [styles.container, size === "sm" ? styles.containerSm : ""].filter(Boolean).join(" "),
       "data-cy": dataCy,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Tooltip, { content: tooltip, placement: tooltipPlacement, children: /* @__PURE__ */ jsx(
           "button",
           {
             id: controlId,
@@ -52,10 +55,15 @@ function Checkbox({
             "aria-disabled": disabled || void 0,
             "aria-invalid": Boolean(error) || void 0,
             onClick: toggle,
-            className: [styles.checkbox, isChecked ? styles.checked : "", styles[variant], styles[size]].filter(Boolean).join(" "),
+            className: [
+              styles.checkbox,
+              isChecked ? styles.checked : "",
+              styles[variant],
+              styles[size]
+            ].filter(Boolean).join(" "),
             children: isChecked && /* @__PURE__ */ jsx(Check, { className: styles.icon })
           }
-        ),
+        ) }),
         label && (labelAs === "label" ? /* @__PURE__ */ jsx("label", { className: styles.label, htmlFor: controlId, children: label }) : /* @__PURE__ */ jsx("span", { className: styles.label, children: label }))
       ]
     }

package/dist/components/lightbox/Lightbox.cjs

@@ -121,7 +121,7 @@ function Lightbox({
   if (!items.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     trigger ? trigger(openAt) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.thumbnails, children: items.map((item, i) => {
-      var _a2;
+      var _a2, _b;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.thumbnailCard, children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.thumbnailMedia, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -139,7 +139,8 @@ function Lightbox({
             {
               items: [
                 { value: item.height != null ? `H:${item.height}px` : "-" },
-                { value: item.width != null ? `B:${item.width}px` : "-" }
+                { value: item.width != null ? `B:${item.width}px` : "-" },
+                ...(_b = item.metaAddition) != null ? _b : []
               ]
             }
           ) }),

package/dist/components/lightbox/Lightbox.d.ts

@@ -1,4 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
+import { type MetaItem } from '../../client';
 export type LightboxItem = {
     thumbnail: ReactNode;
     preview?: ReactNode;
@@ -7,6 +8,7 @@ export type LightboxItem = {
     mimeType?: string;
     width?: number;
     height?: number;
+    metaAddition?: MetaItem[];
 };
 export type LightboxContextMenuItem = {
     label: ReactNode;

package/dist/components/lightbox/Lightbox.js

@@ -115,7 +115,7 @@ function Lightbox({
   if (!items.length) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     trigger ? trigger(openAt) : /* @__PURE__ */ jsx("div", { className: styles.thumbnails, children: items.map((item, i) => {
-      var _a2;
+      var _a2, _b;
       return /* @__PURE__ */ jsxs("div", { className: styles.thumbnailCard, children: [
         /* @__PURE__ */ jsx("div", { className: styles.thumbnailMedia, children: /* @__PURE__ */ jsx(
           "button",
@@ -133,7 +133,8 @@ function Lightbox({
             {
               items: [
                 { value: item.height != null ? `H:${item.height}px` : "-" },
-                { value: item.width != null ? `B:${item.width}px` : "-" }
+                { value: item.width != null ? `B:${item.width}px` : "-" },
+                ...(_b = item.metaAddition) != null ? _b : []
               ]
             }
           ) }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.122",
+  "version": "0.0.123",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",