npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.31 → 0.2.33 - Mend

@ynput/ayon-frontend-shared 0.2.31 → 0.2.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (693) hide show

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessSearchInput.es.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.tsx"],"sourcesContent":["import React, { FC, useState, useRef, KeyboardEvent, ChangeEvent } from 'react'\nimport { matchSorter } from 'match-sorter'\nimport { InputText } from '@ynput/ayon-react-components'\nimport { AccessLevel } from '../AccessUser/AccessUser'\nimport * as Styled from './AccessSearchInput.styled'\nimport { AccessUser } from '../AccessUser/AccessUser'\nimport clsx from 'clsx'\nimport { ShareOption } from '@shared/api'\n\nconst MAX_USERS_DISPLAYED = 500\n// Email validation regex\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nexport interface AccessSearchInputProps extends React.HTMLAttributes<HTMLDivElement> {\n shareOptions: ShareOption[]\n existingAccess: string[] // Array of names already in access\n owner: string | undefined | null\n placeholder?: string\n disabled?: boolean\n mode?: 'internal' | 'external'\n onSelectOption: (option: ShareOption, accessLevel: AccessLevel) => void\n pt?: {\n list?: Partial<React.HTMLAttributes<HTMLUListElement>>\n }\n}\n\nexport const AccessSearchInput: FC<AccessSearchInputProps> = ({\n shareOptions,\n existingAccess,\n owner,\n placeholder = 'Add people or access groups',\n disabled = false,\n mode = 'internal',\n onSelectOption,\n pt,\n ...props\n}) => {\n const [searchValue, setSearchValue] = useState('')\n const [isOpen, setIsOpen] = useState(false)\n const [highlightedIndex, setHighlightedIndex] = useState(-1)\n const inputRef = useRef<HTMLInputElement>(null)\n\n // sort default by special groups __everyone__, __{type}__, team:, group:, user: and alphabetically\n const defaultSorted = shareOptions\n .filter((option) => !existingAccess.includes(option.value))\n .toSorted((a, b) => {\n const getRank = (option: ShareOption) => {\n if (option.value === '__everyone__') return 0\n if (option.value.startsWith('__')) return 1\n if (option.value.startsWith('team:')) return 2\n if (option.value.startsWith('group:')) return 3\n if (option.value.startsWith('user:')) return 4\n return 5\n }\n const rankA = getRank(a)\n const rankB = getRank(b)\n if (rankA !== rankB) return rankA - rankB\n return a.label.localeCompare(b.label)\n })\n\n // Filter and sort options based on search value\n const filteredOptions = (\n searchValue\n ? matchSorter(defaultSorted, searchValue, {\n keys: ['name', 'label', 'value'],\n threshold: matchSorter.rankings.CONTAINS,\n })\n : defaultSorted\n ).slice(0, MAX_USERS_DISPLAYED)\n\n // Check if search value is a valid email and not already added\n const isValidNewEmail =\n EMAIL_REGEX.test(searchValue) &&\n !shareOptions.some((g) => g.name === searchValue) &&\n mode === 'external'\n\n // Handle input focus\n const handleFocus = () => {\n setIsOpen(true)\n setHighlightedIndex(-1)\n }\n\n // Handle input blur\n const handleBlur = () => {\n // Delay closing to allow for option selection\n setTimeout(() => {\n setIsOpen(false)\n setHighlightedIndex(-1)\n }, 200)\n }\n\n // Handle input change\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n setSearchValue(e.target.value)\n setHighlightedIndex(-1)\n setIsOpen(true)\n }\n\n // Handle keyboard navigation\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if (!isOpen || filteredOptions.length === 0) {\n // If Enter is pressed and no options are highlighted, select the first option\n if (e.key === 'Enter' && filteredOptions.length > 0) {\n e.preventDefault()\n handleSelectOption(filteredOptions[0])\n }\n return\n }\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault()\n setHighlightedIndex((prev) => (prev < filteredOptions.length - 1 ? prev + 1 : prev))\n break\n case 'ArrowUp':\n e.preventDefault()\n setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : -1))\n break\n case 'Enter':\n e.preventDefault()\n if (highlightedIndex >= 0 && highlightedIndex < filteredOptions.length) {\n handleSelectOption(filteredOptions[highlightedIndex])\n } else if (filteredOptions.length > 0) {\n // If no specific option is highlighted, select the first one\n handleSelectOption(filteredOptions[0])\n }\n break\n case 'Escape':\n setIsOpen(false)\n setHighlightedIndex(-1)\n inputRef.current?.blur()\n // stop dialog from closing\n e.stopPropagation()\n break\n }\n }\n\n // Handle option selection\n const handleSelectOption = (option: ShareOption) => {\n onSelectOption(option, 10) // Default access level is 10 (Read-only)\n setSearchValue('')\n setIsOpen(false)\n setHighlightedIndex(-1)\n inputRef.current?.focus()\n }\n\n // Handle adding a new email\n const handleAddNewEmail = () => {\n onSelectOption(\n {\n name: searchValue,\n label: searchValue,\n value: searchValue,\n shareType: 'guest',\n },\n 10,\n )\n setSearchValue('')\n setIsOpen(false)\n setHighlightedIndex(-1)\n inputRef.current?.focus()\n }\n\n return (\n <Styled.Container {...props}>\n <InputText\n ref={inputRef}\n value={searchValue}\n placeholder={placeholder}\n disabled={disabled}\n onFocus={handleFocus}\n onClick={handleFocus}\n onBlur={handleBlur}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n style={{ width: '100%' }}\n />\n\n {isOpen && (filteredOptions.length > 0 || isValidNewEmail) && (\n <Styled.SuggestionsList\n {...pt?.list}\n className={clsx(pt?.list?.className, { 'no-owner': !owner })}\n >\n {filteredOptions.map((option, index) => (\n <AccessUser\n key={option.value}\n name={option.name}\n label={option.label}\n shareType={option.shareType}\n isOwner={false}\n isMe={false}\n data-index={index}\n className={index === highlightedIndex ? 'highlighted' : ''}\n style={{ cursor: 'pointer' }}\n onClick={() => handleSelectOption(option)}\n onMouseEnter={() => setHighlightedIndex(index)}\n isCompact\n isSearchResult\n >\n {/* No controls needed for search suggestions */}\n </AccessUser>\n ))}\n\n {/* Add new email option */}\n {isValidNewEmail && (\n <AccessUser\n name={searchValue}\n label={searchValue}\n shareType=\"guest\"\n isOwner={false}\n isMe={false}\n data-index={filteredOptions.length}\n className={filteredOptions.length === highlightedIndex ? 'highlighted' : ''}\n style={{ cursor: 'pointer' }}\n onClick={handleAddNewEmail}\n onMouseEnter={() => setHighlightedIndex(filteredOptions.length)}\n isCompact\n isSearchResult\n />\n )}\n\n {filteredOptions.length === MAX_USERS_DISPLAYED && (\n <li className=\"tip\">More than 500 results, please refine your search...</li>\n )}\n </Styled.SuggestionsList>\n )}\n </Styled.Container>\n )\n}\n"],"names":["MAX_USERS_DISPLAYED","EMAIL_REGEX","AccessSearchInput","shareOptions","existingAccess","owner","placeholder","disabled","mode","onSelectOption","pt","props","searchValue","setSearchValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","defaultSorted","option","a","b","getRank","rankA","rankB","filteredOptions","matchSorter","isValidNewEmail","g","handleFocus","handleBlur","handleInputChange","handleKeyDown","handleSelectOption","prev","_a","handleAddNewEmail","jsxs","Styled.Container","jsx","InputText","Styled.SuggestionsList","clsx","index","AccessUser"],"mappings":"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"}

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.cjs.js ADDED Viewed

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=o.div`
+  position: relative;
+  width: 100%;
+  input {
+    min-height: 32px;
+    max-height: 32px;
+  }
+`,e=o.ul`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: var(--md-sys-color-surface-container-low);
+  border: 1px solid var(--md-sys-color-outline-variant);
+  border-top: none;
+  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
+  overflow-y: auto;
+  z-index: 1000;
+  list-style: none;
+  margin: 0;
+  padding: var(--padding-s);
+  max-height: 150px;
+  &.no-owner {
+    max-height: 118px;
+  }
+  /* Add highlighting styles for AccessUser components */
+  .highlighted {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+    border-radius: var(--border-radius-m);
+  }
+  .tip {
+    color: var(--md-sys-color-outline);
+  }
+`;exports.Container=r;exports.SuggestionsList=e;
+//# sourceMappingURL=AccessSearchInput.styled.cjs.js.map

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessSearchInput.styled.cjs.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.styled.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Container = styled.div`\n position: relative;\n width: 100%;\n\n input {\n min-height: 32px;\n max-height: 32px;\n }\n`;\n\nexport const SuggestionsList = styled.ul`\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background-color: var(--md-sys-color-surface-container-low);\n border: 1px solid var(--md-sys-color-outline-variant);\n border-top: none;\n border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);\n overflow-y: auto;\n z-index: 1000;\n list-style: none;\n margin: 0;\n padding: var(--padding-s);\n max-height: 150px;\n\n &.no-owner {\n max-height: 118px;\n }\n\n /* Add highlighting styles for AccessUser components */\n .highlighted {\n background-color: var(--md-sys-color-surface-container-high-hover);\n border-radius: var(--border-radius-m);\n }\n\n .tip {\n color: var(--md-sys-color-outline);\n }\n`;\n"],"names":["Container","styled","SuggestionsList"],"mappings":"qHAEaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnBC,EAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.es.js ADDED Viewed

