@inventreedb/ui 0.3.1 → 0.4.0

package/dist/components/ActionButton.js

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
 import { identifierString } from "../functions/Conversion.js";
-import { Tooltip } from "../node_modules/@mantine/core/esm/components/Tooltip/Tooltip.js";
-import { ActionIcon } from "../node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.js";
-import { Group } from "../node_modules/@mantine/core/esm/components/Group/Group.js";
+const ActionIcon = window["MantineCore"].ActionIcon;
+const Group = window["MantineCore"].Group;
+const Tooltip = window["MantineCore"].Tooltip;
 function ActionButton(props) {
   const hidden = props.hidden ?? false;
   return !hidden && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { disabled: !props.tooltip && !props.text, label: props.tooltip ?? props.text, position: props.tooltipAlignment ?? "left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { disabled: props.disabled, p: 17, radius: props.radius ?? "xs", color: props.color, size: props.size, "aria-label": `action-button-${identifierString(props.tooltip ?? props.text ?? "")}`, onClick: (event) => {

package/dist/components/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../lib/components/ActionButton.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  type FloatingPosition,\n  Group,\n  Tooltip\n} from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nimport { identifierString } from '../functions/Conversion';\n\nexport type ActionButtonProps = {\n  icon?: ReactNode;\n  text?: string;\n  color?: string;\n  tooltip?: string;\n  variant?: string;\n  size?: number | string;\n  radius?: number | string;\n  disabled?: boolean;\n  onClick: (event?: any) => void;\n  hidden?: boolean;\n  tooltipAlignment?: FloatingPosition;\n};\n\n/**\n * Construct a simple action button with consistent styling\n */\nexport function ActionButton(props: ActionButtonProps) {\n  const hidden = props.hidden ?? false;\n\n  return (\n    !hidden && (\n      <Tooltip\n        key={`tooltip-${props.tooltip ?? props.text}`}\n        disabled={!props.tooltip && !props.text}\n        label={props.tooltip ?? props.text}\n        position={props.tooltipAlignment ?? 'left'}\n      >\n        <ActionIcon\n          key={`action-icon-${props.tooltip ?? props.text}`}\n          disabled={props.disabled}\n          p={17}\n          radius={props.radius ?? 'xs'}\n          color={props.color}\n          size={props.size}\n          aria-label={`action-button-${identifierString(\n            props.tooltip ?? props.text ?? ''\n          )}`}\n          onClick={(event: any) => {\n            props.onClick(event);\n          }}\n          variant={props.variant ?? 'transparent'}\n        >\n          <Group gap='xs' wrap='nowrap'>\n            {props.icon}\n          </Group>\n        </ActionIcon>\n      </Tooltip>\n    )\n  );\n}\n"],"names":["ActionButton","props","hidden","jsx","tooltip","text","tooltipAlignment","disabled","radius","color","size","identifierString","event","onClick","variant","icon"],"mappings":";;;;;AA2BO,SAASA,aAAaC,OAA0B;AAC/CC,QAAAA,SAASD,MAAMC,UAAU;AAG7B,SAAA,CAACA,UACEC,sCAAA,SAAA,EAEC,UAAU,CAACF,MAAMG,WAAW,CAACH,MAAMI,MACnC,OAAOJ,MAAMG,WAAWH,MAAMI,MAC9B,UAAUJ,MAAMK,oBAAoB,QAEpC,UAACH,kCAAA,IAAA,YAAA,EAEC,UAAUF,MAAMM,UAChB,GAAG,IACH,QAAQN,MAAMO,UAAU,MACxB,OAAOP,MAAMQ,OACb,MAAMR,MAAMS,MACZ,cAAY,iBAAiBC,iBAC3BV,MAAMG,WAAWH,MAAMI,QAAQ,EACjC,CAAC,IACD,SAAS,CAACO,UAAe;AACvBX,UAAMY,QAAQD,KAAK;AAAA,EAAA,GAErB,SAASX,MAAMa,WAAW,eAE1B,UAACX,kCAAAA,IAAA,OAAA,EAAM,KAAI,MAAK,MAAK,UAClBF,UAAMc,MAAAA,KAAAA,CACT,KAhBK,eAAed,MAAMG,WAAWH,MAAMI,IAAI,EAiBjD,EAvBK,GAAA,WAAWJ,MAAMG,WAAWH,MAAMI,IAAI,EAwB7C;AAGN;"}
+{"version":3,"file":"ActionButton.js","sources":["../../lib/components/ActionButton.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  type FloatingPosition,\n  Group,\n  Tooltip\n} from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nimport { identifierString } from '../functions/Conversion';\n\nexport type ActionButtonProps = {\n  icon?: ReactNode;\n  text?: string;\n  color?: string;\n  tooltip?: string;\n  variant?: string;\n  size?: number | string;\n  radius?: number | string;\n  disabled?: boolean;\n  onClick: (event?: any) => void;\n  hidden?: boolean;\n  tooltipAlignment?: FloatingPosition;\n};\n\n/**\n * Construct a simple action button with consistent styling\n */\nexport function ActionButton(props: ActionButtonProps) {\n  const hidden = props.hidden ?? false;\n\n  return (\n    !hidden && (\n      <Tooltip\n        key={`tooltip-${props.tooltip ?? props.text}`}\n        disabled={!props.tooltip && !props.text}\n        label={props.tooltip ?? props.text}\n        position={props.tooltipAlignment ?? 'left'}\n      >\n        <ActionIcon\n          key={`action-icon-${props.tooltip ?? props.text}`}\n          disabled={props.disabled}\n          p={17}\n          radius={props.radius ?? 'xs'}\n          color={props.color}\n          size={props.size}\n          aria-label={`action-button-${identifierString(\n            props.tooltip ?? props.text ?? ''\n          )}`}\n          onClick={(event: any) => {\n            props.onClick(event);\n          }}\n          variant={props.variant ?? 'transparent'}\n        >\n          <Group gap='xs' wrap='nowrap'>\n            {props.icon}\n          </Group>\n        </ActionIcon>\n      </Tooltip>\n    )\n  );\n}\n"],"names":["ActionButton","props","hidden","jsx","tooltip","text","tooltipAlignment","disabled","radius","color","size","identifierString","event","onClick","variant","icon"],"mappings":";;AAAA,MAAA,aAAA,OAAA,aAAA,EAAA;;;AA2BO,SAASA,aAAaC,OAA0B;AAC/CC,QAAAA,SAASD,MAAMC,UAAU;AAG7B,SAAA,CAACA,UACEC,sCAAA,SAAA,EAEC,UAAU,CAACF,MAAMG,WAAW,CAACH,MAAMI,MACnC,OAAOJ,MAAMG,WAAWH,MAAMI,MAC9B,UAAUJ,MAAMK,oBAAoB,QAEpC,UAACH,kCAAA,IAAA,YAAA,EAEC,UAAUF,MAAMM,UAChB,GAAG,IACH,QAAQN,MAAMO,UAAU,MACxB,OAAOP,MAAMQ,OACb,MAAMR,MAAMS,MACZ,cAAY,iBAAiBC,iBAC3BV,MAAMG,WAAWH,MAAMI,QAAQ,EACjC,CAAC,IACD,SAAS,CAACO,UAAe;AACvBX,UAAMY,QAAQD,KAAK;AAAA,EAAA,GAErB,SAASX,MAAMa,WAAW,eAE1B,UAACX,kCAAAA,IAAA,OAAA,EAAM,KAAI,MAAK,MAAK,UAClBF,UAAMc,MAAAA,KAAAA,CACT,KAhBK,eAAed,MAAMG,WAAWH,MAAMI,IAAI,EAiBjD,EAvBK,GAAA,WAAWJ,MAAMG,WAAWH,MAAMI,IAAI,EAwB7C;AAGN;"}

package/dist/components/AddItemButton.d.ts

@@ -0,0 +1,5 @@
+import { ActionButtonProps } from './ActionButton';
+/**
+ * A generic icon button which is used to add or create a new item
+ */
+export declare function AddItemButton(props: Readonly<ActionButtonProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/AddItemButton.js

@@ -0,0 +1,10 @@
+import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { ActionButton } from "./ActionButton.js";
+import IconPlus from "../node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.js";
+function AddItemButton(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ActionButton, { ...props, color: "green", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlus, {}) });
+}
+export {
+  AddItemButton
+};
+//# sourceMappingURL=AddItemButton.js.map

