Process const context (#9996)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

Author: BykhovDenis

packages/ui/src/components/EditBox.svelte

@@ -66,11 +66,9 @@
     if (minValue !== undefined && maxValue !== undefined && maxValue < minValue) return
     if (minValue !== undefined && val < minValue) value = minValue
     if (maxValue !== undefined && val > maxValue) value = maxValue
-    dispatch('change')
+    dispatch('value', value)
   }
 
-  $: setValue(value, maxValue, minValue)
-
   $: translateCB(placeholder, placeholderParam ?? {}, $themeStore.language, (res) => {
     phTranslate = res
   })
@@ -196,11 +194,17 @@
         type="number"
         bind:value
         placeholder={phTranslate}
+        min={minValue}
+        max={maxValue}
         on:input={handleInput}
-        on:change
+        on:change={() => {
+          setValue(value, maxValue, minValue)
+          dispatch('change', value)
+        }}
         on:keydown
         on:keypress
         on:blur={() => {
+          setValue(value, maxValue, minValue)
           dispatch('blur', value)
         }}
       />

plugins/process-resources/src/components/ProcessAttribute.svelte

@@ -86,7 +86,6 @@
   {#if contextValue}
     <ContextValue
       {process}
-      {masterTag}
       {contextValue}
       {context}
       {attribute}

plugins/process-resources/src/components/attributeEditors/ConstContextPresenter.svelte

@@ -0,0 +1,32 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { getClient } from '@hcengineering/presentation'
+  import type { Process, SelectedConst } from '@hcengineering/process'
+  import { AnyComponent, Component } from '@hcengineering/ui'
+  import { findAttributePresenter } from '@hcengineering/view-resources'
+  import { readonly } from 'svelte/store'
+
+  export let contextValue: SelectedConst
+  export let process: Process
+
+  const client = getClient()
+  let presenter: AnyComponent | undefined = undefined
+  $: presenter = findAttributePresenter(client, process.masterTag, contextValue.key)
+</script>
+
+{#if presenter !== undefined}
+  <Component is={presenter} props={{ value: contextValue.value, readonly }} disabled />
+{/if}

plugins/process-resources/src/components/attributeEditors/ConstValuePopup.svelte

@@ -0,0 +1,58 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { AnyAttribute } from '@hcengineering/core'
+  import { Card, findAttributeEditor, getClient } from '@hcengineering/presentation'
+  import { Component } from '@hcengineering/ui'
+  import { createEventDispatcher } from 'svelte'
+
+  export let attribute: AnyAttribute
+
+  const client = getClient()
+  $: editor = findAttributeEditor(client, attribute.attributeOf, attribute.name)
+
+  const dispatch = createEventDispatcher()
+
+  function save (): void {
+    dispatch('close', value)
+  }
+
+  function onChange (val: any): void {
+    value = val
+  }
+
+  let value: any | undefined = undefined
+</script>
+
+<Card width={'menu'} label={attribute.label} canSave={value != null} on:close okAction={save}>
+  {value}
+  {#if editor != null}
+    <Component
+      is={editor}
+      props={{
+        attribute,
+        showNavigate: false,
+        onChange,
+        label: attribute.label,
+        placeholder: attribute?.label,
+        kind: 'ghost',
+        size: 'large',
+        width: '100%',
+        justify: 'left',
+        type: attribute?.type
+      }}
+    />
+  {/if}
+</Card>

plugins/process-resources/src/components/attributeEditors/ContextSelectorPopup.svelte

@@ -24,11 +24,12 @@
     RelatedContext,
     SelectedContext
   } from '@hcengineering/process'
-  import { Label, resizeObserver, Scroller, Submenu } from '@hcengineering/ui'
+  import { eventToHTMLElement, Label, resizeObserver, Scroller, showPopup, Submenu } from '@hcengineering/ui'
   import { createEventDispatcher } from 'svelte'
   import plugin from '../../plugin'
   import { generateContextId, getRelationObjectReduceFunc, getValueReduceFunc } from '../../utils'
   import ExecutionContextPresenter from './ExecutionContextPresenter.svelte'
+  import ConstValuePopup from './ConstValuePopup.svelte'
 
   export let process: Process
   export let masterTag: Ref<MasterTag | Tag>
@@ -44,11 +45,6 @@
     dispatch('close')
   }
 
-  function onCustom (): void {
-    onSelect(null)
-    dispatch('close')
-  }
-
   function onAttribute (val: AnyAttribute): void {
     const valueFunc = getValueReduceFunc(val, attribute)
     onClick({
@@ -108,6 +104,19 @@
     })
     dispatch('close')
   }
+
+  function onConst (e: MouseEvent): void {
+    showPopup(ConstValuePopup, { attribute }, eventToHTMLElement(e), (res) => {
+      if (res != null) {
+        onSelect({
+          type: 'const',
+          key: attribute.name,
+          value: res
+        })
+      }
+      dispatch('close')
+    })
+  }
 </script>
 
 <div class="selectPopup" use:resizeObserver={() => dispatch('changeContent')}>
@@ -241,13 +250,7 @@
       <div class="menu-separator" />
     {/if}
     {#if !forbidValue}
-      <!-- svelte-ignore a11y-mouse-events-have-key-events -->
-      <button
-        on:click={() => {
-          onCustom()
-        }}
-        class="menu-item"
-      >
+      <button on:click={onConst} class="menu-item">
         <span class="overflow-label pr-1">
           <Label label={plugin.string.CustomValue} />
         </span>

plugins/process-resources/src/components/attributeEditors/ContextValue.svelte

@@ -13,7 +13,6 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { MasterTag, Tag } from '@hcengineering/card'
   import { AnyAttribute, Class, Doc, Ref } from '@hcengineering/core'
   import { Context, Process, SelectedContext } from '@hcengineering/process'
   import { Button, eventToHTMLElement, showPopup } from '@hcengineering/ui'
@@ -23,7 +22,6 @@
   import ContextValuePresenter from './ContextValuePresenter.svelte'
 
   export let process: Process
-  export let masterTag: Ref<MasterTag | Tag>
   export let contextValue: SelectedContext
   export let context: Context
   export let attribute: AnyAttribute

plugins/process-resources/src/components/attributeEditors/ContextValuePresenter.svelte

@@ -21,6 +21,7 @@
   import RelContextPresenter from './RelContextPresenter.svelte'
   import FunctionContextPresenter from './FunctionContextPresenter.svelte'
   import ExecutionContextPresenter from './ExecutionContextPresenter.svelte'
+  import ConstContextPresenter from './ConstContextPresenter.svelte'
   import FunctionPresenter from './FunctionPresenter.svelte'
 
   export let process: Process
@@ -42,6 +43,8 @@
       <FunctionContextPresenter {contextValue} {context} {process} />
     {:else if contextValue.type === 'context'}
       <ExecutionContextPresenter {contextValue} {process} />
+    {:else if contextValue.type === 'const'}
+      <ConstContextPresenter {contextValue} {process} />
     {/if}
   </div>
   {#if contextValue.sourceFunction}

plugins/process-resources/src/components/criterias/ArraySizeCriteria.svelte

@@ -65,7 +65,6 @@
   {#if contextValue}
     <ContextValue
       {process}
-      masterTag={process.masterTag}
       {contextValue}
       {context}
       {attribute}

plugins/process-resources/src/components/criterias/BaseCriteriaEditor.svelte

@@ -68,7 +68,6 @@
   {#if contextValue}
     <ContextValue
       {process}
-      masterTag={process.masterTag}
       {contextValue}
       {context}
       {attribute}

plugins/process-resources/src/components/criterias/RangeCriteria.svelte

@@ -90,7 +90,6 @@
       {#if firstContextValue}
         <ContextValue
           {process}
-          masterTag={process.masterTag}
           contextValue={firstContextValue}
           {context}
           {attribute}
@@ -136,7 +135,6 @@
       {#if secondContextValue}
         <ContextValue
           {process}
-          masterTag={process.masterTag}
           contextValue={secondContextValue}
           {context}
           {attribute}