@@ -0,0 +1,44 @@
+import o from "styled-components";
+const i = o.div`
+  position: relative;
+  width: 100%;
+  input {
+    min-height: 32px;
+    max-height: 32px;
+  }
+`, e = o.ul`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: var(--md-sys-color-surface-container-low);
+  border: 1px solid var(--md-sys-color-outline-variant);
+  border-top: none;
+  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
+  overflow-y: auto;
+  z-index: 1000;
+  list-style: none;
+  margin: 0;
+  padding: var(--padding-s);
+  max-height: 150px;
+  &.no-owner {
+    max-height: 118px;
+  }
+  /* Add highlighting styles for AccessUser components */
+  .highlighted {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+    border-radius: var(--border-radius-m);
+  }
+  .tip {
+    color: var(--md-sys-color-outline);
+  }
+`;
+export {
+  i as Container,
+  e as SuggestionsList
+};
+//# sourceMappingURL=AccessSearchInput.styled.es.js.map

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessSearchInput.styled.es.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.styled.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Container = styled.div`\n position: relative;\n width: 100%;\n\n input {\n min-height: 32px;\n max-height: 32px;\n }\n`;\n\nexport const SuggestionsList = styled.ul`\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background-color: var(--md-sys-color-surface-container-low);\n border: 1px solid var(--md-sys-color-outline-variant);\n border-top: none;\n border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);\n overflow-y: auto;\n z-index: 1000;\n list-style: none;\n margin: 0;\n padding: var(--padding-s);\n max-height: 150px;\n\n &.no-owner {\n max-height: 118px;\n }\n\n /* Add highlighting styles for AccessUser components */\n .highlighted {\n background-color: var(--md-sys-color-surface-container-high-hover);\n border-radius: var(--border-radius-m);\n }\n\n .tip {\n color: var(--md-sys-color-outline);\n }\n`;\n"],"names":["Container","styled","SuggestionsList"],"mappings":";AAEO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUnBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/AccessUser/AccessUser.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),A=require("react"),L=require("./AccessUser.styled.cjs.js"),R=require("../ShareOptionIcon/ShareOptionIcon.cjs.js"),o=require("clsx"),N={0:"No access",10:"Viewer",20:"Editor",30:"Admin"},U=A.forwardRef(({name:r,label:t,icon:i,shareType:e,isMe:a,isOwner:x,isCompact:u,isSearchResult:n,labelChildren:m,children:l,className:E,...j},d)=>{const c=e==="user"\|\|e==="guest",p=c\|\|n,S=c?r:e;return s.jsxRuntimeExports.jsxs(L.User,{...j,ref:d,className:o(E,{compact:u}),children:[s.jsxRuntimeExports.jsx(R.ShareOptionIcon,{shareType:e,name:r,label:t,icon:i}),s.jsxRuntimeExports.jsxs("span",{className:"title-label",children:[t\|\|r,a?s.jsxRuntimeExports.jsx("span",{className:"name",children:"(you)"}):p&&s.jsxRuntimeExports.jsx("span",{className:o("name",{"float-right":n}),children:S}),m]}),l,x&&s.jsxRuntimeExports.jsx("span",{className:"owner",children:"Owner"})]})});exports.ACCESS_LEVEL_LABELS=N;exports.AccessUser=U;
2	+ //# sourceMappingURL=AccessUser.cjs.js.map