package/dist/components/AddItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddItemButton.js","sources":["../../lib/components/AddItemButton.tsx"],"sourcesContent":["import { IconPlus } from '@tabler/icons-react';\n\nimport { ActionButton, type ActionButtonProps } from './ActionButton';\n\n/**\n * A generic icon button which is used to add or create a new item\n */\nexport function AddItemButton(props: Readonly<ActionButtonProps>) {\n  return <ActionButton {...props} color='green' icon={<IconPlus />} />;\n}\n"],"names":["AddItemButton","props","jsx"],"mappings":";;;AAOO,SAASA,cAAcC,OAAoC;AACzD,SAAAC,sCAAC,mBAAiBD,OAAO,OAAM,SAAQ,MAAOC,kCAAA,IAAA,UAAA,CAAA,CAAQ,EAAO,CAAA;AACtE;"}

package/dist/components/ButtonMenu.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
-import { Menu } from "../node_modules/@mantine/core/esm/components/Menu/Menu.js";
-import { ActionIcon } from "../node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.js";
-import { Tooltip } from "../node_modules/@mantine/core/esm/components/Tooltip/Tooltip.js";
+const ActionIcon = window["MantineCore"].ActionIcon;
+const Menu = window["MantineCore"].Menu;
+const Tooltip = window["MantineCore"].Tooltip;
 function ButtonMenu({
   icon,
   actions,

package/dist/components/ButtonMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonMenu.js","sources":["../../lib/components/ButtonMenu.tsx"],"sourcesContent":["import { ActionIcon, Menu, Tooltip } from '@mantine/core';\n\n/**\n * A ButtonMenu is a button that opens a menu when clicked.\n * It features a number of actions, which can be selected by the user.\n */\nexport function ButtonMenu({\n  icon,\n  actions,\n  tooltip = '',\n  label = ''\n}: Readonly<{\n  icon: any;\n  actions: React.ReactNode[];\n  label?: string;\n  tooltip?: string;\n}>) {\n  return (\n    <Menu shadow='xs'>\n      <Menu.Target>\n        <ActionIcon variant='default'>\n          <Tooltip label={tooltip}>{icon}</Tooltip>\n        </ActionIcon>\n      </Menu.Target>\n      <Menu.Dropdown>\n        {label && <Menu.Label>{label}</Menu.Label>}\n        {actions.map((action, i) => (\n          <Menu.Item key={`${i}-${action}`}>{action}</Menu.Item>\n        ))}\n      </Menu.Dropdown>\n    </Menu>\n  );\n}\n"],"names":["ButtonMenu","icon","actions","tooltip","label","jsxs","jsx","map","action","i"],"mappings":";;;;AAMO,SAASA,WAAW;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,QAAQ;AAMT,GAAG;AAEA,SAAAC,kCAAA,KAAC,MAAK,EAAA,QAAO,MACX,UAAA;AAAA,IAAAC,sCAAC,KAAK,QAAL,EACC,UAAAA,kCAAAA,IAAC,YAAW,EAAA,SAAQ,WAClB,UAAAA,sCAAC,SAAQ,EAAA,OAAOH,SAAUF,UAAAA,KAAAA,CAAK,EACjC,CAAA,GACF;AAAA,IACAI,kCAAAA,KAAC,KAAK,UAAL,EACED,UAAAA;AAAAA,MAAAA,SAAUE,kCAAA,IAAA,KAAK,OAAL,EAAYF,UAAM,OAAA;AAAA,MAC5BF,QAAQK,IAAI,CAACC,QAAQC,MACnBH,kCAAAA,IAAA,KAAK,MAAL,EAAkCE,oBAAnB,GAAGC,CAAC,IAAID,MAAM,EAAY,CAC3C;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ButtonMenu.js","sources":["../../lib/components/ButtonMenu.tsx"],"sourcesContent":["import { ActionIcon, Menu, Tooltip } from '@mantine/core';\n\n/**\n * A ButtonMenu is a button that opens a menu when clicked.\n * It features a number of actions, which can be selected by the user.\n */\nexport function ButtonMenu({\n  icon,\n  actions,\n  tooltip = '',\n  label = ''\n}: Readonly<{\n  icon: any;\n  actions: React.ReactNode[];\n  label?: string;\n  tooltip?: string;\n}>) {\n  return (\n    <Menu shadow='xs'>\n      <Menu.Target>\n        <ActionIcon variant='default'>\n          <Tooltip label={tooltip}>{icon}</Tooltip>\n        </ActionIcon>\n      </Menu.Target>\n      <Menu.Dropdown>\n        {label && <Menu.Label>{label}</Menu.Label>}\n        {actions.map((action, i) => (\n          <Menu.Item key={`${i}-${action}`}>{action}</Menu.Item>\n        ))}\n      </Menu.Dropdown>\n    </Menu>\n  );\n}\n"],"names":["ButtonMenu","icon","actions","tooltip","label","jsxs","jsx","map","action","i"],"mappings":";AAAA,MAAA,aAAA,OAAA,aAAA,EAAA;;;AAMO,SAASA,WAAW;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,QAAQ;AAMT,GAAG;AAEA,SAAAC,kCAAA,KAAC,MAAK,EAAA,QAAO,MACX,UAAA;AAAA,IAAAC,sCAAC,KAAK,QAAL,EACC,UAAAA,kCAAAA,IAAC,YAAW,EAAA,SAAQ,WAClB,UAAAA,sCAAC,SAAQ,EAAA,OAAOH,SAAUF,UAAAA,KAAAA,CAAK,EACjC,CAAA,GACF;AAAA,IACAI,kCAAAA,KAAC,KAAK,UAAL,EACED,UAAAA;AAAAA,MAAAA,SAAUE,kCAAA,IAAA,KAAK,OAAL,EAAYF,UAAM,OAAA;AAAA,MAC5BF,QAAQK,IAAI,CAACC,QAAQC,MACnBH,kCAAAA,IAAA,KAAK,MAAL,EAAkCE,oBAAnB,GAAGC,CAAC,IAAID,MAAM,EAAY,CAC3C;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ProgressBar.js

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
-import { useMemo } from "react";
 import { formatDecimal } from "../functions/Formatting.js";
-import { Stack } from "../node_modules/@mantine/core/esm/components/Stack/Stack.js";
-import { Text } from "../node_modules/@mantine/core/esm/components/Text/Text.js";
-import { Progress } from "../node_modules/@mantine/core/esm/components/Progress/Progress.js";
+const Progress = window["MantineCore"].Progress;
+const Stack = window["MantineCore"].Stack;
+const Text = window["MantineCore"].Text;
+const useMemo = window["React"].useMemo;
 function ProgressBar(props) {
   const progress = useMemo(() => {
     const maximum = props.maximum ?? 100;

package/dist/components/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../lib/components/ProgressBar.tsx"],"sourcesContent":["import { Progress, Stack, Text } from '@mantine/core';\nimport { useMemo } from 'react';\nimport { formatDecimal } from '../functions/Formatting';\n\nexport type ProgressBarProps = {\n  value: number;\n  maximum?: number;\n  label?: string;\n  progressLabel?: boolean;\n  animated?: boolean;\n  size?: string;\n};\n\n/**\n * A progress bar element, built on mantine.Progress\n * The color of the bar is determined based on the value\n */\nexport function ProgressBar(props: Readonly<ProgressBarProps>) {\n  const progress = useMemo(() => {\n    const maximum = props.maximum ?? 100;\n    const value = Math.max(props.value, 0);\n\n    if (maximum == 0) {\n      return 0;\n    }\n\n    return (value / maximum) * 100;\n  }, [props]);\n\n  return (\n    <Stack gap={2} style={{ flexGrow: 1, minWidth: '100px' }}>\n      {props.progressLabel && (\n        <Text ta='center' size='xs'>\n          {formatDecimal(props.value)} / {formatDecimal(props.maximum)}\n        </Text>\n      )}\n      <Progress\n        value={progress}\n        color={progress < 100 ? 'orange' : progress > 100 ? 'blue' : 'green'}\n        size={props.size ?? 'md'}\n        radius='sm'\n        animated={props.animated}\n      />\n    </Stack>\n  );\n}\n"],"names":["ProgressBar","props","progress","useMemo","maximum","value","Math","max","jsxs","flexGrow","minWidth","progressLabel","formatDecimal","jsx","size","animated"],"mappings":";;;;;;AAiBO,SAASA,YAAYC,OAAmC;AACvDC,QAAAA,WAAWC,QAAQ,MAAM;AACvBC,UAAAA,UAAUH,MAAMG,WAAW;AACjC,UAAMC,QAAQC,KAAKC,IAAIN,MAAMI,OAAO,CAAC;AAErC,QAAID,WAAW,GAAG;AACT,aAAA;AAAA,IAAA;AAGT,WAAQC,QAAQD,UAAW;AAAA,EAAA,GAC1B,CAACH,KAAK,CAAC;AAEV,SACGO,kCAAA,KAAA,OAAA,EAAM,KAAK,GAAG,OAAO;AAAA,IAAEC,UAAU;AAAA,IAAGC,UAAU;AAAA,EAC5CT,GAAAA,UAAAA;AAAAA,IAAAA,MAAMU,iBACJH,kCAAA,KAAA,MAAA,EAAK,IAAG,UAAS,MAAK,MACpBI,UAAAA;AAAAA,MAAAA,cAAcX,MAAMI,KAAK;AAAA,MAAE;AAAA,MAAIO,cAAcX,MAAMG,OAAO;AAAA,IAAA,GAC7D;AAAA,IAEFS,sCAAC,YACC,OAAOX,UACP,OAAOA,WAAW,MAAM,WAAWA,WAAW,MAAM,SAAS,SAC7D,MAAMD,MAAMa,QAAQ,MACpB,QAAO,MACP,UAAUb,MAAMc,SAAS,CAAA;AAAA,EAAA,GAE7B;AAEJ;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../lib/components/ProgressBar.tsx"],"sourcesContent":["import { Progress, Stack, Text } from '@mantine/core';\nimport { useMemo } from 'react';\nimport { formatDecimal } from '../functions/Formatting';\n\nexport type ProgressBarProps = {\n  value: number;\n  maximum?: number;\n  label?: string;\n  progressLabel?: boolean;\n  animated?: boolean;\n  size?: string;\n};\n\n/**\n * A progress bar element, built on mantine.Progress\n * The color of the bar is determined based on the value\n */\nexport function ProgressBar(props: Readonly<ProgressBarProps>) {\n  const progress = useMemo(() => {\n    const maximum = props.maximum ?? 100;\n    const value = Math.max(props.value, 0);\n\n    if (maximum == 0) {\n      return 0;\n    }\n\n    return (value / maximum) * 100;\n  }, [props]);\n\n  return (\n    <Stack gap={2} style={{ flexGrow: 1, minWidth: '100px' }}>\n      {props.progressLabel && (\n        <Text ta='center' size='xs'>\n          {formatDecimal(props.value)} / {formatDecimal(props.maximum)}\n        </Text>\n      )}\n      <Progress\n        value={progress}\n        color={progress < 100 ? 'orange' : progress > 100 ? 'blue' : 'green'}\n        size={props.size ?? 'md'}\n        radius='sm'\n        animated={props.animated}\n      />\n    </Stack>\n  );\n}\n"],"names":["ProgressBar","props","progress","useMemo","maximum","value","Math","max","jsxs","flexGrow","minWidth","progressLabel","formatDecimal","jsx","size","animated"],"mappings":";;AAAA,MAAA,WAAA,OAAA,aAAA,EAAA;;;AACA,MAAA,UAAA,OAAA,OAAA,EAAA;AAgBO,SAASA,YAAYC,OAAmC;AACvDC,QAAAA,WAAWC,QAAQ,MAAM;AACvBC,UAAAA,UAAUH,MAAMG,WAAW;AACjC,UAAMC,QAAQC,KAAKC,IAAIN,MAAMI,OAAO,CAAC;AAErC,QAAID,WAAW,GAAG;AACT,aAAA;AAAA,IAAA;AAGT,WAAQC,QAAQD,UAAW;AAAA,EAAA,GAC1B,CAACH,KAAK,CAAC;AAEV,SACGO,kCAAA,KAAA,OAAA,EAAM,KAAK,GAAG,OAAO;AAAA,IAAEC,UAAU;AAAA,IAAGC,UAAU;AAAA,EAC5CT,GAAAA,UAAAA;AAAAA,IAAAA,MAAMU,iBACJH,kCAAA,KAAA,MAAA,EAAK,IAAG,UAAS,MAAK,MACpBI,UAAAA;AAAAA,MAAAA,cAAcX,MAAMI,KAAK;AAAA,MAAE;AAAA,MAAIO,cAAcX,MAAMG,OAAO;AAAA,IAAA,GAC7D;AAAA,IAEFS,sCAAC,YACC,OAAOX,UACP,OAAOA,WAAW,MAAM,WAAWA,WAAW,MAAM,SAAS,SAC7D,MAAMD,MAAMa,QAAQ,MACpB,QAAO,MACP,UAAUb,MAAMc,SAAS,CAAA;AAAA,EAAA,GAE7B;AAEJ;"}

package/dist/components/RowActions.js

@@ -1,6 +1,4 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
-import { i18n } from "../node_modules/@lingui/core/dist/index.js";
-import { useState, useMemo } from "react";
 import { cancelEvent } from "../functions/Events.js";
 import { getDetailUrl, navigateToLink } from "../functions/Navigation.js";
 import IconArrowRight from "../node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js";
@@ -8,10 +6,13 @@ import IconCopy from "../node_modules/@tabler/icons-react/dist/esm/icons/IconCop
 import IconEdit from "../node_modules/@tabler/icons-react/dist/esm/icons/IconEdit.js";
 import IconTrash from "../node_modules/@tabler/icons-react/dist/esm/icons/IconTrash.js";
 import IconCircleX from "../node_modules/@tabler/icons-react/dist/esm/icons/IconCircleX.js";
-import { Menu } from "../node_modules/@mantine/core/esm/components/Menu/Menu.js";
-import { Tooltip } from "../node_modules/@mantine/core/esm/components/Tooltip/Tooltip.js";
-import { ActionIcon } from "../node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.js";
 import IconDots from "../node_modules/@tabler/icons-react/dist/esm/icons/IconDots.js";
+const _i18n = window["LinguiCore"].i18n;
+const ActionIcon = window["MantineCore"].ActionIcon;
+const Menu = window["MantineCore"].Menu;
+const Tooltip = window["MantineCore"].Tooltip;
+const useMemo = window["React"].useMemo;
+const useState = window["React"].useState;
 function RowViewAction(props) {
   return {
     ...props,
@@ -26,7 +27,7 @@ function RowViewAction(props) {
 function RowDuplicateAction(props) {
   return {
     ...props,
-    title: i18n._(
+    title: _i18n._(
       /*i18n*/
       {
         id: "euc6Ns"
@@ -39,7 +40,7 @@ function RowDuplicateAction(props) {
 function RowEditAction(props) {
   return {
     ...props,
-    title: i18n._(
+    title: _i18n._(
       /*i18n*/
       {
         id: "ePK91l"
@@ -52,7 +53,7 @@ function RowEditAction(props) {
 function RowDeleteAction(props) {
   return {
     ...props,
-    title: i18n._(
+    title: _i18n._(
       /*i18n*/
       {
         id: "cnGeoo"
@@ -65,7 +66,7 @@ function RowDeleteAction(props) {
 function RowCancelAction(props) {
   return {
     ...props,
-    title: i18n._(
+    title: _i18n._(
       /*i18n*/
       {
         id: "dEgA5A"
@@ -98,7 +99,7 @@ function RowActions({
     }, disabled: action.disabled || false, children: action.title }) }, action.title);
   }
   return visibleActions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu, { withinPortal: true, disabled, position: "bottom-end", opened, onChange: setOpened, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Target, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { withinPortal: true, label: title || i18n._(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Target, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { withinPortal: true, label: title || _i18n._(
       /*i18n*/
       {
         id: "7L01XJ"

package/dist/components/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","sources":["../../lib/components/RowActions.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { ActionIcon, Menu, Tooltip } from '@mantine/core';\nimport {\n  IconArrowRight,\n  IconCircleX,\n  IconCopy,\n  IconDots,\n  IconEdit,\n  IconTrash\n} from '@tabler/icons-react';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { cancelEvent } from '../functions/Events';\nimport { getDetailUrl } from '../functions/Navigation';\nimport { navigateToLink } from '../functions/Navigation';\nimport type { RowAction, RowViewProps } from '../types/Tables';\n\nexport type { RowAction, RowViewProps } from '../types/Tables';\n\n// Component for viewing a row in a table\nexport function RowViewAction(props: RowViewProps): RowAction {\n  return {\n    ...props,\n    color: undefined,\n    icon: <IconArrowRight />,\n    onClick: (event: any) => {\n      const url = getDetailUrl(props.modelType, props.modelId);\n      navigateToLink(url, props.navigate, event);\n    }\n  };\n}\n\n// Component for duplicating a row in a table\nexport function RowDuplicateAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Duplicate`,\n    color: 'green',\n    icon: <IconCopy />\n  };\n}\n\n// Component for editing a row in a table\nexport function RowEditAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Edit`,\n    color: 'blue',\n    icon: <IconEdit />\n  };\n}\n\n// Component for deleting a row in a table\nexport function RowDeleteAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Delete`,\n    color: 'red',\n    icon: <IconTrash />\n  };\n}\n\n// Component for cancelling a row in a table\nexport function RowCancelAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Cancel`,\n    color: 'red',\n    icon: <IconCircleX />\n  };\n}\n\n/**\n * Component for displaying actions for a row in a table.\n * Displays a simple dropdown menu with a list of actions.\n */\nexport function RowActions({\n  title,\n  actions,\n  disabled = false,\n  index\n}: {\n  title?: string;\n  disabled?: boolean;\n  actions: RowAction[];\n  index?: number;\n}): ReactNode {\n  // Prevent default event handling\n  // Ref: https://icflorescu.github.io/mantine-datatable/examples/links-or-buttons-inside-clickable-rows-or-cells\n  function openMenu(event: any) {\n    cancelEvent(event);\n    setOpened(!opened);\n  }\n\n  const [opened, setOpened] = useState(false);\n\n  const visibleActions = useMemo(() => {\n    return actions.filter((action) => !action.hidden);\n  }, [actions]);\n\n  // Render a single action icon\n  function RowActionIcon(action: Readonly<RowAction>) {\n    return (\n      <Tooltip\n        withinPortal={true}\n        label={action.tooltip ?? action.title}\n        key={action.title}\n        position='left'\n      >\n        <Menu.Item\n          color={action.color}\n          leftSection={action.icon}\n          onClick={(event) => {\n            // Prevent clicking on the action from selecting the row itself\n            cancelEvent(event);\n            action.onClick?.(event);\n            setOpened(false);\n          }}\n          disabled={action.disabled || false}\n        >\n          {action.title}\n        </Menu.Item>\n      </Tooltip>\n    );\n  }\n\n  return (\n    visibleActions.length > 0 && (\n      <Menu\n        withinPortal={true}\n        disabled={disabled}\n        position='bottom-end'\n        opened={opened}\n        onChange={setOpened}\n      >\n        <Menu.Target>\n          <Tooltip withinPortal={true} label={title || t`Actions`}>\n            <ActionIcon\n              key={`row-action-menu-${index ?? ''}`}\n              aria-label={`row-action-menu-${index ?? ''}`}\n              onClick={openMenu}\n              disabled={disabled}\n              variant='subtle'\n              color='gray'\n            >\n              <IconDots />\n            </ActionIcon>\n          </Tooltip>\n        </Menu.Target>\n        <Menu.Dropdown>\n          {visibleActions.map((action) => (\n            <RowActionIcon key={action.title} {...action} />\n          ))}\n        </Menu.Dropdown>\n      </Menu>\n    )\n  );\n}\n"],"names":["RowViewAction","props","color","undefined","icon","onClick","event","url","getDetailUrl","modelType","modelId","navigate","RowDuplicateAction","title","_i18n","_","id","RowEditAction","RowDeleteAction","RowCancelAction","RowActions","actions","disabled","index","openMenu","cancelEvent","setOpened","opened","useState","visibleActions","useMemo","filter","action","hidden","RowActionIcon","jsx","tooltip","length","jsxs","map"],"mappings":"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"}
+{"version":3,"file":"RowActions.js","sources":["../../lib/components/RowActions.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { ActionIcon, Menu, Tooltip } from '@mantine/core';\nimport {\n  IconArrowRight,\n  IconCircleX,\n  IconCopy,\n  IconDots,\n  IconEdit,\n  IconTrash\n} from '@tabler/icons-react';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { cancelEvent } from '../functions/Events';\nimport { getDetailUrl } from '../functions/Navigation';\nimport { navigateToLink } from '../functions/Navigation';\nimport type { RowAction, RowViewProps } from '../types/Tables';\n\nexport type { RowAction, RowViewProps } from '../types/Tables';\n\n// Component for viewing a row in a table\nexport function RowViewAction(props: RowViewProps): RowAction {\n  return {\n    ...props,\n    color: undefined,\n    icon: <IconArrowRight />,\n    onClick: (event: any) => {\n      const url = getDetailUrl(props.modelType, props.modelId);\n      navigateToLink(url, props.navigate, event);\n    }\n  };\n}\n\n// Component for duplicating a row in a table\nexport function RowDuplicateAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Duplicate`,\n    color: 'green',\n    icon: <IconCopy />\n  };\n}\n\n// Component for editing a row in a table\nexport function RowEditAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Edit`,\n    color: 'blue',\n    icon: <IconEdit />\n  };\n}\n\n// Component for deleting a row in a table\nexport function RowDeleteAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Delete`,\n    color: 'red',\n    icon: <IconTrash />\n  };\n}\n\n// Component for cancelling a row in a table\nexport function RowCancelAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Cancel`,\n    color: 'red',\n    icon: <IconCircleX />\n  };\n}\n\n/**\n * Component for displaying actions for a row in a table.\n * Displays a simple dropdown menu with a list of actions.\n */\nexport function RowActions({\n  title,\n  actions,\n  disabled = false,\n  index\n}: {\n  title?: string;\n  disabled?: boolean;\n  actions: RowAction[];\n  index?: number;\n}): ReactNode {\n  // Prevent default event handling\n  // Ref: https://icflorescu.github.io/mantine-datatable/examples/links-or-buttons-inside-clickable-rows-or-cells\n  function openMenu(event: any) {\n    cancelEvent(event);\n    setOpened(!opened);\n  }\n\n  const [opened, setOpened] = useState(false);\n\n  const visibleActions = useMemo(() => {\n    return actions.filter((action) => !action.hidden);\n  }, [actions]);\n\n  // Render a single action icon\n  function RowActionIcon(action: Readonly<RowAction>) {\n    return (\n      <Tooltip\n        withinPortal={true}\n        label={action.tooltip ?? action.title}\n        key={action.title}\n        position='left'\n      >\n        <Menu.Item\n          color={action.color}\n          leftSection={action.icon}\n          onClick={(event) => {\n            // Prevent clicking on the action from selecting the row itself\n            cancelEvent(event);\n            action.onClick?.(event);\n            setOpened(false);\n          }}\n          disabled={action.disabled || false}\n        >\n          {action.title}\n        </Menu.Item>\n      </Tooltip>\n    );\n  }\n\n  return (\n    visibleActions.length > 0 && (\n      <Menu\n        withinPortal={true}\n        disabled={disabled}\n        position='bottom-end'\n        opened={opened}\n        onChange={setOpened}\n      >\n        <Menu.Target>\n          <Tooltip withinPortal={true} label={title || t`Actions`}>\n            <ActionIcon\n              key={`row-action-menu-${index ?? ''}`}\n              aria-label={`row-action-menu-${index ?? ''}`}\n              onClick={openMenu}\n              disabled={disabled}\n              variant='subtle'\n              color='gray'\n            >\n              <IconDots />\n            </ActionIcon>\n          </Tooltip>\n        </Menu.Target>\n        <Menu.Dropdown>\n          {visibleActions.map((action) => (\n            <RowActionIcon key={action.title} {...action} />\n          ))}\n        </Menu.Dropdown>\n      </Menu>\n    )\n  );\n}\n"],"names":["RowViewAction","props","color","undefined","icon","onClick","event","url","getDetailUrl","modelType","modelId","navigate","RowDuplicateAction","title","_i18n","_","id","RowEditAction","RowDeleteAction","RowCancelAction","RowActions","actions","disabled","index","openMenu","cancelEvent","setOpened","opened","useState","visibleActions","useMemo","filter","action","hidden","RowActionIcon","jsx","tooltip","length","jsxs","map"],"mappings":"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"}

package/dist/components/SearchInput.js

@@ -1,10 +1,11 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
-import { i18n } from "../node_modules/@lingui/core/dist/index.js";
-import { useState, useEffect } from "react";
 import { useDebouncedValue } from "../node_modules/@mantine/hooks/esm/use-debounced-value/use-debounced-value.js";
-import { TextInput } from "../node_modules/@mantine/core/esm/components/TextInput/TextInput.js";
-import { CloseButton } from "../node_modules/@mantine/core/esm/components/CloseButton/CloseButton.js";
 import IconSearch from "../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js";
+const _i18n = window["LinguiCore"].i18n;
+const CloseButton = window["MantineCore"].CloseButton;
+const TextInput = window["MantineCore"].TextInput;
+const useEffect = window["React"].useEffect;
+const useState = window["React"].useState;
 function SearchInput({
   disabled,
   debounce,
@@ -16,7 +17,7 @@ function SearchInput({
   useEffect(() => {
     searchCallback(searchText);
   }, [searchText]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TextInput, { value, disabled, "aria-label": "table-search-input", leftSection: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, {}), placeholder: placeholder ?? i18n._(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TextInput, { value, disabled, "aria-label": "table-search-input", leftSection: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, {}), placeholder: placeholder ?? _i18n._(
     /*i18n*/
     {
       id: "A1taO8"

package/dist/components/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../lib/components/SearchInput.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { CloseButton, TextInput } from '@mantine/core';\nimport { useDebouncedValue } from '@mantine/hooks';\nimport { IconSearch } from '@tabler/icons-react';\nimport { useEffect, useState } from 'react';\n\n/**\n * A search input component that debounces user input\n */\nexport function SearchInput({\n  disabled,\n  debounce,\n  placeholder,\n  searchCallback\n}: Readonly<{\n  disabled?: boolean;\n  debounce?: number;\n  placeholder?: string;\n  searchCallback: (searchTerm: string) => void;\n}>) {\n  const [value, setValue] = useState<string>('');\n  const [searchText] = useDebouncedValue(value, debounce ?? 500);\n\n  useEffect(() => {\n    searchCallback(searchText);\n  }, [searchText]);\n\n  return (\n    <TextInput\n      value={value}\n      disabled={disabled}\n      aria-label='table-search-input'\n      leftSection={<IconSearch />}\n      placeholder={placeholder ?? t`Search`}\n      onChange={(event) => setValue(event.target.value)}\n      rightSection={\n        value.length > 0 ? (\n          <CloseButton\n            size='xs'\n            onClick={() => {\n              setValue('');\n              searchCallback('');\n            }}\n          />\n        ) : null\n      }\n    />\n  );\n}\n"],"names":["SearchInput","disabled","debounce","placeholder","searchCallback","value","setValue","useState","searchText","useDebouncedValue","useEffect","jsx","_i18n","_","id","event","target","length"],"mappings":";;;;;;;AASO,SAASA,YAAY;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAMD,GAAG;AACF,QAAM,CAACC,OAAOC,QAAQ,IAAIC,SAAiB,EAAE;AAC7C,QAAM,CAACC,UAAU,IAAIC,kBAAkBJ,OAAOH,YAAY,GAAG;AAE7DQ,YAAU,MAAM;AACdN,mBAAeI,UAAU;AAAA,EAAA,GACxB,CAACA,UAAU,CAAC;AAEf,SACGG,kCAAAA,IAAA,WAAA,EACC,OACA,UACA,cAAW,sBACX,aAAaA,kCAAA,IAAC,YAAa,CAAA,CAAA,GAC3B,aAAaR,eAAWS,KAAAC;AAAAA;AAAAA,IAAI;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAQ,GACpC,UAAWC,CAAAA,UAAUT,SAASS,MAAMC,OAAOX,KAAK,GAChD,cACEA,MAAMY,SAAS,IACbN,sCAAC,eACC,MAAK,MACL,SAAS,MAAM;AACbL,aAAS,EAAE;AACXF,mBAAe,EAAE;AAAA,EAAA,EACjB,CAAA,IAEF,MAEN;AAEN;"}
+{"version":3,"file":"SearchInput.js","sources":["../../lib/components/SearchInput.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { CloseButton, TextInput } from '@mantine/core';\nimport { useDebouncedValue } from '@mantine/hooks';\nimport { IconSearch } from '@tabler/icons-react';\nimport { useEffect, useState } from 'react';\n\n/**\n * A search input component that debounces user input\n */\nexport function SearchInput({\n  disabled,\n  debounce,\n  placeholder,\n  searchCallback\n}: Readonly<{\n  disabled?: boolean;\n  debounce?: number;\n  placeholder?: string;\n  searchCallback: (searchTerm: string) => void;\n}>) {\n  const [value, setValue] = useState<string>('');\n  const [searchText] = useDebouncedValue(value, debounce ?? 500);\n\n  useEffect(() => {\n    searchCallback(searchText);\n  }, [searchText]);\n\n  return (\n    <TextInput\n      value={value}\n      disabled={disabled}\n      aria-label='table-search-input'\n      leftSection={<IconSearch />}\n      placeholder={placeholder ?? t`Search`}\n      onChange={(event) => setValue(event.target.value)}\n      rightSection={\n        value.length > 0 ? (\n          <CloseButton\n            size='xs'\n            onClick={() => {\n              setValue('');\n              searchCallback('');\n            }}\n          />\n        ) : null\n      }\n    />\n  );\n}\n"],"names":["SearchInput","disabled","debounce","placeholder","searchCallback","value","setValue","useState","searchText","useDebouncedValue","useEffect","jsx","_i18n","_","id","event","target","length"],"mappings":";;;AAAA,MAAA,QAAA,OAAA,YAAA,EAAA;AACA,MAAA,cAAA,OAAA,aAAA,EAAA;;AAGA,MAAA,YAAA,OAAA,OAAA,EAAA;;AAKO,SAASA,YAAY;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAMD,GAAG;AACF,QAAM,CAACC,OAAOC,QAAQ,IAAIC,SAAiB,EAAE;AAC7C,QAAM,CAACC,UAAU,IAAIC,kBAAkBJ,OAAOH,YAAY,GAAG;AAE7DQ,YAAU,MAAM;AACdN,mBAAeI,UAAU;AAAA,EAAA,GACxB,CAACA,UAAU,CAAC;AAEf,SACGG,kCAAAA,IAAA,WAAA,EACC,OACA,UACA,cAAW,sBACX,aAAaA,kCAAA,IAAC,YAAa,CAAA,CAAA,GAC3B,aAAaR,eAAWS,MAAAC;AAAAA;AAAAA,IAAI;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAQ,GACpC,UAAWC,CAAAA,UAAUT,SAASS,MAAMC,OAAOX,KAAK,GAChD,cACEA,MAAMY,SAAS,IACbN,sCAAC,eACC,MAAK,MACL,SAAS,MAAM;AACbL,aAAS,EAAE;AACXF,mBAAe,EAAE;AAAA,EAAA,EACjB,CAAA,IAEF,MAEN;AAEN;"}

package/dist/components/YesNoButton.js

@@ -1,20 +1,21 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
-import { i18n } from "../node_modules/@lingui/core/dist/index.js";
 import { isTrue } from "../functions/Conversion.js";
-import { Badge } from "../node_modules/@mantine/core/esm/components/Badge/Badge.js";
+const _i18n = window["LinguiCore"].i18n;
+const Badge = window["MantineCore"].Badge;
+window["MantineCore"].Skeleton;
 function PassFailButton({
   value,
   passText,
   failText
 }) {
   const v = isTrue(value);
-  const pass = passText ?? i18n._(
+  const pass = passText ?? _i18n._(
     /*i18n*/
     {
       id: "wFwgKk"
     }
   );
-  const fail = failText ?? i18n._(
+  const fail = failText ?? _i18n._(
     /*i18n*/
     {
       id: "qcloGZ"
@@ -27,12 +28,12 @@ function PassFailButton({
 function YesNoButton({
   value
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PassFailButton, { value, passText: i18n._(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(PassFailButton, { value, passText: _i18n._(
     /*i18n*/
     {
       id: "l75CjT"
     }
-  ), failText: i18n._(
+  ), failText: _i18n._(
     /*i18n*/
     {
       id: "1UzENP"

package/dist/components/YesNoButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"YesNoButton.js","sources":["../../lib/components/YesNoButton.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { Badge, Skeleton } from '@mantine/core';\n\nimport { isTrue } from '../functions/Conversion';\n\nexport function PassFailButton({\n  value,\n  passText,\n  failText\n}: Readonly<{\n  value: any;\n  passText?: string;\n  failText?: string;\n}>) {\n  const v = isTrue(value);\n  const pass = passText ?? t`Pass`;\n  const fail = failText ?? t`Fail`;\n\n  return (\n    <Badge\n      color={v ? 'green' : 'red'}\n      variant='filled'\n      radius='lg'\n      size='sm'\n      style={{ maxWidth: '50px' }}\n    >\n      {v ? pass : fail}\n    </Badge>\n  );\n}\n\nexport function YesNoButton({ value }: Readonly<{ value: any }>) {\n  return <PassFailButton value={value} passText={t`Yes`} failText={t`No`} />;\n}\n\nexport function YesNoUndefinedButton({ value }: Readonly<{ value?: boolean }>) {\n  if (value === undefined) {\n    return <Skeleton height={15} width={32} />;\n  } else {\n    return <YesNoButton value={value} />;\n  }\n}\n"],"names":["PassFailButton","value","passText","failText","v","isTrue","pass","_i18n","_","id","fail","jsx","maxWidth","YesNoButton"],"mappings":";;;;AAKO,SAASA,eAAe;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAKD,GAAG;AACIC,QAAAA,IAAIC,OAAOJ,KAAK;AAChBK,QAAAA,OAAOJ,YAAQK,KAAAC;AAAAA;AAAAA,IAAI;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAO;AAC1BC,QAAAA,OAAOP,YAAQI,KAAAC;AAAAA;AAAAA,IAAI;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAO;AAEhC,SACGE,kCAAA,IAAA,OAAA,EACC,OAAOP,IAAI,UAAU,OACrB,SAAQ,UACR,QAAO,MACP,MAAK,MACL,OAAO;AAAA,IAAEQ,UAAU;AAAA,EAAO,GAEzBR,UAAIE,IAAAA,OAAOI,KACd,CAAA;AAEJ;AAEO,SAASG,YAAY;AAAA,EAAEZ;AAAgC,GAAG;AAC/D,SAAQU,kCAAAA,IAAA,gBAAA,EAAe,OAAc,UAASJ,KAAAC;AAAAA;AAAAA,IAAC;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAK,GAAG,UAASF,KAAAC;AAAAA;AAAAA,IAAC;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAI,GAAK;AAC5E;"}
+{"version":3,"file":"YesNoButton.js","sources":["../../lib/components/YesNoButton.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { Badge, Skeleton } from '@mantine/core';\n\nimport { isTrue } from '../functions/Conversion';\n\nexport function PassFailButton({\n  value,\n  passText,\n  failText\n}: Readonly<{\n  value: any;\n  passText?: string;\n  failText?: string;\n}>) {\n  const v = isTrue(value);\n  const pass = passText ?? t`Pass`;\n  const fail = failText ?? t`Fail`;\n\n  return (\n    <Badge\n      color={v ? 'green' : 'red'}\n      variant='filled'\n      radius='lg'\n      size='sm'\n      style={{ maxWidth: '50px' }}\n    >\n      {v ? pass : fail}\n    </Badge>\n  );\n}\n\nexport function YesNoButton({ value }: Readonly<{ value: any }>) {\n  return <PassFailButton value={value} passText={t`Yes`} failText={t`No`} />;\n}\n\nexport function YesNoUndefinedButton({ value }: Readonly<{ value?: boolean }>) {\n  if (value === undefined) {\n    return <Skeleton height={15} width={32} />;\n  } else {\n    return <YesNoButton value={value} />;\n  }\n}\n"],"names":["PassFailButton","value","passText","failText","v","isTrue","pass","_i18n","_","id","fail","jsx","maxWidth","YesNoButton"],"mappings":";;AAAA,MAAA,QAAA,OAAA,YAAA,EAAA;AACA,MAAA,QAAA,OAAA,aAAA,EAAA;;AAIO,SAASA,eAAe;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAKD,GAAG;AACIC,QAAAA,IAAIC,OAAOJ,KAAK;AAChBK,QAAAA,OAAOJ,YAAQK,MAAAC;AAAAA;AAAAA,IAAI;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAO;AAC1BC,QAAAA,OAAOP,YAAQI,MAAAC;AAAAA;AAAAA,IAAI;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAO;AAEhC,SACGE,kCAAA,IAAA,OAAA,EACC,OAAOP,IAAI,UAAU,OACrB,SAAQ,UACR,QAAO,MACP,MAAK,MACL,OAAO;AAAA,IAAEQ,UAAU;AAAA,EAAO,GAEzBR,UAAIE,IAAAA,OAAOI,KACd,CAAA;AAEJ;AAEO,SAASG,YAAY;AAAA,EAAEZ;AAAgC,GAAG;AAC/D,SAAQU,kCAAAA,IAAA,gBAAA,EAAe,OAAc,UAASJ,MAAAC;AAAAA;AAAAA,IAAC;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAK,GAAG,UAASF,MAAAC;AAAAA;AAAAA,IAAC;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAAI,GAAK;AAC5E;"}