@ynput/ayon-frontend-shared 0.2.20 → 0.2.22

package/dist/shared/src/components/Views/ViewForm/ViewForm.cjs.js

@@ -1,164 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
-const ayonReactComponents = require("@ynput/ayon-react-components");
-const React = require("react");
-const ViewForm_styled = require("./ViewForm.styled.cjs.js");
-const scopeOptions = [
-  { label: "Project", value: "project" },
-  { label: "Studio", value: "studio" }
-];
-const defaultInitialData = {
-  label: "",
-  scope: "project",
-  visibility: "private"
-};
-const ViewForm = React.forwardRef(
-  ({
-    initialData,
-    error,
-    isEditing,
-    isLoading,
-    viewLoading,
-    onSubmit,
-    onDelete,
-    onDuplicate,
-    onCancel
-  }, ref) => {
-    const initialFormData = () => ({
-      ...defaultInitialData,
-      ...initialData
-    });
-    const [formData, setFormData] = React.useState(initialFormData());
-    React.useEffect(() => {
-      if (initialData) {
-        setFormData(initialFormData());
-      }
-    }, [initialData]);
-    React.useEffect(() => {
-      console.log("remount");
-    }, []);
-    const handleChange = (value, field) => {
-      console.log("change", field, value);
-      setFormData((prev) => ({
-        ...prev,
-        [field]: value
-      }));
-    };
-    const handleVisibilityChange = (event) => {
-      const checked = "checked" in event.target ? event.target.checked : false;
-      console.log("visibility change", checked);
-      const newVisibility = checked ? "public" : "private";
-      handleChange(newVisibility, "visibility");
-    };
-    const isFormValid = formData.label.trim().length > 0;
-    const handleSubmit = React.useCallback(async () => {
-      console.log("submitting form");
-      if (!isFormValid) {
-        return;
-      } else {
-        await onSubmit(formData);
-      }
-    }, [formData, isFormValid, onSubmit]);
-    const handleFormSubmit = (e) => {
-      e.preventDefault();
-    };
-    const handleKeyDown = (e) => {
-      if (e.nativeEvent instanceof KeyboardEvent && (e.nativeEvent.metaKey || e.nativeEvent.ctrlKey) && e.nativeEvent.key === "Enter") {
-        e.preventDefault();
-        handleSubmit();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.Container, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.Form, { ref, onSubmit: handleFormSubmit, onKeyDown: handleKeyDown, children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.Row, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: "label", children: "View name" }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ayonReactComponents.InputText,
-            {
-              type: "text",
-              id: "label",
-              name: "label",
-              value: formData.label,
-              onChange: (e) => handleChange(e.target.value, "label"),
-              autoComplete: "off",
-              autoFocus: true,
-              disabled: viewLoading
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.Row, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: "scope", children: "Scope" }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ayonReactComponents.Dropdown,
-            {
-              value: [formData.scope],
-              onChange: (e) => handleChange(e[0], "scope"),
-              options: scopeOptions,
-              disabled: viewLoading
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.CheckboxRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { children: "Share with studio" }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ayonReactComponents.InputSwitch,
-            {
-              checked: formData.visibility === "public",
-              onChange: handleVisibilityChange,
-              disabled: viewLoading,
-              id: "visibility"
-            }
-          )
-        ] }),
-        error && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewForm_styled.Error, { children: error })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.Footer, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewForm_styled.LeftActions, { children: isEditing && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          ayonReactComponents.Button,
-          {
-            label: "Delete",
-            variant: "text",
-            icon: "delete",
-            onClick: onDelete,
-            disabled: isLoading
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewForm_styled.RightActions, { children: [
-          onCancel && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ayonReactComponents.Button,
-            {
-              label: "Cancel",
-              variant: "text",
-              icon: "close",
-              onClick: onCancel,
-              disabled: isLoading
-            }
-          ),
-          isEditing && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ayonReactComponents.Button,
-            {
-              label: "Duplicate",
-              variant: "text",
-              icon: "content_copy",
-              onClick: onDuplicate,
-              disabled: !isFormValid || isLoading
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ayonReactComponents.SaveButton,
-            {
-              label: isEditing ? "Save" : "Create",
-              icon: isEditing ? "save" : "add",
-              onClick: handleSubmit,
-              disabled: !isFormValid || isLoading,
-              saving: isLoading
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-);
-exports.ViewForm = ViewForm;
-//# sourceMappingURL=ViewForm.cjs.js.map

package/dist/shared/src/components/Views/ViewForm/ViewForm.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewForm.cjs.js","sources":["../../../../../../src/components/Views/ViewForm/ViewForm.tsx"],"sourcesContent":["import { Button, Dropdown, InputSwitch, InputText, SaveButton } from '@ynput/ayon-react-components'\nimport { forwardRef, useEffect, useRef, useCallback, useState } from 'react'\nimport * as Styled from './ViewForm.styled'\nimport type { ViewFormData } from '..'\n\nconst scopeOptions = [\n  { label: 'Project', value: 'project' },\n  { label: 'Studio', value: 'studio' },\n]\n\ninterface ViewFormProps {\n  initialData?: Partial<ViewFormData>\n  error?: string\n  isEditing: boolean\n  isLoading: boolean\n  viewLoading: boolean\n  onSubmit: (formData: ViewFormData) => Promise<void>\n  onDelete: () => Promise<void>\n  onDuplicate: () => Promise<void>\n  onCancel?: () => void\n}\n\nconst defaultInitialData: ViewFormData = {\n  label: '',\n  scope: 'project',\n  visibility: 'private',\n}\n\nexport const ViewForm = forwardRef<HTMLFormElement, ViewFormProps>(\n  (\n    {\n      initialData,\n      error,\n      isEditing,\n      isLoading,\n      viewLoading,\n      onSubmit,\n      onDelete,\n      onDuplicate,\n      onCancel,\n    },\n    ref,\n  ) => {\n    const initialFormData = (): ViewFormData => ({\n      ...defaultInitialData,\n      ...initialData,\n    })\n\n    const [formData, setFormData] = useState<ViewFormData>(initialFormData())\n\n    // Update form data when initialData changes\n    useEffect(() => {\n      if (initialData) {\n        setFormData(initialFormData())\n      }\n    }, [initialData])\n\n    useEffect(() => {\n      console.log('remount')\n    }, [])\n\n    const handleChange = <K extends keyof ViewFormData>(value: ViewFormData[K], field: K) => {\n      console.log('change', field, value)\n      setFormData((prev) => ({\n        ...prev,\n        [field]: value,\n      }))\n    }\n\n    const handleVisibilityChange = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      const checked = 'checked' in event.target ? event.target.checked : false\n      console.log('visibility change', checked)\n      const newVisibility = checked ? 'public' : 'private'\n      handleChange(newVisibility, 'visibility')\n    }\n\n    const isFormValid = formData.label.trim().length > 0\n\n    const handleSubmit = useCallback(async () => {\n      console.log('submitting form')\n      if (!isFormValid) {\n        return\n      } else {\n        await onSubmit(formData)\n      }\n    }, [formData, isFormValid, onSubmit])\n\n    const handleFormSubmit = (e: React.FormEvent) => {\n      e.preventDefault()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (\n        e.nativeEvent instanceof KeyboardEvent &&\n        (e.nativeEvent.metaKey || e.nativeEvent.ctrlKey) &&\n        e.nativeEvent.key === 'Enter'\n      ) {\n        e.preventDefault()\n        handleSubmit()\n      }\n    }\n\n    return (\n      <Styled.Container>\n        <Styled.Form ref={ref} onSubmit={handleFormSubmit} onKeyDown={handleKeyDown}>\n          <Styled.Row>\n            <label htmlFor=\"label\">View name</label>\n            <InputText\n              type=\"text\"\n              id=\"label\"\n              name=\"label\"\n              value={formData.label}\n              onChange={(e) => handleChange(e.target.value, 'label')}\n              autoComplete=\"off\"\n              autoFocus\n              disabled={viewLoading}\n            />\n          </Styled.Row>\n\n          <Styled.Row>\n            <label htmlFor=\"scope\">Scope</label>\n            <Dropdown\n              value={[formData.scope]}\n              onChange={(e) => handleChange(e[0] as ViewFormData['scope'], 'scope')}\n              options={scopeOptions}\n              disabled={viewLoading}\n            />\n          </Styled.Row>\n\n          <Styled.CheckboxRow>\n            <label>Share with studio</label>\n            <InputSwitch\n              checked={formData.visibility === 'public'}\n              onChange={handleVisibilityChange}\n              disabled={viewLoading}\n              id=\"visibility\"\n            />\n          </Styled.CheckboxRow>\n\n          {error && <Styled.Error>{error}</Styled.Error>}\n        </Styled.Form>\n\n        <Styled.Footer>\n          <Styled.LeftActions>\n            {isEditing && (\n              <Button\n                label=\"Delete\"\n                variant=\"text\"\n                icon=\"delete\"\n                onClick={onDelete}\n                disabled={isLoading}\n              />\n            )}\n          </Styled.LeftActions>\n\n          <Styled.RightActions>\n            {onCancel && (\n              <Button\n                label=\"Cancel\"\n                variant=\"text\"\n                icon=\"close\"\n                onClick={onCancel}\n                disabled={isLoading}\n              />\n            )}\n            {isEditing && (\n              <Button\n                label=\"Duplicate\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={onDuplicate}\n                disabled={!isFormValid || isLoading}\n              />\n            )}\n            <SaveButton\n              label={isEditing ? 'Save' : 'Create'}\n              icon={isEditing ? 'save' : 'add'}\n              onClick={handleSubmit}\n              disabled={!isFormValid || isLoading}\n              saving={isLoading}\n            />\n          </Styled.RightActions>\n        </Styled.Footer>\n      </Styled.Container>\n    )\n  },\n)\n"],"names":["forwardRef","useState","useEffect","useCallback","jsxs","Styled.Container","Styled.Form","Styled.Row","jsx","InputText","Dropdown","Styled.CheckboxRow","InputSwitch","Styled.Error","Styled.Footer","Styled.LeftActions","Button","Styled.RightActions","SaveButton"],"mappings":"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"}

package/dist/shared/src/components/Views/ViewForm/ViewForm.es.js

@@ -1,164 +0,0 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { InputText, Dropdown, InputSwitch, Button, SaveButton } from "@ynput/ayon-react-components";
-import { forwardRef, useState, useEffect, useCallback } from "react";
-import { Container, Form, Row, CheckboxRow, Error, Footer, LeftActions, RightActions } from "./ViewForm.styled.es.js";
-const scopeOptions = [
-  { label: "Project", value: "project" },
-  { label: "Studio", value: "studio" }
-];
-const defaultInitialData = {
-  label: "",
-  scope: "project",
-  visibility: "private"
-};
-const ViewForm = forwardRef(
-  ({
-    initialData,
-    error,
-    isEditing,
-    isLoading,
-    viewLoading,
-    onSubmit,
-    onDelete,
-    onDuplicate,
-    onCancel
-  }, ref) => {
-    const initialFormData = () => ({
-      ...defaultInitialData,
-      ...initialData
-    });
-    const [formData, setFormData] = useState(initialFormData());
-    useEffect(() => {
-      if (initialData) {
-        setFormData(initialFormData());
-      }
-    }, [initialData]);
-    useEffect(() => {
-      console.log("remount");
-    }, []);
-    const handleChange = (value, field) => {
-      console.log("change", field, value);
-      setFormData((prev) => ({
-        ...prev,
-        [field]: value
-      }));
-    };
-    const handleVisibilityChange = (event) => {
-      const checked = "checked" in event.target ? event.target.checked : false;
-      console.log("visibility change", checked);
-      const newVisibility = checked ? "public" : "private";
-      handleChange(newVisibility, "visibility");
-    };
-    const isFormValid = formData.label.trim().length > 0;
-    const handleSubmit = useCallback(async () => {
-      console.log("submitting form");
-      if (!isFormValid) {
-        return;
-      } else {
-        await onSubmit(formData);
-      }
-    }, [formData, isFormValid, onSubmit]);
-    const handleFormSubmit = (e) => {
-      e.preventDefault();
-    };
-    const handleKeyDown = (e) => {
-      if (e.nativeEvent instanceof KeyboardEvent && (e.nativeEvent.metaKey || e.nativeEvent.ctrlKey) && e.nativeEvent.key === "Enter") {
-        e.preventDefault();
-        handleSubmit();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { ref, onSubmit: handleFormSubmit, onKeyDown: handleKeyDown, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "label", children: "View name" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputText,
-            {
-              type: "text",
-              id: "label",
-              name: "label",
-              value: formData.label,
-              onChange: (e) => handleChange(e.target.value, "label"),
-              autoComplete: "off",
-              autoFocus: true,
-              disabled: viewLoading
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "scope", children: "Scope" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Dropdown,
-            {
-              value: [formData.scope],
-              onChange: (e) => handleChange(e[0], "scope"),
-              options: scopeOptions,
-              disabled: viewLoading
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(CheckboxRow, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { children: "Share with studio" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputSwitch,
-            {
-              checked: formData.visibility === "public",
-              onChange: handleVisibilityChange,
-              disabled: viewLoading,
-              id: "visibility"
-            }
-          )
-        ] }),
-        error && /* @__PURE__ */ jsxRuntimeExports.jsx(Error, { children: error })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Footer, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LeftActions, { children: isEditing && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            label: "Delete",
-            variant: "text",
-            icon: "delete",
-            onClick: onDelete,
-            disabled: isLoading
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(RightActions, { children: [
-          onCancel && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              label: "Cancel",
-              variant: "text",
-              icon: "close",
-              onClick: onCancel,
-              disabled: isLoading
-            }
-          ),
-          isEditing && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              label: "Duplicate",
-              variant: "text",
-              icon: "content_copy",
-              onClick: onDuplicate,
-              disabled: !isFormValid || isLoading
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SaveButton,
-            {
-              label: isEditing ? "Save" : "Create",
-              icon: isEditing ? "save" : "add",
-              onClick: handleSubmit,
-              disabled: !isFormValid || isLoading,
-              saving: isLoading
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-);
-export {
-  ViewForm
-};
-//# sourceMappingURL=ViewForm.es.js.map

package/dist/shared/src/components/Views/ViewForm/ViewForm.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewForm.es.js","sources":["../../../../../../src/components/Views/ViewForm/ViewForm.tsx"],"sourcesContent":["import { Button, Dropdown, InputSwitch, InputText, SaveButton } from '@ynput/ayon-react-components'\nimport { forwardRef, useEffect, useRef, useCallback, useState } from 'react'\nimport * as Styled from './ViewForm.styled'\nimport type { ViewFormData } from '..'\n\nconst scopeOptions = [\n  { label: 'Project', value: 'project' },\n  { label: 'Studio', value: 'studio' },\n]\n\ninterface ViewFormProps {\n  initialData?: Partial<ViewFormData>\n  error?: string\n  isEditing: boolean\n  isLoading: boolean\n  viewLoading: boolean\n  onSubmit: (formData: ViewFormData) => Promise<void>\n  onDelete: () => Promise<void>\n  onDuplicate: () => Promise<void>\n  onCancel?: () => void\n}\n\nconst defaultInitialData: ViewFormData = {\n  label: '',\n  scope: 'project',\n  visibility: 'private',\n}\n\nexport const ViewForm = forwardRef<HTMLFormElement, ViewFormProps>(\n  (\n    {\n      initialData,\n      error,\n      isEditing,\n      isLoading,\n      viewLoading,\n      onSubmit,\n      onDelete,\n      onDuplicate,\n      onCancel,\n    },\n    ref,\n  ) => {\n    const initialFormData = (): ViewFormData => ({\n      ...defaultInitialData,\n      ...initialData,\n    })\n\n    const [formData, setFormData] = useState<ViewFormData>(initialFormData())\n\n    // Update form data when initialData changes\n    useEffect(() => {\n      if (initialData) {\n        setFormData(initialFormData())\n      }\n    }, [initialData])\n\n    useEffect(() => {\n      console.log('remount')\n    }, [])\n\n    const handleChange = <K extends keyof ViewFormData>(value: ViewFormData[K], field: K) => {\n      console.log('change', field, value)\n      setFormData((prev) => ({\n        ...prev,\n        [field]: value,\n      }))\n    }\n\n    const handleVisibilityChange = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      const checked = 'checked' in event.target ? event.target.checked : false\n      console.log('visibility change', checked)\n      const newVisibility = checked ? 'public' : 'private'\n      handleChange(newVisibility, 'visibility')\n    }\n\n    const isFormValid = formData.label.trim().length > 0\n\n    const handleSubmit = useCallback(async () => {\n      console.log('submitting form')\n      if (!isFormValid) {\n        return\n      } else {\n        await onSubmit(formData)\n      }\n    }, [formData, isFormValid, onSubmit])\n\n    const handleFormSubmit = (e: React.FormEvent) => {\n      e.preventDefault()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (\n        e.nativeEvent instanceof KeyboardEvent &&\n        (e.nativeEvent.metaKey || e.nativeEvent.ctrlKey) &&\n        e.nativeEvent.key === 'Enter'\n      ) {\n        e.preventDefault()\n        handleSubmit()\n      }\n    }\n\n    return (\n      <Styled.Container>\n        <Styled.Form ref={ref} onSubmit={handleFormSubmit} onKeyDown={handleKeyDown}>\n          <Styled.Row>\n            <label htmlFor=\"label\">View name</label>\n            <InputText\n              type=\"text\"\n              id=\"label\"\n              name=\"label\"\n              value={formData.label}\n              onChange={(e) => handleChange(e.target.value, 'label')}\n              autoComplete=\"off\"\n              autoFocus\n              disabled={viewLoading}\n            />\n          </Styled.Row>\n\n          <Styled.Row>\n            <label htmlFor=\"scope\">Scope</label>\n            <Dropdown\n              value={[formData.scope]}\n              onChange={(e) => handleChange(e[0] as ViewFormData['scope'], 'scope')}\n              options={scopeOptions}\n              disabled={viewLoading}\n            />\n          </Styled.Row>\n\n          <Styled.CheckboxRow>\n            <label>Share with studio</label>\n            <InputSwitch\n              checked={formData.visibility === 'public'}\n              onChange={handleVisibilityChange}\n              disabled={viewLoading}\n              id=\"visibility\"\n            />\n          </Styled.CheckboxRow>\n\n          {error && <Styled.Error>{error}</Styled.Error>}\n        </Styled.Form>\n\n        <Styled.Footer>\n          <Styled.LeftActions>\n            {isEditing && (\n              <Button\n                label=\"Delete\"\n                variant=\"text\"\n                icon=\"delete\"\n                onClick={onDelete}\n                disabled={isLoading}\n              />\n            )}\n          </Styled.LeftActions>\n\n          <Styled.RightActions>\n            {onCancel && (\n              <Button\n                label=\"Cancel\"\n                variant=\"text\"\n                icon=\"close\"\n                onClick={onCancel}\n                disabled={isLoading}\n              />\n            )}\n            {isEditing && (\n              <Button\n                label=\"Duplicate\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={onDuplicate}\n                disabled={!isFormValid || isLoading}\n              />\n            )}\n            <SaveButton\n              label={isEditing ? 'Save' : 'Create'}\n              icon={isEditing ? 'save' : 'add'}\n              onClick={handleSubmit}\n              disabled={!isFormValid || isLoading}\n              saving={isLoading}\n            />\n          </Styled.RightActions>\n        </Styled.Footer>\n      </Styled.Container>\n    )\n  },\n)\n"],"names":["jsxs","Styled.Container","Styled.Form","Styled.Row","jsx","Styled.CheckboxRow","Styled.Error","Styled.Footer","Styled.LeftActions","Styled.RightActions"],"mappings":"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"}

package/dist/shared/src/components/Views/ViewForm/ViewForm.styled.cjs.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styled = require("styled-components");
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-large);
-`;
-const Form = styled.form`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-large);
-`;
-const Row = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-small);
-`;
-const CheckboxRow = styled.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  gap: var(--base-gap-small);
-  padding: 8px 0;
-`;
-styled.input`
-  width: 16px;
-  height: 16px;
-  background-color: transparent;
-  border: 1px solid var(--md-sys-color-outline);
-  appearance: none;
-  border-radius: 2px;
-  cursor: pointer;
-
-  &:hover {
-    border-color: hsl(212.31deg 16.83% 74.65%);
-  }
-
-  &:checked {
-    background-color: var(--md-sys-color-primary);
-    border-color: var(--md-sys-color-primary);
-    appearance: auto;
-  }
-`;
-const Footer = styled.div`
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`;
-const LeftActions = styled.div`
-  display: flex;
-  gap: var(--base-gap-small);
-`;
-const RightActions = styled.div`
-  display: flex;
-  gap: var(--base-gap-small);
-`;
-const Error = styled.div`
-  color: var(--md-sys-color-error);
-`;
-exports.CheckboxRow = CheckboxRow;
-exports.Container = Container;
-exports.Error = Error;
-exports.Footer = Footer;
-exports.Form = Form;
-exports.LeftActions = LeftActions;
-exports.RightActions = RightActions;
-exports.Row = Row;
-//# sourceMappingURL=ViewForm.styled.cjs.js.map

package/dist/shared/src/components/Views/ViewForm/ViewForm.styled.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewForm.styled.cjs.js","sources":["../../../../../../src/components/Views/ViewForm/ViewForm.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n`\n\nexport const Form = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n`\n\nexport const Row = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nexport const CheckboxRow = styled.div`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  padding: 8px 0;\n`\n\nexport const StyledCheckbox = styled.input`\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n  cursor: pointer;\n\n  &:hover {\n    border-color: hsl(212.31deg 16.83% 74.65%);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport const Footer = styled.div`\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`\n\nexport const LeftActions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n`\n\nexport const RightActions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n`\n\nexport const Error = styled.div`\n  color: var(--md-sys-color-error);\n`\n"],"names":[],"mappings":";;;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAMnB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASJ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoB9B,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAK5B,MAAM,QAAQ,OAAO;AAAA;AAAA;;;;;;;;;"}

package/dist/shared/src/components/Views/ViewForm/ViewForm.styled.es.js

@@ -1,71 +0,0 @@
-import styled from "styled-components";
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-large);
-`;
-const Form = styled.form`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-large);
-`;
-const Row = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-small);
-`;
-const CheckboxRow = styled.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  gap: var(--base-gap-small);
-  padding: 8px 0;
-`;
-styled.input`
-  width: 16px;
-  height: 16px;
-  background-color: transparent;
-  border: 1px solid var(--md-sys-color-outline);
-  appearance: none;
-  border-radius: 2px;
-  cursor: pointer;
-
-  &:hover {
-    border-color: hsl(212.31deg 16.83% 74.65%);
-  }
-
-  &:checked {
-    background-color: var(--md-sys-color-primary);
-    border-color: var(--md-sys-color-primary);
-    appearance: auto;
-  }
-`;
-const Footer = styled.div`
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`;
-const LeftActions = styled.div`
-  display: flex;
-  gap: var(--base-gap-small);
-`;
-const RightActions = styled.div`
-  display: flex;
-  gap: var(--base-gap-small);
-`;
-const Error = styled.div`
-  color: var(--md-sys-color-error);
-`;
-export {
-  CheckboxRow,
-  Container,
-  Error,
-  Footer,
-  Form,
-  LeftActions,
-  RightActions,
-  Row
-};
-//# sourceMappingURL=ViewForm.styled.es.js.map

package/dist/shared/src/components/Views/ViewForm/ViewForm.styled.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewForm.styled.es.js","sources":["../../../../../../src/components/Views/ViewForm/ViewForm.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n`\n\nexport const Form = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n`\n\nexport const Row = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nexport const CheckboxRow = styled.div`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  padding: 8px 0;\n`\n\nexport const StyledCheckbox = styled.input`\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n  cursor: pointer;\n\n  &:hover {\n    border-color: hsl(212.31deg 16.83% 74.65%);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport const Footer = styled.div`\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`\n\nexport const LeftActions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n`\n\nexport const RightActions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n`\n\nexport const Error = styled.div`\n  color: var(--md-sys-color-error);\n`\n"],"names":[],"mappings":";AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAMnB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASJ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoB9B,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAK5B,MAAM,QAAQ,OAAO;AAAA;AAAA;"}

package/dist/shared/src/components/Views/ViewForm/ViewFormContainer.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewFormContainer.cjs.js","sources":["../../../../../../src/components/Views/ViewForm/ViewFormContainer.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState, useCallback, useMemo } from 'react'\nimport { useCreateViewMutation, useGetViewQuery } from '@shared/api'\nimport {\n  ViewListItemModel,\n  OverviewViewModel,\n  TaskProgressViewModel,\n} from '@shared/api/generated/views'\nimport { ViewForm } from './ViewForm'\nimport type { ViewFormData, ViewType } from '..'\n\ninterface ViewData extends ViewListItemModel {\n  id: string\n}\n\ninterface ViewFormContainerProps {\n  initialData?: ViewFormData\n  viewId?: string // If provided, form is in edit mode\n  viewType: ViewType\n  project?: string\n  onSuccess?: (action: 'create' | 'update' | 'delete' | 'duplicate', data?: ViewData) => void\n  onCancel?: () => void\n}\n\nexport const ViewFormContainer = forwardRef<HTMLFormElement, ViewFormContainerProps>(\n  (\n    {\n      initialData = { label: '', scope: 'project', visibility: 'private' },\n      viewId,\n      viewType,\n      project,\n      onSuccess,\n      onCancel,\n    },\n    ref,\n  ) => {\n    const isEditing = !!viewId\n    const [error, setError] = useState<string | undefined>()\n\n    const [createView, { isLoading: createLoading }] = useCreateViewMutation()\n\n    const { data: viewData, isLoading: viewLoading } = useGetViewQuery(\n      { viewId: viewId as string, viewType, project },\n      { skip: !viewId },\n    )\n\n    const handleSubmit = useCallback(\n      async (formData: ViewFormData) => {\n        try {\n          setError(undefined)\n\n          if (isEditing && viewId) {\n            // TODO: Implement update mutation when available\n            console.log('Update view - would update with data:', formData)\n            // For now, just call onSuccess without making API call\n            const viewData: ViewData = {\n              id: viewId,\n              label: formData.label,\n              scope: formData.scope,\n              visibility: formData.visibility,\n            }\n            onSuccess?.('update', viewData)\n          } else {\n            // Create new view with basic settings structure\n            let payload: OverviewViewModel | TaskProgressViewModel\n\n            if (viewType === 'overview') {\n              payload = {\n                label: formData.label,\n                scope: formData.scope,\n                visibility: formData.visibility,\n                settings: {},\n                viewType: 'overview',\n              } as OverviewViewModel\n            } else {\n              payload = {\n                label: formData.label,\n                scope: formData.scope,\n                visibility: formData.visibility,\n                settings: { expanded: false },\n                viewType: 'taskProgress',\n              } as TaskProgressViewModel\n            }\n\n            const result = await createView({\n              viewType: viewType,\n              project,\n              payload,\n            }).unwrap()\n\n            const viewData: ViewData = {\n              id: result.id,\n              label: formData.label,\n              scope: formData.scope,\n              visibility: formData.visibility,\n            }\n\n            onSuccess?.('create', viewData)\n          }\n        } catch (err: any) {\n          setError(err?.message || 'Failed to save view')\n          console.error('Error saving view:', err)\n        }\n      },\n      [isEditing, viewId, viewType, project, createView, onSuccess],\n    )\n\n    const handleDelete = useCallback(async () => {\n      if (!viewId) return\n\n      try {\n        setError(undefined)\n        // TODO: Implement delete mutation when available\n        console.log('Delete view - not implemented yet')\n        onSuccess?.('delete')\n      } catch (err: any) {\n        setError(err?.message || 'Failed to delete view')\n        console.error('Error deleting view:', err)\n      }\n    }, [viewId, onSuccess])\n\n    const handleDuplicate = useCallback(async () => {\n      if (!viewId) return\n\n      try {\n        setError(undefined)\n        // TODO: Implement duplicate functionality when available\n        console.log('Duplicate view - not implemented yet')\n        onSuccess?.('duplicate')\n      } catch (err: any) {\n        setError(err?.message || 'Failed to duplicate view')\n        console.error('Error duplicating view:', err)\n      }\n    }, [viewId, onSuccess])\n\n    const isLoading = createLoading || viewLoading\n\n    console.log('render ViewFormContainer with data:')\n\n    return (\n      <ViewForm\n        ref={ref}\n        initialData={isEditing ? viewData : initialData}\n        error={error}\n        isEditing={isEditing}\n        isLoading={isLoading}\n        viewLoading={viewLoading}\n        onSubmit={handleSubmit}\n        onDelete={handleDelete}\n        onDuplicate={handleDuplicate}\n        onCancel={onCancel}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useState","useCreateViewMutation","useGetViewQuery","useCallback","viewData","jsx","ViewForm"],"mappings":"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"}

package/dist/shared/src/components/Views/ViewForm/ViewFormContainer.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewFormContainer.es.js","sources":["../../../../../../src/components/Views/ViewForm/ViewFormContainer.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState, useCallback, useMemo } from 'react'\nimport { useCreateViewMutation, useGetViewQuery } from '@shared/api'\nimport {\n  ViewListItemModel,\n  OverviewViewModel,\n  TaskProgressViewModel,\n} from '@shared/api/generated/views'\nimport { ViewForm } from './ViewForm'\nimport type { ViewFormData, ViewType } from '..'\n\ninterface ViewData extends ViewListItemModel {\n  id: string\n}\n\ninterface ViewFormContainerProps {\n  initialData?: ViewFormData\n  viewId?: string // If provided, form is in edit mode\n  viewType: ViewType\n  project?: string\n  onSuccess?: (action: 'create' | 'update' | 'delete' | 'duplicate', data?: ViewData) => void\n  onCancel?: () => void\n}\n\nexport const ViewFormContainer = forwardRef<HTMLFormElement, ViewFormContainerProps>(\n  (\n    {\n      initialData = { label: '', scope: 'project', visibility: 'private' },\n      viewId,\n      viewType,\n      project,\n      onSuccess,\n      onCancel,\n    },\n    ref,\n  ) => {\n    const isEditing = !!viewId\n    const [error, setError] = useState<string | undefined>()\n\n    const [createView, { isLoading: createLoading }] = useCreateViewMutation()\n\n    const { data: viewData, isLoading: viewLoading } = useGetViewQuery(\n      { viewId: viewId as string, viewType, project },\n      { skip: !viewId },\n    )\n\n    const handleSubmit = useCallback(\n      async (formData: ViewFormData) => {\n        try {\n          setError(undefined)\n\n          if (isEditing && viewId) {\n            // TODO: Implement update mutation when available\n            console.log('Update view - would update with data:', formData)\n            // For now, just call onSuccess without making API call\n            const viewData: ViewData = {\n              id: viewId,\n              label: formData.label,\n              scope: formData.scope,\n              visibility: formData.visibility,\n            }\n            onSuccess?.('update', viewData)\n          } else {\n            // Create new view with basic settings structure\n            let payload: OverviewViewModel | TaskProgressViewModel\n\n            if (viewType === 'overview') {\n              payload = {\n                label: formData.label,\n                scope: formData.scope,\n                visibility: formData.visibility,\n                settings: {},\n                viewType: 'overview',\n              } as OverviewViewModel\n            } else {\n              payload = {\n                label: formData.label,\n                scope: formData.scope,\n                visibility: formData.visibility,\n                settings: { expanded: false },\n                viewType: 'taskProgress',\n              } as TaskProgressViewModel\n            }\n\n            const result = await createView({\n              viewType: viewType,\n              project,\n              payload,\n            }).unwrap()\n\n            const viewData: ViewData = {\n              id: result.id,\n              label: formData.label,\n              scope: formData.scope,\n              visibility: formData.visibility,\n            }\n\n            onSuccess?.('create', viewData)\n          }\n        } catch (err: any) {\n          setError(err?.message || 'Failed to save view')\n          console.error('Error saving view:', err)\n        }\n      },\n      [isEditing, viewId, viewType, project, createView, onSuccess],\n    )\n\n    const handleDelete = useCallback(async () => {\n      if (!viewId) return\n\n      try {\n        setError(undefined)\n        // TODO: Implement delete mutation when available\n        console.log('Delete view - not implemented yet')\n        onSuccess?.('delete')\n      } catch (err: any) {\n        setError(err?.message || 'Failed to delete view')\n        console.error('Error deleting view:', err)\n      }\n    }, [viewId, onSuccess])\n\n    const handleDuplicate = useCallback(async () => {\n      if (!viewId) return\n\n      try {\n        setError(undefined)\n        // TODO: Implement duplicate functionality when available\n        console.log('Duplicate view - not implemented yet')\n        onSuccess?.('duplicate')\n      } catch (err: any) {\n        setError(err?.message || 'Failed to duplicate view')\n        console.error('Error duplicating view:', err)\n      }\n    }, [viewId, onSuccess])\n\n    const isLoading = createLoading || viewLoading\n\n    console.log('render ViewFormContainer with data:')\n\n    return (\n      <ViewForm\n        ref={ref}\n        initialData={isEditing ? viewData : initialData}\n        error={error}\n        isEditing={isEditing}\n        isLoading={isLoading}\n        viewLoading={viewLoading}\n        onSubmit={handleSubmit}\n        onDelete={handleDelete}\n        onDuplicate={handleDuplicate}\n        onCancel={onCancel}\n      />\n    )\n  },\n)\n"],"names":["viewData","jsx"],"mappings":"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"}

package/dist/shared/src/components/Views/ViewItem/ViewItem.cjs.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
-const React = require("react");
-const ViewItem_styled = require("./ViewItem.styled.cjs.js");
-const clsx = require("clsx");
-const ViewItem = React.forwardRef(
-  ({
-    label,
-    startContent,
-    endContent,
-    isSelected,
-    isEditable,
-    isPersonal,
-    onEdit,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      ViewItem_styled.ViewItem,
-      {
-        ...props,
-        className: clsx(className, { selected: isSelected, personal: isPersonal }),
-        ref,
-        children: [
-          startContent && startContent,
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "label", children: label }),
-          isEditable && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewItem_styled.MoreButton, { variant: "text", icon: "more_horiz", className: "more", onClick: onEdit }),
-          endContent && endContent
-        ]
-      }
-    );
-  }
-);
-exports.ViewItem = ViewItem;
-//# sourceMappingURL=ViewItem.cjs.js.map

package/dist/shared/src/components/Views/ViewItem/ViewItem.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewItem.cjs.js","sources":["../../../../../../src/components/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isPersonal?: boolean\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isPersonal,\n      onEdit,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem\n        {...props}\n        className={clsx(className, { selected: isSelected, personal: isPersonal })}\n        ref={ref}\n      >\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {isEditable && (\n          <Styled.MoreButton variant=\"text\" icon=\"more_horiz\" className=\"more\" onClick={onEdit} />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["forwardRef","jsxs","Styled.ViewItem","jsx","Styled.MoreButton"],"mappings":";;;;;;AAoBO,MAAM,WAAWA,MAAA;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AAED,WAAAC,2BAAA,kBAAA;AAAA,MAACC,gBAAO;AAAA,MAAP;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,EAAE,UAAU,YAAY,UAAU,YAAY;AAAA,QACzE;AAAA,QAEC,UAAA;AAAA,UAAgB,gBAAA;AAAA,UAChBC,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,UAC9B,cACCA,2BAAA,kBAAA,IAACC,4BAAA,EAAkB,SAAQ,QAAO,MAAK,cAAa,WAAU,QAAO,SAAS,OAAQ,CAAA;AAAA,UAEvF,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/Views/ViewItem/ViewItem.es.js

@@ -1,36 +0,0 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef } from "react";
-import { ViewItem as ViewItem$1, MoreButton } from "./ViewItem.styled.es.js";
-import clsx from "clsx";
-const ViewItem = forwardRef(
-  ({
-    label,
-    startContent,
-    endContent,
-    isSelected,
-    isEditable,
-    isPersonal,
-    onEdit,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ViewItem$1,
-      {
-        ...props,
-        className: clsx(className, { selected: isSelected, personal: isPersonal }),
-        ref,
-        children: [
-          startContent && startContent,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "label", children: label }),
-          isEditable && /* @__PURE__ */ jsxRuntimeExports.jsx(MoreButton, { variant: "text", icon: "more_horiz", className: "more", onClick: onEdit }),
-          endContent && endContent
-        ]
-      }
-    );
-  }
-);
-export {
-  ViewItem
-};
-//# sourceMappingURL=ViewItem.es.js.map

package/dist/shared/src/components/Views/ViewItem/ViewItem.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewItem.es.js","sources":["../../../../../../src/components/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isPersonal?: boolean\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isPersonal,\n      onEdit,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem\n        {...props}\n        className={clsx(className, { selected: isSelected, personal: isPersonal })}\n        ref={ref}\n      >\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {isEditable && (\n          <Styled.MoreButton variant=\"text\" icon=\"more_horiz\" className=\"more\" onClick={onEdit} />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["jsxs","Styled.ViewItem","jsx","Styled.MoreButton"],"mappings":";;;;AAoBO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AAED,WAAAA,kCAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,EAAE,UAAU,YAAY,UAAU,YAAY;AAAA,QACzE;AAAA,QAEC,UAAA;AAAA,UAAgB,gBAAA;AAAA,UAChBC,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,UAC9B,cACCA,kCAAA,IAACC,YAAA,EAAkB,SAAQ,QAAO,MAAK,cAAa,WAAU,QAAO,SAAS,OAAQ,CAAA;AAAA,UAEvF,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;"}