package/dist/shared/src/components/AccessUser/AccessUser.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessUser.cjs.js","sources":["../../../../../src/components/AccessUser/AccessUser.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './AccessUser.styled'\nimport { ShareOptionIcon } from '../ShareOptionIcon'\nimport clsx from 'clsx'\n\nexport const ACCESS_LEVEL_LABELS = {\n 0: 'No access',\n 10: 'Viewer',\n 20: 'Editor',\n 30: 'Admin',\n}\n\nexport type AccessLevel = 0 | 10 | 20 | 30\n\nexport interface AccessUser {\n value: string // unique identifier for the user or group\n name: string\n label?: string\n shareType?: string\n icon?: string // optional icon for the user\n accessLevel?: AccessLevel // access level (optional for display-only usage)\n isOwner?: boolean // if this user is the owner\n isMe?: boolean // if this user is the current user\n}\n\nexport interface AccessUserProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<AccessUser, 'icon' | 'name' | 'label' | 'shareType' | 'isMe' | 'isOwner'> {\n labelChildren?: React.ReactNode // Custom label content\n children?: React.ReactNode // Allow children for controls like dropdown/buttons\n isCompact?: boolean // if true, use compact styling\n isSearchResult?: boolean // if true, indicates this is a search result item\n}\n\nexport const AccessUser = forwardRef<HTMLDivElement, AccessUserProps>(\n (\n {\n name,\n label,\n icon,\n shareType,\n isMe,\n isOwner,\n isCompact,\n isSearchResult,\n labelChildren,\n children,\n className,\n ...props\n },\n ref,\n ) => {\n const isUser = shareType === 'user' || shareType === 'guest'\n const showUsername = isUser || isSearchResult\n const userName = isUser ? name : shareType\n\n return (\n <Styled.User {...props} ref={ref} className={clsx(className, { compact: isCompact })}>\n <ShareOptionIcon shareType={shareType} name={name} label={label} icon={icon} />\n \n {label || name}\n {isMe ? (\n (you)\n ) : (\n showUsername && (\n {userName}\n )\n )}\n {labelChildren}\n \n {children}\n {isOwner && Owner}\n </Styled.User>\n )\n },\n)\n"],"names":["ACCESS_LEVEL_LABELS","AccessUser","forwardRef","name","label","icon","shareType","isMe","isOwner","isCompact","isSearchResult","labelChildren","children","className","props","ref","isUser","showUsername","userName","jsxs","Styled.User","clsx","jsx","ShareOptionIcon"],"mappings":"+QAKaA,EAAsB,CACjC,EAAG,YACH,GAAI,SACJ,GAAI,SACJ,GAAI,OACN,EAwBaC,EAAaC,EAAA,WACxB,CACE,CACE,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,eAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IACG,CACG,MAAAC,EAASV,IAAc,QAAUA,IAAc,QAC/CW,EAAeD,GAAUN,EACzBQ,EAAWF,EAASb,EAAOG,EAEjC,OACGa,EAAA,kBAAA,KAAAC,EAAA,KAAA,CAAa,GAAGN,EAAO,IAAAC,EAAU,UAAWM,EAAKR,EAAW,CAAE,QAASJ,CAAW,CAAA,EACjF,SAAA,CAAAa,EAAA,kBAAA,IAACC,EAAgB,gBAAA,CAAA,UAAAjB,EAAsB,KAAAH,EAAY,MAAAC,EAAc,KAAAC,EAAY,EAC7Ec,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,cACb,SAAA,CAASf,GAAAD,EACTI,EACEe,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAW,OAAQ,SAAA,QAAK,EAE9BL,GACEK,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAWD,EAAK,OAAQ,CAAE,cAAeX,EAAgB,EAAI,SAASQ,EAAA,EAG/EP,CAAA,EACH,EACCC,EACAJ,GAAWc,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,QAAQ,SAAK,OAAA,CAAA,CAAA,EAC3C,CAAA,CAGN"}

package/dist/shared/src/components/AccessUser/AccessUser.es.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as u } from "react";
+import { User as w } from "./AccessUser.styled.es.js";
+import { ShareOptionIcon as h } from "../ShareOptionIcon/ShareOptionIcon.es.js";
+import t from "clsx";
+const C = {
+  0: "No access",
+  10: "Viewer",
+  20: "Editor",
+  30: "Admin"
+}, O = u(
+  ({
+    name: o,
+    label: e,
+    icon: m,
+    shareType: r,
+    isMe: a,
+    isOwner: i,
+    isCompact: l,
+    isSearchResult: c,
+    labelChildren: p,
+    children: x,
+    className: d,
+    ...f
+  }, j) => {
+    const n = r === "user" || r === "guest", N = n || c, E = n ? o : r;
+    return /* @__PURE__ */ s.jsxs(w, { ...f, ref: j, className: t(d, { compact: l }), children: [
+      /* @__PURE__ */ s.jsx(h, { shareType: r, name: o, label: e, icon: m }),
+      /* @__PURE__ */ s.jsxs("span", { className: "title-label", children: [
+        e || o,
+        a ? /* @__PURE__ */ s.jsx("span", { className: "name", children: "(you)" }) : N && /* @__PURE__ */ s.jsx("span", { className: t("name", { "float-right": c }), children: E }),
+        p
+      ] }),
+      x,
+      i && /* @__PURE__ */ s.jsx("span", { className: "owner", children: "Owner" })
+    ] });
+  }
+);
+export {
+  C as ACCESS_LEVEL_LABELS,
+  O as AccessUser
+};
+//# sourceMappingURL=AccessUser.es.js.map

