@hortiview/shared-components 0.0.6320 → 0.0.6338

package/dist/assets/DeleteModal.css

@@ -1 +1 @@
-._bulletPoint_469qk_1{display:list-item;margin-left:1.5rem}._modal_469qk_6 [class*="lmnt-modal__actions mdc-dialog__actions"]{margin-bottom:0!important}._colorDanger_469qk_10{color:var(--lmnt-theme-danger-on-surface)}
+._bulletPoint_1kyg0_1{display:list-item;margin-left:1.5rem}._modal_1kyg0_6 [class*="lmnt-modal__actions mdc-dialog__actions"]{margin-bottom:0!important}._colorDanger_1kyg0_10{color:var(--lmnt-theme-danger-on-surface)}._crossedOut_1kyg0_14{position:relative;display:inline-block}._crossedOut_1kyg0_14:after{content:"";position:absolute;width:3rem;height:.25rem;left:50%;top:50%;background:var(--lmnt-theme-danger-on-surface);box-shadow:0 0 0 .125rem var(--lmnt-theme-background);transform:translate(-50%,calc(-50% - .25rem)) rotate(45deg);transform-origin:center;z-index:2}

package/dist/assets/FormSelect.css

@@ -1 +1 @@
-._invalid_1vo1h_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelect_1vo1h_5+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelectContainer_1vo1h_9 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1vo1h_9 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1vo1h_5 *[class*=lmnt-select-menu]{z-index:2001}._formSelectContainer_1vo1h_9{display:flex;flex-wrap:wrap;width:100%}
+._invalid_9uqqc_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_9uqqc_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_9uqqc_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_9uqqc_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_9uqqc_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_9uqqc_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_9uqqc_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_9uqqc_41{z-index:42}

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import { r as t, s } from "../../react.esm-D9-uytwS.js";
+import { r as t, s } from "../../react.esm-BBemCHUU.js";
 import { u as i } from "../../useBreakpoint-DROHPVxO.js";
 import { AlertBanner as n } from "./AlertBanner.js";
 import { d as c, b as u, t as r, g as l, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";

package/dist/components/BaseView/BaseView.test.js

@@ -1,7 +1,7 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
 import { u as l } from "../../useBreakpoint-DROHPVxO.js";
 import { BaseView as r } from "./BaseView.js";
-import { r as i, s as e, f as p } from "../../react.esm-D9-uytwS.js";
+import { r as i, s as e, f as p } from "../../react.esm-BBemCHUU.js";
 import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
 u("BaseView Test", () => {
   m(() => {

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
 import { Button as g } from "@element/react-components";
 import { BasicHeading as a } from "./BasicHeading.js";
-import { r as i, s as n } from "../../react.esm-D9-uytwS.js";
+import { r as i, s as n } from "../../react.esm-BBemCHUU.js";
 import { d as h, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {

package/dist/components/BlockView/BlockView.test.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { r as s, s as o, f as n } from "../../react.esm-D9-uytwS.js";
+import { r as s, s as o, f as n } from "../../react.esm-BBemCHUU.js";
 import { BlockView as r } from "./BlockView.js";
 import { d as B, v as a, t as i, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 B("BlockView Test", () => {

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { r as d, s as n, f as o, w as a } from "../../react.esm-D9-uytwS.js";
+import { r as d, s as n, f as o, w as a } from "../../react.esm-BBemCHUU.js";
 import { ContextMenu as u } from "./ContextMenu.js";
 import { v as r, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const T = r.fn(), l = r.fn(), i = r.fn(), p = [

package/dist/components/DeleteModal/DeleteModal.d.ts

@@ -31,7 +31,12 @@ type DeleteModalProps = {
     /**
      * The icon to display in the modal.
      */
-    icon?: string;
+    icon?: string | JSX.Element;
+    /**
+     * If true, the icon to display in the modal will be crossed out with a red line.
+     * The icon should not be larger than 2.5 rem height and 3 rem width.
+     */
+    isIconCrossedOut?: boolean;
     /**
      * The state of the modal.
      */
@@ -61,11 +66,12 @@ type DeleteModalProps = {
  * @prop {string | JSX.Element} deleteText - A text or JSX element to display in the delete modal. If provided the deleteBody will be ignored.
  * @prop {string} impossibleDeleteHeader - The header to display in the modal if the {@link isDeletePossible} is false.
  * @prop {string} icon - The icon to display in the modal.
+ * @prop {boolean} isIconCrossedOut - If true, the icon to display in the modal will be crossed out with a red line. The icon should not be larger than 2.5 rem height and 3 rem width.
  * @prop {boolean} open - The state of the modal.
  * @prop {function} setOpen - The function to set the state of the modal.
  * @prop {function} onDelete - The function to call when the confirm button is clicked.
  * @prop {boolean} isDeletePossible - If true, the delete button will be enabled. If false, the delete button will be disabled and the {@link impossibleDeleteHeader} will be displayed. Default is _true_.
  * @returns {ReactElement} A modal component for deleting items.
  */
-export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, impossibleDeleteHeader, open, setOpen, onDelete, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,77 +1,94 @@
 import "../../assets/DeleteModal.css";
-import { jsx as o, jsxs as m, Fragment as d } from "react/jsx-runtime";
-import { Modal as D, Button as u, Group as i, Icon as j, TypoBody as n } from "@element/react-components";
-import { uniqueId as q } from "lodash";
-import { AvailableCustomIcons as g } from "../../enums/AvailableCustomIcons.js";
-import { Iconify as x } from "../Iconify/Iconify.js";
-const I = "_bulletPoint_469qk_1", N = "_modal_469qk_6", S = "_colorDanger_469qk_10", e = {
-  bulletPoint: I,
-  modal: N,
-  colorDanger: S
-}, F = ({
-  title: h,
-  confirmButtonLabel: p,
-  cancelButtonLabel: v,
-  deleteHeader: b,
-  deleteBody: t,
-  deleteText: r,
-  icon: l,
-  impossibleDeleteHeader: f,
-  open: y,
-  setOpen: c,
-  onDelete: k,
-  isDeletePossible: s = !0
+import { jsx as o, jsxs as g, Fragment as i } from "react/jsx-runtime";
+import { Modal as C, Button as u, Group as s, Icon as D, TypoBody as t } from "@element/react-components";
+import { uniqueId as I } from "lodash";
+import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
+import { Iconify as N } from "../Iconify/Iconify.js";
+const S = "_bulletPoint_1kyg0_1", x = "_modal_1kyg0_6", M = "_colorDanger_1kyg0_10", j = "_crossedOut_1kyg0_14", n = {
+  bulletPoint: S,
+  modal: x,
+  colorDanger: M,
+  crossedOut: j
+}, J = ({
+  title: r,
+  confirmButtonLabel: e,
+  cancelButtonLabel: l,
+  deleteHeader: a,
+  deleteBody: c,
+  deleteText: p,
+  icon: f,
+  isIconCrossedOut: h,
+  impossibleDeleteHeader: y,
+  open: b,
+  setOpen: d,
+  onDelete: v,
+  isDeletePossible: m = !0
 }) => {
-  const C = (a) => {
-    a.detail.action === "close" && c(!1);
+  const _ = (k) => {
+    k.detail.action === "close" && d(!1);
   };
   return /* @__PURE__ */ o(
-    D,
+    C,
     {
-      className: e.modal,
+      className: n.modal,
       modalSize: "small",
-      open: y,
-      onClose: C,
-      title: h,
+      open: b,
+      onClose: _,
+      title: r,
       primaryButton: /* @__PURE__ */ o(
         u,
         {
           variant: "danger",
-          label: p,
-          onClick: k,
-          disabled: !s
+          label: e,
+          onClick: v,
+          disabled: !m
         }
       ),
-      dismissiveButton: /* @__PURE__ */ o(u, { variant: "text", label: v, onClick: () => c(!1) }),
-      children: /* @__PURE__ */ m(i, { direction: "vertical", secondaryAlign: "center", children: [
-        l && Object.values(g).includes(l) && /* @__PURE__ */ o(
-          x,
+      footerSupplemental: /* @__PURE__ */ o(u, { variant: "text", label: l, onClick: () => d(!1) }),
+      children: /* @__PURE__ */ g(s, { direction: "vertical", secondaryAlign: "center", children: [
+        /* @__PURE__ */ o(z, { element: /* @__PURE__ */ o(P, { icon: f }), isCrossedOut: h }),
+        /* @__PURE__ */ o(s, { direction: "vertical", children: m ? /* @__PURE__ */ o(
+          A,
           {
-            icon: l,
-            iconSize: "xlarge",
-            className: e.colorDanger
+            deleteHeader: a,
+            deleteText: p,
+            deleteBody: c
           }
-        ),
-        l && !Object.values(g).includes(l) && /* @__PURE__ */ o(j, { icon: l, iconSize: "xlarge", className: e.colorDanger }),
-        /* @__PURE__ */ o(i, { direction: "vertical", children: s ? /* @__PURE__ */ m(d, { children: [
-          /* @__PURE__ */ o(n, { level: 1, themeColor: "text-primary-on-background", children: b }),
-          r && typeof r == "string" && /* @__PURE__ */ o(n, { level: 2, themeColor: "text-secondary-on-background", children: r }),
-          r && typeof r != "string" && /* @__PURE__ */ o(d, { children: r }),
-          t && r === void 0 && /* @__PURE__ */ o(i, { direction: "vertical", gap: "none", children: t.map((a, _) => /* @__PURE__ */ o(
-            n,
-            {
-              level: 2,
-              className: e.bulletPoint,
-              themeColor: "text-secondary-on-background",
-              children: a
-            },
-            q(_.toString())
-          )) })
-        ] }) : /* @__PURE__ */ o(n, { level: 1, themeColor: "text-primary-on-background", children: f }) })
+        ) : /* @__PURE__ */ o(B, { impossibleDeleteHeader: y }) })
       ] })
     }
   );
-};
+}, z = ({
+  element: r,
+  isCrossedOut: e = !1
+}) => e ? /* @__PURE__ */ o("span", { className: n.crossedOut, children: r }) : r, P = ({ icon: r }) => r ? typeof r != "string" ? r : Object.values(O).includes(r) ? /* @__PURE__ */ o(
+  N,
+  {
+    icon: r,
+    iconSize: "xlarge",
+    className: n.colorDanger
+  }
+) : /* @__PURE__ */ o(D, { icon: r, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ o(i, {}), A = ({
+  deleteHeader: r,
+  deleteText: e,
+  deleteBody: l
+}) => /* @__PURE__ */ g(i, { children: [
+  /* @__PURE__ */ o(t, { level: 1, themeColor: "text-primary-on-background", children: r }),
+  e && typeof e == "string" && /* @__PURE__ */ o(t, { level: 2, themeColor: "text-secondary-on-background", children: e }),
+  e && typeof e != "string" && /* @__PURE__ */ o(i, { children: e }),
+  l && e === void 0 && /* @__PURE__ */ o(s, { direction: "vertical", gap: "none", children: l.map((a, c) => /* @__PURE__ */ o(
+    t,
+    {
+      level: 2,
+      className: n.bulletPoint,
+      themeColor: "text-secondary-on-background",
+      children: a
+    },
+    I(c.toString())
+  )) })
+] }), B = ({
+  impossibleDeleteHeader: r
+}) => /* @__PURE__ */ o(t, { level: 1, themeColor: "text-primary-on-background", children: r });
 export {
-  F as DeleteModal
+  J as DeleteModal
 };

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as c, s as e } from "../../react.esm-D9-uytwS.js";
+import { r as c, s as e } from "../../react.esm-BBemCHUU.js";
 import { DeleteModal as b } from "./DeleteModal.js";
 import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 B("DeleteModal Test", () => {

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { r, s as t } from "../../react.esm-D9-uytwS.js";
+import { r, s as t } from "../../react.esm-BBemCHUU.js";
 import { Disclaimer as s } from "./Disclaimer.js";
 import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 i("Disclaimer test", () => {

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as s, s as o, w as r, f as l } from "../../react.esm-D9-uytwS.js";
+import { r as s, s as o, w as r, f as l } from "../../react.esm-BBemCHUU.js";
 import { EmptyView as c } from "./EmptyView.js";
 import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BbUbJcT8.js";
 h("EmptyView", () => {

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as n, s as t, f as m } from "../../../react.esm-D9-uytwS.js";
+import { r as n, s as t, f as m } from "../../../react.esm-BBemCHUU.js";
 import { FormCheckBox as c } from "./FormCheckBox.js";
 import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const a = e.fn();

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as s, s as o, f as m } from "../../../react.esm-D9-uytwS.js";
+import { r as s, s as o, f as m } from "../../../react.esm-BBemCHUU.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
 import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const i = e.fn();

package/dist/components/FormComponents/FormRadio/FormRadio.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as s, s as t, f as m } from "../../../react.esm-D9-uytwS.js";
+import { r as s, s as t, f as m } from "../../../react.esm-BBemCHUU.js";
 import { FormRadio as l } from "./FormRadio.js";
 import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const a = e.fn();

package/dist/components/FormComponents/FormSelect/FormSelect.d.ts

@@ -5,7 +5,7 @@ import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
 type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'noOptionsMessage' | 'onChange' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
-    /** the current character count */
+    /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */
     label: string;