package/dist/shared/src/components/AccessUser/AccessUser.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessUser.es.js","sources":["../../../../../src/components/AccessUser/AccessUser.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './AccessUser.styled'\nimport { ShareOptionIcon } from '../ShareOptionIcon'\nimport clsx from 'clsx'\n\nexport const ACCESS_LEVEL_LABELS = {\n 0: 'No access',\n 10: 'Viewer',\n 20: 'Editor',\n 30: 'Admin',\n}\n\nexport type AccessLevel = 0 | 10 | 20 | 30\n\nexport interface AccessUser {\n value: string // unique identifier for the user or group\n name: string\n label?: string\n shareType?: string\n icon?: string // optional icon for the user\n accessLevel?: AccessLevel // access level (optional for display-only usage)\n isOwner?: boolean // if this user is the owner\n isMe?: boolean // if this user is the current user\n}\n\nexport interface AccessUserProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<AccessUser, 'icon' | 'name' | 'label' | 'shareType' | 'isMe' | 'isOwner'> {\n labelChildren?: React.ReactNode // Custom label content\n children?: React.ReactNode // Allow children for controls like dropdown/buttons\n isCompact?: boolean // if true, use compact styling\n isSearchResult?: boolean // if true, indicates this is a search result item\n}\n\nexport const AccessUser = forwardRef<HTMLDivElement, AccessUserProps>(\n (\n {\n name,\n label,\n icon,\n shareType,\n isMe,\n isOwner,\n isCompact,\n isSearchResult,\n labelChildren,\n children,\n className,\n ...props\n },\n ref,\n ) => {\n const isUser = shareType === 'user' || shareType === 'guest'\n const showUsername = isUser || isSearchResult\n const userName = isUser ? name : shareType\n\n return (\n <Styled.User {...props} ref={ref} className={clsx(className, { compact: isCompact })}>\n <ShareOptionIcon shareType={shareType} name={name} label={label} icon={icon} />\n \n {label || name}\n {isMe ? (\n (you)\n ) : (\n showUsername && (\n {userName}\n )\n )}\n {labelChildren}\n \n {children}\n {isOwner && Owner}\n </Styled.User>\n )\n },\n)\n"],"names":["ACCESS_LEVEL_LABELS","AccessUser","forwardRef","name","label","icon","shareType","isMe","isOwner","isCompact","isSearchResult","labelChildren","children","className","props","ref","isUser","showUsername","userName","jsxs","Styled.User","clsx","jsx","ShareOptionIcon"],"mappings":";;;;;AAKO,MAAMA,IAAsB;AAAA,EACjC,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAwBaC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAASV,MAAc,UAAUA,MAAc,SAC/CW,IAAeD,KAAUN,GACzBQ,IAAWF,IAASb,IAAOG;AAEjC,WACGa,gBAAAA,EAAA,KAAAC,GAAA,EAAa,GAAGN,GAAO,KAAAC,GAAU,WAAWM,EAAKR,GAAW,EAAE,SAASJ,EAAW,CAAA,GACjF,UAAA;AAAA,MAAAa,gBAAAA,EAAA,IAACC,GAAgB,EAAA,WAAAjB,GAAsB,MAAAH,GAAY,OAAAC,GAAc,MAAAC,GAAY;AAAA,MAC7Ec,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,eACb,UAAA;AAAA,QAASf,KAAAD;AAAA,QACTI,IACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAW,QAAQ,UAAA,SAAK,IAE9BL,KACEK,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAWD,EAAK,QAAQ,EAAE,eAAeX,GAAgB,GAAI,UAASQ,GAAA;AAAA,QAG/EP;AAAA,MAAA,GACH;AAAA,MACCC;AAAA,MACAJ,KAAWc,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,SAAQ,UAAK,QAAA,CAAA;AAAA,IAAA,GAC3C;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/AccessUser/AccessUser.styled.cjs.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=e.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-medium);
+  padding: var(--padding-s) var(--padding-m);
+  border-radius: var(--border-radius-m);
+  min-height: 40px;
+  &.compact {
+    min-height: 32px;
+    padding: var(--padding-s);
+  }
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+  .title-label {
+    flex: 1;
+    display: flex;
+  }
+  .name {
+    color: var(--md-sys-color-outline);
+    padding-left: var(--base-gap-small);
+  }
+  .float-right {
+    margin-left: auto;
+  }
+  .owner,
+  .suffix {
+    color: var(--md-sys-color-outline);
+  }
+  .icon {
+    font-size: 24px;
+    user-select: none;
+  }
+  .remove.hasIcon {
+    padding: 2px;
+    font-size: 20px;
+  }
+`;exports.User=r;
+//# sourceMappingURL=AccessUser.styled.cjs.js.map

package/dist/shared/src/components/AccessUser/AccessUser.styled.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessUser.styled.cjs.js","sources":["../../../../../src/components/AccessUser/AccessUser.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const User = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-medium);\n padding: var(--padding-s) var(--padding-m);\n border-radius: var(--border-radius-m);\n min-height: 40px;\n\n &.compact {\n min-height: 32px;\n padding: var(--padding-s);\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n .title-label {\n flex: 1;\n display: flex;\n }\n\n .name {\n color: var(--md-sys-color-outline);\n padding-left: var(--base-gap-small);\n }\n .float-right {\n margin-left: auto;\n }\n\n .owner,\n .suffix {\n color: var(--md-sys-color-outline);\n }\n\n .icon {\n font-size: 24px;\n user-select: none;\n }\n\n .remove.hasIcon {\n padding: 2px;\n font-size: 20px;\n }\n`\n"],"names":["User","styled"],"mappings":"qHAEaA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/AccessUser/AccessUser.styled.es.js ADDED Viewed

@@ -0,0 +1,50 @@
+import a from "styled-components";
+const r = a.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-medium);
+  padding: var(--padding-s) var(--padding-m);
+  border-radius: var(--border-radius-m);
+  min-height: 40px;
+  &.compact {
+    min-height: 32px;
+    padding: var(--padding-s);
+  }
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+  .title-label {
+    flex: 1;
+    display: flex;
+  }
+  .name {
+    color: var(--md-sys-color-outline);
+    padding-left: var(--base-gap-small);
+  }
+  .float-right {
+    margin-left: auto;
+  }
+  .owner,
+  .suffix {
+    color: var(--md-sys-color-outline);
+  }
+  .icon {
+    font-size: 24px;
+    user-select: none;
+  }
+  .remove.hasIcon {
+    padding: 2px;
+    font-size: 20px;
+  }
+`;
+export {
+  r as User
+};
+//# sourceMappingURL=AccessUser.styled.es.js.map

package/dist/shared/src/components/AccessUser/AccessUser.styled.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccessUser.styled.es.js","sources":["../../../../../src/components/AccessUser/AccessUser.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const User = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-medium);\n padding: var(--padding-s) var(--padding-m);\n border-radius: var(--border-radius-m);\n min-height: 40px;\n\n &.compact {\n min-height: 32px;\n padding: var(--padding-s);\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n .title-label {\n flex: 1;\n display: flex;\n }\n\n .name {\n color: var(--md-sys-color-outline);\n padding-left: var(--base-gap-small);\n }\n .float-right {\n margin-left: auto;\n }\n\n .owner,\n .suffix {\n color: var(--md-sys-color-outline);\n }\n\n .icon {\n font-size: 24px;\n user-select: none;\n }\n\n .remove.hasIcon {\n padding: 2px;\n font-size: 20px;\n }\n`\n"],"names":["User","styled"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/AttributeEditor/AttributeEditor.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),k=require("react"),a=require("@ynput/ayon-react-components"),T=require("lodash"),P=require("./components/MinMaxField.cjs.js"),A=require("../EnumEditor/EnumEditor.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");const B=[{value:"project",label:"Project"},{value:"folder",label:"Folder"},{value:"task",label:"Task"},{value:"product",label:"Product"},{value:"version",label:"Version"},{value:"representation",label:"Representation"},{value:"user",label:"User"}],K=[{value:"description",scope:null},{value:"example",scope:null},{value:"default",scope:["project"]},{value:"inherit",scope:null}],S={string:{value:"string",label:"String",fields:["minLength","maxLength","enum","regex"]},integer:{value:"integer",label:"Integer",fields:["ge","gt","le","lt"]},float:{value:"float",label:"Decimal number",fields:["ge","gt","le","lt"]},list_of_strings:{value:"list_of_strings",label:"List Of Strings",fields:["minItems","maxItems","enum"]},boolean:{value:"boolean",label:"Boolean",fields:[],exclude:["example"]}},V={name:"",scope:["folder","task"],builtin:!1,position:0,data:{type:"string",title:"",description:"",example:"",default:void 0,enum:void 0,minLength:void 0,maxLength:void 0,regex:"",minItems:void 0,maxItems:void 0,ge:void 0,gt:void 0,le:void 0,lt:void 0}},z=(u,c)=>{const l=JSON.parse(JSON.stringify(V)),g=["name"];Object.keys(l).forEach(r=>{!g.includes(r)&&u.includes(r)&&r!=="data"&&delete l[r]});const d=["title"];return l.data&&Object.keys(l.data).forEach(r=>{!d.includes(r)&&u.includes(r)&&delete l.data[r]}),c&&Object.keys(c).forEach(r=>{const p=r;p!=="data"&&u.includes(p)||(p==="data"&&c.data&&l.data?l.data={...l.data,...c.data}:c[p]!==void 0&&(l[p]=c[p]))}),l},J=({attribute:u,existingNames:c,error:l="",isUpdating:g,excludes:d=[],onHide:r,onEdit:p,onDelete:I})=>{var O,N;const q=z(d,{position:c.length}),[t,b]=k.useState(u||q);k.useEffect(()=>{u&&b(u)},[u]);const E=!u,y=(e,s)=>{b(n=>n&&{...n,[e]:s})},h=(e,s)=>{b(n=>{if(!n||!n.data)return n;const m={...n.data,[e]:s};return{...n,data:m}})};let j="";t&&E&&(c.includes(t.name)?j="This attribute already exists":t.name.match("^[a-zA-Z_]{2,64}$")||(l="Invalid attribute name"));const w=()=>{t&&p(t)},F=i.jsxRuntimeExports.jsxs("div",{style:{display:"flex",width:"100%",flexDirection:"row"},children:[I&&u&&i.jsxRuntimeExports.jsx(a.Button,{variant:"danger",label:"Delete attribute",icon:"delete",disabled:g,onClick:I}),i.jsxRuntimeExports.jsx(a.Spacer,{}),i.jsxRuntimeExports.jsx(a.SaveButton,{label:E?"Create Attribute":"Save Attribute",icon:"check",disabled:!!j||!t,active:!j&&!!t,saving:g,onClick:w})]});let R=[];if(K.forEach(e=>{var s;(!(e!=null&&e.scope)||(s=e==null?void 0:e.scope)!=null&&s.some(n=>{var m;return(m=t==null?void 0:t.scope)==null?void 0:m.includes(n)}))&&R.push(e.value)}),t!=null&&t.data.type&&S[t.data.type]){const e=S[t.data.type];R=[...R,...e.fields].filter(s=>{var n;return!((n=e.exclude)!=null&&n.includes(s))})}const C={enum:(e=[],s)=>i.jsxRuntimeExports.jsx(A.EnumEditor,{values:e,onChange:n=>{s(n!=null&&n.length?n:void 0)}}),inherit:(e,s)=>i.jsxRuntimeExports.jsx(a.InputSwitch,{checked:e,onChange:n=>s(n.target.checked)}),booleanDefault:(e,s)=>i.jsxRuntimeExports.jsx(a.InputSwitch,{checked:e,onChange:n=>s(n.target.checked)})},M=e=>{const s=e.target.value;h("title",s),E&&y("name",T.camelCase(s))};return i.jsxRuntimeExports.jsx(a.Dialog,{header:((O=t==null?void 0:t.data)==null?void 0:O.title)||(t==null?void 0:t.name)||"New attribute",footer:F,onClose:r,isOpen:!0,style:{width:700,zIndex:999},size:"full",onKeyDown:e=>{e.key==="Enter"&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),w())},children:t&&i.jsxRuntimeExports.jsxs(a.FormLayout,{children:[!d.includes("title")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Title",children:i.jsxRuntimeExports.jsx(a.InputText,{value:t==null?void 0:t.data.title,onChange:M,autoFocus:!0})},"title"),!d.includes("name")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Name",children:i.jsxRuntimeExports.jsx(a.LockedInput,{value:t.name,disabled:!E,onSubmit:e=>y("name",e),label:"name"})},"name"),!d.includes("scope")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Scope",children:i.jsxRuntimeExports.jsx(a.Dropdown,{options:B,disabled:t.builtin,value:t.scope||[],onChange:e=>y("scope",e),multiSelect:!0,widthExpand:!0})}),!d.includes("type")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Type",children:i.jsxRuntimeExports.jsx(a.Dropdown,{value:[(N=t==null?void 0:t.data)==null?void 0:N.type],disabled:t.builtin,options:Object.values(S),onChange:e=>h("type",e[0]),minSelected:1,widthExpand:!0})}),R.map(e=>{var m,L;if(d.includes(e))return null;let s=null,n=T.upperFirst(e);if(e==="enum"||e==="inherit"){const o=C[e];s=o(t==null?void 0:t.data[e],v=>h(e,v))}else if(e==="default"&&((m=t==null?void 0:t.data)==null?void 0:m.type)==="boolean")s=C.booleanDefault(t==null?void 0:t.data[e],o=>h(e,o));else if(["ge","gt","le","lt"].includes(e)){if(["gt","lt"].includes(e))return null;s=i.jsxRuntimeExports.jsx(P.MinMaxField,{value:t==null?void 0:t.data,isMin:e==="ge",isFloat:((L=t==null?void 0:t.data)==null?void 0:L.type)==="float",onChange:o=>{const v=o.ge!==void 0?Number(o.ge):void 0,f=o.le!==void 0?Number(o.le):void 0;o.ge!==void 0&&isNaN(v)||o.le!==void 0&&isNaN(f)||b(x=>{if(!x||!x.data)return x;const _={...x.data,...o};return{...x,data:_}})}}),n=e==="ge"?"Min":"Max"}else{const o=v=>{const f=v.target.value;switch(e){case"minLength":case"maxLength":case"minItems":case"maxItems":{const x=parseInt(f,10);h(e,isNaN(x)?void 0:x);break}default:h(e,f);break}};s=i.jsxRuntimeExports.jsx(a.InputText,{value:String((t==null?void 0:t.data[e])??""),onChange:o})}return i.jsxRuntimeExports.jsx(a.FormRow,{label:n,style:{alignItems:"flex-start"},children:s},e)}),i.jsxRuntimeExports.jsx("span",{children:(j||l)&&i.jsxRuntimeExports.jsx("span",{className:"form-error-text",children:j||l})})]})})};exports.AttributeEditor=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),k=require("react"),a=require("@ynput/ayon-react-components"),T=require("lodash"),P=require("./components/MinMaxField.cjs.js"),A=require("../EnumEditor/EnumEditor.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");const B=[{value:"project",label:"Project"},{value:"folder",label:"Folder"},{value:"task",label:"Task"},{value:"product",label:"Product"},{value:"version",label:"Version"},{value:"representation",label:"Representation"},{value:"user",label:"User"}],K=[{value:"description",scope:null},{value:"example",scope:null},{value:"default",scope:["project"]},{value:"inherit",scope:null}],S={string:{value:"string",label:"String",fields:["minLength","maxLength","enum","regex"]},integer:{value:"integer",label:"Integer",fields:["ge","gt","le","lt"]},float:{value:"float",label:"Decimal number",fields:["ge","gt","le","lt"]},list_of_strings:{value:"list_of_strings",label:"List Of Strings",fields:["minItems","maxItems","enum"]},boolean:{value:"boolean",label:"Boolean",fields:[],exclude:["example"]},datetime:{value:"datetime",label:"Datetime",fields:[]}},V={name:"",scope:["folder","task"],builtin:!1,position:0,data:{type:"string",title:"",description:"",example:"",default:void 0,enum:void 0,minLength:void 0,maxLength:void 0,regex:"",minItems:void 0,maxItems:void 0,ge:void 0,gt:void 0,le:void 0,lt:void 0}},z=(u,c)=>{const l=JSON.parse(JSON.stringify(V)),g=["name"];Object.keys(l).forEach(r=>{!g.includes(r)&&u.includes(r)&&r!=="data"&&delete l[r]});const d=["title"];return l.data&&Object.keys(l.data).forEach(r=>{!d.includes(r)&&u.includes(r)&&delete l.data[r]}),c&&Object.keys(c).forEach(r=>{const p=r;p!=="data"&&u.includes(p)||(p==="data"&&c.data&&l.data?l.data={...l.data,...c.data}:c[p]!==void 0&&(l[p]=c[p]))}),l},J=({attribute:u,existingNames:c,error:l="",isUpdating:g,excludes:d=[],onHide:r,onEdit:p,onDelete:I})=>{var O,N;const q=z(d,{position:c.length}),[t,b]=k.useState(u||q);k.useEffect(()=>{u&&b(u)},[u]);const E=!u,y=(e,s)=>{b(n=>n&&{...n,[e]:s})},h=(e,s)=>{b(n=>{if(!n||!n.data)return n;const m={...n.data,[e]:s};return{...n,data:m}})};let j="";t&&E&&(c.includes(t.name)?j="This attribute already exists":t.name.match("^[a-zA-Z_]{2,64}$")||(l="Invalid attribute name"));const w=()=>{t&&p(t)},F=i.jsxRuntimeExports.jsxs("div",{style:{display:"flex",width:"100%",flexDirection:"row"},children:[I&&u&&i.jsxRuntimeExports.jsx(a.Button,{variant:"danger",label:"Delete attribute",icon:"delete",disabled:g,onClick:I}),i.jsxRuntimeExports.jsx(a.Spacer,{}),i.jsxRuntimeExports.jsx(a.SaveButton,{label:E?"Create Attribute":"Save Attribute",icon:"check",disabled:!!j||!t,active:!j&&!!t,saving:g,onClick:w})]});let R=[];if(K.forEach(e=>{var s;(!(e!=null&&e.scope)||(s=e==null?void 0:e.scope)!=null&&s.some(n=>{var m;return(m=t==null?void 0:t.scope)==null?void 0:m.includes(n)}))&&R.push(e.value)}),t!=null&&t.data.type&&S[t.data.type]){const e=S[t.data.type];R=[...R,...e.fields].filter(s=>{var n;return!((n=e.exclude)!=null&&n.includes(s))})}const C={enum:(e=[],s)=>i.jsxRuntimeExports.jsx(A.EnumEditor,{values:e,onChange:n=>{s(n!=null&&n.length?n:void 0)}}),inherit:(e,s)=>i.jsxRuntimeExports.jsx(a.InputSwitch,{checked:e,onChange:n=>s(n.target.checked)}),booleanDefault:(e,s)=>i.jsxRuntimeExports.jsx(a.InputSwitch,{checked:e,onChange:n=>s(n.target.checked)})},M=e=>{const s=e.target.value;h("title",s),E&&y("name",T.camelCase(s))};return i.jsxRuntimeExports.jsx(a.Dialog,{header:((O=t==null?void 0:t.data)==null?void 0:O.title)||(t==null?void 0:t.name)||"New attribute",footer:F,onClose:r,isOpen:!0,style:{width:700,zIndex:999},size:"full",onKeyDown:e=>{e.key==="Enter"&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),w())},children:t&&i.jsxRuntimeExports.jsxs(a.FormLayout,{children:[!d.includes("title")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Title",children:i.jsxRuntimeExports.jsx(a.InputText,{value:t==null?void 0:t.data.title,onChange:M,autoFocus:!0})},"title"),!d.includes("name")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Name",children:i.jsxRuntimeExports.jsx(a.LockedInput,{value:t.name,disabled:!E,onSubmit:e=>y("name",e),label:"name"})},"name"),!d.includes("scope")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Scope",children:i.jsxRuntimeExports.jsx(a.Dropdown,{options:B,disabled:t.builtin,value:t.scope||[],onChange:e=>y("scope",e),multiSelect:!0,widthExpand:!0})}),!d.includes("type")&&i.jsxRuntimeExports.jsx(a.FormRow,{label:"Type",children:i.jsxRuntimeExports.jsx(a.Dropdown,{value:[(N=t==null?void 0:t.data)==null?void 0:N.type],disabled:t.builtin,options:Object.values(S),onChange:e=>h("type",e[0]),minSelected:1,widthExpand:!0})}),R.map(e=>{var m,L;if(d.includes(e))return null;let s=null,n=T.upperFirst(e);if(e==="enum"||e==="inherit"){const o=C[e];s=o(t==null?void 0:t.data[e],v=>h(e,v))}else if(e==="default"&&((m=t==null?void 0:t.data)==null?void 0:m.type)==="boolean")s=C.booleanDefault(t==null?void 0:t.data[e],o=>h(e,o));else if(["ge","gt","le","lt"].includes(e)){if(["gt","lt"].includes(e))return null;s=i.jsxRuntimeExports.jsx(P.MinMaxField,{value:t==null?void 0:t.data,isMin:e==="ge",isFloat:((L=t==null?void 0:t.data)==null?void 0:L.type)==="float",onChange:o=>{const v=o.ge!==void 0?Number(o.ge):void 0,f=o.le!==void 0?Number(o.le):void 0;o.ge!==void 0&&isNaN(v)||o.le!==void 0&&isNaN(f)||b(x=>{if(!x||!x.data)return x;const _={...x.data,...o};return{...x,data:_}})}}),n=e==="ge"?"Min":"Max"}else{const o=v=>{const f=v.target.value;switch(e){case"minLength":case"maxLength":case"minItems":case"maxItems":{const x=parseInt(f,10);h(e,isNaN(x)?void 0:x);break}default:h(e,f);break}};s=i.jsxRuntimeExports.jsx(a.InputText,{value:String((t==null?void 0:t.data[e])??""),onChange:o})}return i.jsxRuntimeExports.jsx(a.FormRow,{label:n,style:{alignItems:"flex-start"},children:s},e)}),i.jsxRuntimeExports.jsx("span",{children:(j||l)&&i.jsxRuntimeExports.jsx("span",{className:"form-error-text",children:j||l})})]})})};exports.AttributeEditor=J;
 //# sourceMappingURL=AttributeEditor.cjs.js.map

package/dist/shared/src/components/AttributeEditor/AttributeEditor.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttributeEditor.cjs.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n SaveButton,\n Spacer,\n FormLayout,\n FormRow,\n InputText,\n InputSwitch,\n LockedInput,\n Dropdown,\n Dialog,\n Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n { value: 'project', label: 'Project' },\n { value: 'folder', label: 'Folder' },\n { value: 'task', label: 'Task' },\n { value: 'product', label: 'Product' },\n { value: 'version', label: 'Version' },\n { value: 'representation', label: 'Representation' },\n { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: (AttributeModel['scope'] \| '')[] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n // @ts-expect-error - project is not a scope?\n { value: 'default', scope: ['project'] },\n { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n value: AttributeData['type']\n label: string\n fields: (keyof AttributeData)[]\n exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n string: {\n value: 'string',\n label: 'String',\n fields: ['minLength', 'maxLength', 'enum', 'regex'],\n },\n integer: {\n value: 'integer',\n label: 'Integer',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n float: {\n value: 'float',\n label: 'Decimal number',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n list_of_strings: {\n value: 'list_of_strings',\n label: 'List Of Strings',\n fields: ['minItems', 'maxItems', 'enum'],\n },\n boolean: {\n value: 'boolean',\n label: 'Boolean',\n fields: [],\n exclude: ['example'],\n },\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' \| 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> \| keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n name: '',\n scope: ['folder', 'task'],\n builtin: false,\n position: 0,\n data: {\n type: 'string',\n title: '',\n description: '',\n example: '',\n default: undefined,\n enum: undefined,\n minLength: undefined,\n maxLength: undefined,\n regex: '',\n minItems: undefined,\n maxItems: undefined,\n ge: undefined,\n gt: undefined,\n le: undefined,\n lt: undefined,\n },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n // Create a deep clone of init form data\n const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n // Filter out top-level excludes if not in required\n const required = ['name']\n Object.keys(formData).forEach((key) => {\n if (\n !required.includes(key) &&\n excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n key !== 'data'\n ) {\n delete formData[key as keyof AttributeForm]\n }\n })\n\n // Filter out data field excludes if not in in required\n const requiredData = ['title']\n if (formData.data) {\n Object.keys(formData.data).forEach((key) => {\n if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n delete formData.data[key as keyof AttributeData]\n }\n })\n }\n\n // Merge with provided data if any\n if (data) {\n // Merge top-level fields\n Object.keys(data).forEach((key) => {\n const typedKey = key as keyof AttributeForm\n if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n if (typedKey === 'data' && data.data && formData.data) {\n // Deep merge of data fields\n formData.data = { ...formData.data, ...data.data }\n } else if (data[typedKey] !== undefined) {\n // @ts-ignore - We know these properties exist\n formData[typedKey] = data[typedKey]\n }\n })\n }\n\n return formData\n}\n\nexport interface AttributeEditorProps {\n attribute: AttributeForm \| null\n existingNames: string[]\n error?: string\n isUpdating?: boolean\n excludes?: Excludes\n onHide: () => void\n onEdit: (attribute: AttributeForm) => void\n onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n attribute,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const initForm = buildInitFormData(excludes, { position: existingNames.length })\n const [formData, setFormData] = useState<AttributeForm \| null>(attribute \|\| initForm)\n\n useEffect(() => {\n if (!!attribute) setFormData(attribute)\n }, [attribute])\n\n const isNew = !attribute\n\n // const setTopLevelData = (key: string, value: string) => {\n const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n key: K,\n value: AttributeModel[K],\n ) => {\n setFormData((d) => {\n if (!d) {\n return d\n }\n return { ...d, [key]: value }\n })\n }\n\n // const setData = (key, value) => {\n const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n setFormData((d) => {\n // Add a check for d and d.data\n if (!d \|\| !d.data) {\n return d\n }\n const dt = { ...d.data, [key]: value }\n return { ...d, data: dt }\n })\n }\n\n let internalError = ''\n if (formData) {\n if (isNew) {\n if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n } // name validation\n }\n\n const handleSubmit = () => {\n if (formData) {\n onEdit(formData)\n }\n }\n\n const footer = (\n <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n {onDelete && attribute && (\n <Button\n variant=\"danger\"\n label={'Delete attribute'}\n icon={'delete'}\n disabled={isUpdating}\n onClick={onDelete}\n />\n )}\n <Spacer />\n <SaveButton\n label={isNew ? 'Create Attribute' : 'Save Attribute'}\n icon={'check'}\n disabled={!!internalError \|\| !formData}\n active={!internalError && !!formData}\n saving={isUpdating}\n onClick={handleSubmit}\n />\n </div>\n )\n\n let dataFields: (keyof AttributeData)[] = []\n\n // add global fields, only if scope are null (all) or the scope is included\n GLOBAL_FIELDS.forEach((globalField) => {\n // @ts-expect-error - project scope will never be found here?\n if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n const typeOpt = TYPE_OPTIONS[formData.data.type]\n dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n }\n\n type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element \| null\n const customFields: {\n enum: CustomFieldRenderer\n inherit: CustomFieldRenderer\n booleanDefault: CustomFieldRenderer\n } = {\n enum: (value = [], onChange) => (\n <EnumEditor\n values={value as AttributeEnumItem[]}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\n }}\n />\n ),\n inherit: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n booleanDefault: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n }\n\n const handleTitleChange = (e: React.ChangeEvent) => {\n const v = (e.target as HTMLInputElement).value\n setData('title', v)\n\n if (isNew) {\n setTopLevelData('name', camelCase(v))\n }\n }\n\n return (\n <Dialog\n header={formData?.data?.title \|\| formData?.name \|\| 'New attribute'}\n footer={footer}\n onClose={onHide}\n isOpen={true}\n style={{ width: 700, zIndex: 999 }}\n size=\"full\"\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n handleSubmit()\n }\n }}\n >\n {formData && (\n <FormLayout>\n {!excludes.includes('title') && (\n <FormRow label={'Title'} key={'title'}>\n <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n </FormRow>\n )}\n {!excludes.includes('name') && (\n <FormRow label={'Name'} key={'name'}>\n <LockedInput\n value={formData.name}\n disabled={!isNew}\n onSubmit={(v) => setTopLevelData('name', v)}\n label=\"name\"\n />\n </FormRow>\n )}\n {!excludes.includes('scope') && (\n <FormRow label=\"Scope\">\n <Dropdown\n options={SCOPE_OPTIONS}\n disabled={formData.builtin}\n value={formData.scope \|\| []}\n onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n multiSelect\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && (\n <FormRow label=\"Type\">\n <Dropdown\n value={[formData?.data?.type]}\n disabled={formData.builtin}\n options={Object.values(TYPE_OPTIONS)}\n onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {dataFields.map((field) => {\n // skip if field is excluded\n if (excludes.includes(field)) return null\n\n let fieldComp = null\n let fieldLabel = upperFirst(field)\n\n if (field === 'enum' \|\| field === 'inherit') {\n const renderer = customFields[field as 'enum' \| 'inherit']\n fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n } else if (field === 'default' && formData?.data?.type === 'boolean') {\n fieldComp = customFields['booleanDefault'](\n formData?.data[field] as boolean,\n (value) => setData(field, value as AttributeData['default']),\n )\n } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n // ignore gt and lt\n if (['gt', 'lt'].includes(field)) return null\n fieldComp = (\n <MinMaxField\n value={formData?.data}\n isMin={field === 'ge'}\n isFloat={formData?.data?.type === 'float'}\n onChange={(v) => {\n const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n if (\n // @ts-expect-error\n (v.ge !== undefined && isNaN(geValue)) \|\|\n // @ts-expect-error\n (v.le !== undefined && isNaN(leValue))\n ) {\n // Do not update the form if the value is not a valid number\n return\n }\n\n setFormData((d) => {\n if (!d \|\| !d.data) return d\n const dt = { ...d.data, ...v }\n return { ...d, data: dt }\n })\n }}\n />\n )\n\n // rewrite field to min or max for display label\n fieldLabel = field === 'ge' ? 'Min' : 'Max'\n } else {\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const strValue = e.target.value\n switch (field) {\n case 'minLength':\n case 'maxLength':\n case 'minItems':\n case 'maxItems': {\n const num = parseInt(strValue, 10)\n setData(field, isNaN(num) ? undefined : num)\n break\n }\n default:\n // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n setData(field, strValue as AttributeData[typeof field])\n break\n }\n }\n\n fieldComp = (\n <InputText\n value={String(formData?.data[field] ?? '')}\n onChange={handleInputChange}\n />\n )\n }\n\n return (\n <FormRow\n label={fieldLabel}\n key={field}\n style={{\n alignItems: 'flex-start',\n }}\n >\n {fieldComp}\n </FormRow>\n )\n })}\n <span>\n {(internalError \|\| error) && (\n <span className=\"form-error-text\">{internalError \|\| error}</span>\n )}\n </span>\n </FormLayout>\n )}\n </Dialog>\n )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}
1	+ {"version":3,"file":"AttributeEditor.cjs.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n SaveButton,\n Spacer,\n FormLayout,\n FormRow,\n InputText,\n InputSwitch,\n LockedInput,\n Dropdown,\n Dialog,\n Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n { value: 'project', label: 'Project' },\n { value: 'folder', label: 'Folder' },\n { value: 'task', label: 'Task' },\n { value: 'product', label: 'Product' },\n { value: 'version', label: 'Version' },\n { value: 'representation', label: 'Representation' },\n { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: (AttributeModel['scope'] \| '')[] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n // @ts-expect-error - project is not a scope?\n { value: 'default', scope: ['project'] },\n { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n value: AttributeData['type']\n label: string\n fields: (keyof AttributeData)[]\n exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n string: {\n value: 'string',\n label: 'String',\n fields: ['minLength', 'maxLength', 'enum', 'regex'],\n },\n integer: {\n value: 'integer',\n label: 'Integer',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n float: {\n value: 'float',\n label: 'Decimal number',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n list_of_strings: {\n value: 'list_of_strings',\n label: 'List Of Strings',\n fields: ['minItems', 'maxItems', 'enum'],\n },\n boolean: {\n value: 'boolean',\n label: 'Boolean',\n fields: [],\n exclude: ['example'],\n },\n datetime:{\n value: 'datetime',\n label: 'Datetime',\n fields: [],\n }\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' \| 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> \| keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n name: '',\n scope: ['folder', 'task'],\n builtin: false,\n position: 0,\n data: {\n type: 'string',\n title: '',\n description: '',\n example: '',\n default: undefined,\n enum: undefined,\n minLength: undefined,\n maxLength: undefined,\n regex: '',\n minItems: undefined,\n maxItems: undefined,\n ge: undefined,\n gt: undefined,\n le: undefined,\n lt: undefined,\n },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n // Create a deep clone of init form data\n const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n // Filter out top-level excludes if not in required\n const required = ['name']\n Object.keys(formData).forEach((key) => {\n if (\n !required.includes(key) &&\n excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n key !== 'data'\n ) {\n delete formData[key as keyof AttributeForm]\n }\n })\n\n // Filter out data field excludes if not in in required\n const requiredData = ['title']\n if (formData.data) {\n Object.keys(formData.data).forEach((key) => {\n if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n delete formData.data[key as keyof AttributeData]\n }\n })\n }\n\n // Merge with provided data if any\n if (data) {\n // Merge top-level fields\n Object.keys(data).forEach((key) => {\n const typedKey = key as keyof AttributeForm\n if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n if (typedKey === 'data' && data.data && formData.data) {\n // Deep merge of data fields\n formData.data = { ...formData.data, ...data.data }\n } else if (data[typedKey] !== undefined) {\n // @ts-ignore - We know these properties exist\n formData[typedKey] = data[typedKey]\n }\n })\n }\n\n return formData\n}\n\nexport interface AttributeEditorProps {\n attribute: AttributeForm \| null\n existingNames: string[]\n error?: string\n isUpdating?: boolean\n excludes?: Excludes\n onHide: () => void\n onEdit: (attribute: AttributeForm) => void\n onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n attribute,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const initForm = buildInitFormData(excludes, { position: existingNames.length })\n const [formData, setFormData] = useState<AttributeForm \| null>(attribute \|\| initForm)\n\n useEffect(() => {\n if (!!attribute) setFormData(attribute)\n }, [attribute])\n\n const isNew = !attribute\n\n // const setTopLevelData = (key: string, value: string) => {\n const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n key: K,\n value: AttributeModel[K],\n ) => {\n setFormData((d) => {\n if (!d) {\n return d\n }\n return { ...d, [key]: value }\n })\n }\n\n // const setData = (key, value) => {\n const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n setFormData((d) => {\n // Add a check for d and d.data\n if (!d \|\| !d.data) {\n return d\n }\n const dt = { ...d.data, [key]: value }\n return { ...d, data: dt }\n })\n }\n\n let internalError = ''\n if (formData) {\n if (isNew) {\n if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n } // name validation\n }\n\n const handleSubmit = () => {\n if (formData) {\n onEdit(formData)\n }\n }\n\n const footer = (\n <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n {onDelete && attribute && (\n <Button\n variant=\"danger\"\n label={'Delete attribute'}\n icon={'delete'}\n disabled={isUpdating}\n onClick={onDelete}\n />\n )}\n <Spacer />\n <SaveButton\n label={isNew ? 'Create Attribute' : 'Save Attribute'}\n icon={'check'}\n disabled={!!internalError \|\| !formData}\n active={!internalError && !!formData}\n saving={isUpdating}\n onClick={handleSubmit}\n />\n </div>\n )\n\n let dataFields: (keyof AttributeData)[] = []\n\n // add global fields, only if scope are null (all) or the scope is included\n GLOBAL_FIELDS.forEach((globalField) => {\n // @ts-expect-error - project scope will never be found here?\n if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n const typeOpt = TYPE_OPTIONS[formData.data.type]\n dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n }\n\n type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element \| null\n const customFields: {\n enum: CustomFieldRenderer\n inherit: CustomFieldRenderer\n booleanDefault: CustomFieldRenderer\n } = {\n enum: (value = [], onChange) => (\n <EnumEditor\n values={value as AttributeEnumItem[]}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\n }}\n />\n ),\n inherit: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n booleanDefault: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n }\n\n const handleTitleChange = (e: React.ChangeEvent) => {\n const v = (e.target as HTMLInputElement).value\n setData('title', v)\n\n if (isNew) {\n setTopLevelData('name', camelCase(v))\n }\n }\n\n return (\n <Dialog\n header={formData?.data?.title \|\| formData?.name \|\| 'New attribute'}\n footer={footer}\n onClose={onHide}\n isOpen={true}\n style={{ width: 700, zIndex: 999 }}\n size=\"full\"\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n handleSubmit()\n }\n }}\n >\n {formData && (\n <FormLayout>\n {!excludes.includes('title') && (\n <FormRow label={'Title'} key={'title'}>\n <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n </FormRow>\n )}\n {!excludes.includes('name') && (\n <FormRow label={'Name'} key={'name'}>\n <LockedInput\n value={formData.name}\n disabled={!isNew}\n onSubmit={(v) => setTopLevelData('name', v)}\n label=\"name\"\n />\n </FormRow>\n )}\n {!excludes.includes('scope') && (\n <FormRow label=\"Scope\">\n <Dropdown\n options={SCOPE_OPTIONS}\n disabled={formData.builtin}\n value={formData.scope \|\| []}\n onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n multiSelect\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && (\n <FormRow label=\"Type\">\n <Dropdown\n value={[formData?.data?.type]}\n disabled={formData.builtin}\n options={Object.values(TYPE_OPTIONS)}\n onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {dataFields.map((field) => {\n // skip if field is excluded\n if (excludes.includes(field)) return null\n\n let fieldComp = null\n let fieldLabel = upperFirst(field)\n\n if (field === 'enum' \|\| field === 'inherit') {\n const renderer = customFields[field as 'enum' \| 'inherit']\n fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n } else if (field === 'default' && formData?.data?.type === 'boolean') {\n fieldComp = customFields['booleanDefault'](\n formData?.data[field] as boolean,\n (value) => setData(field, value as AttributeData['default']),\n )\n } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n // ignore gt and lt\n if (['gt', 'lt'].includes(field)) return null\n fieldComp = (\n <MinMaxField\n value={formData?.data}\n isMin={field === 'ge'}\n isFloat={formData?.data?.type === 'float'}\n onChange={(v) => {\n const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n if (\n // @ts-expect-error\n (v.ge !== undefined && isNaN(geValue)) \|\|\n // @ts-expect-error\n (v.le !== undefined && isNaN(leValue))\n ) {\n // Do not update the form if the value is not a valid number\n return\n }\n\n setFormData((d) => {\n if (!d \|\| !d.data) return d\n const dt = { ...d.data, ...v }\n return { ...d, data: dt }\n })\n }}\n />\n )\n\n // rewrite field to min or max for display label\n fieldLabel = field === 'ge' ? 'Min' : 'Max'\n } else {\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const strValue = e.target.value\n switch (field) {\n case 'minLength':\n case 'maxLength':\n case 'minItems':\n case 'maxItems': {\n const num = parseInt(strValue, 10)\n setData(field, isNaN(num) ? undefined : num)\n break\n }\n default:\n // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n setData(field, strValue as AttributeData[typeof field])\n break\n }\n }\n\n fieldComp = (\n <InputText\n value={String(formData?.data[field] ?? '')}\n onChange={handleInputChange}\n />\n )\n }\n\n return (\n <FormRow\n label={fieldLabel}\n key={field}\n style={{\n alignItems: 'flex-start',\n }}\n >\n {fieldComp}\n </FormRow>\n )\n })}\n <span>\n {(internalError \|\| error) && (\n <span className=\"form-error-text\">{internalError \|\| error}</span>\n )}\n </span>\n </FormLayout>\n )}\n </Dialog>\n )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}

package/dist/shared/src/components/AttributeEditor/AttributeEditor.es.js CHANGED Viewed

@@ -45,6 +45,11 @@ const U = [
     label: "Boolean",
     fields: [],
     exclude: ["example"]
+  },
+  datetime: {
+    value: "datetime",
+    label: "Datetime",
+    fields: []
   }
 }, X = {
   name: "",
@@ -91,14 +96,14 @@ const U = [
   onDelete: E
 }) => {
   var L, k;
-  const A = D(c, { position: u.length }), [t, j] = K(r || A);
+  const A = D(c, { position: u.length }), [t, f] = K(r || A);
   V(() => {
-    r && j(r);
+    r && f(r);
   }, [r]);
-  const f = !r, S = (e, a) => {
-    j((n) => n && { ...n, [e]: a });
+  const j = !r, S = (e, a) => {
+    f((n) => n && { ...n, [e]: a });
   }, h = (e, a) => {
-    j((n) => {
+    f((n) => {
       if (!n || !n.data)
         return n;
       const m = { ...n.data, [e]: a };
@@ -106,7 +111,7 @@ const U = [
     });
   };
   let v = "";
-  t && f && (u.includes(t.name) ? v = "This attribute already exists" : t.name.match("^[a-zA-Z_]{2,64}$") || (s = "Invalid attribute name"));
+  t && j && (u.includes(t.name) ? v = "This attribute already exists" : t.name.match("^[a-zA-Z_]{2,64}$") || (s = "Invalid attribute name"));
   const N = () => {
     t && d(t);
   }, M = /* @__PURE__ */ i.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
@@ -124,7 +129,7 @@ const U = [
     /* @__PURE__ */ i.jsx(
       Y,
       {
-        label: f ? "Create Attribute" : "Save Attribute",
+        label: j ? "Create Attribute" : "Save Attribute",
         icon: "check",
         disabled: !!v || !t,
         active: !v && !!t,
@@ -173,7 +178,7 @@ const U = [
     )
   }, B = (e) => {
     const a = e.target.value;
-    h("title", a), f && S("name", $(a));
+    h("title", a), j && S("name", $(a));
   };
   return /* @__PURE__ */ i.jsx(
     z,
@@ -193,7 +198,7 @@ const U = [
           q,
           {
             value: t.name,
-            disabled: !f,
+            disabled: !j,
             onSubmit: (e) => S("name", e),
             label: "name"
           }
@@ -244,7 +249,7 @@ const U = [
                   const g = l.ge !== void 0 ? Number(l.ge) : void 0, I = l.le !== void 0 ? Number(l.le) : void 0;
                   // @ts-expect-error
                   l.ge !== void 0 && isNaN(g) || // @ts-expect-error
-                  l.le !== void 0 && isNaN(I) || j((p) => {
+                  l.le !== void 0 && isNaN(I) || f((p) => {
                     if (!p || !p.data) return p;
                     const F = { ...p.data, ...l };
                     return { ...p, data: F };