@milaboratories/uikit 2.2.96 → 2.2.98

package/dist/sdk/model/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../sdk/model/src/internal.ts","../../../../../../../sdk/model/src/render/util/label.ts","../../../../../../../sdk/model/src/version.ts","../../../../../../../sdk/model/src/raw_globals.ts"],"sourcesContent":["import type { ValueOrErrors } from '@milaboratories/pl-model-common';\nimport {} from './global';\nimport type { Platforma } from './platforma';\nimport type { FutureHandle, GlobalCfgRenderCtx } from './render/internal';\n\n/** Utility code helping to identify whether the code is running in actual UI environment */\nexport function isInUI() {\n  return (\n    typeof globalThis.getPlatforma !== 'undefined' || typeof globalThis.platforma !== 'undefined'\n  );\n}\n\n/** Utility code helping to retrieve a platforma instance form the environment */\nexport function getPlatformaInstance<\n  Args = unknown,\n  Outputs extends Record<string, ValueOrErrors<unknown>> = Record<string, ValueOrErrors<unknown>>,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(config?: { sdkVersion: string }): Platforma<Args, Outputs, UiState, Href> {\n  if (config && typeof globalThis.getPlatforma === 'function')\n    return globalThis.getPlatforma(config);\n  else if (typeof globalThis.platforma !== 'undefined') return globalThis.platforma;\n  else throw new Error('Can\\'t get platforma instance.');\n}\n\nexport function tryGetCfgRenderCtx(): GlobalCfgRenderCtx | undefined {\n  if (typeof globalThis.cfgRenderCtx !== 'undefined') return globalThis.cfgRenderCtx;\n  else return undefined;\n}\n\nexport function getCfgRenderCtx(): GlobalCfgRenderCtx {\n  if (typeof globalThis.cfgRenderCtx !== 'undefined') return globalThis.cfgRenderCtx;\n  else throw new Error('Not in config rendering context');\n}\n\nexport function tryRegisterCallback(key: string, callback: (...args: any[]) => any): boolean {\n  const ctx = tryGetCfgRenderCtx();\n  if (ctx === undefined) return false;\n  if (key in ctx.callbackRegistry) throw new Error(`Callback with key ${key} already registered.`);\n  ctx.callbackRegistry[key] = callback;\n  return true;\n}\n\nconst futureResolves = new Map<string, ((value: unknown) => void)[]>();\n\nexport function registerFutureAwait(handle: FutureHandle, onResolve: (value: unknown) => void) {\n  if (!(handle in getCfgRenderCtx().callbackRegistry)) {\n    getCfgRenderCtx().callbackRegistry[handle] = (value: unknown) => {\n      for (const res of futureResolves.get(handle)!) {\n        res(value);\n      }\n    };\n    futureResolves.set(handle, []);\n  }\n  futureResolves.get(handle)!.push(onResolve);\n}\n","import type { PObjectSpec } from '@milaboratories/pl-model-common';\nimport { z } from 'zod';\n\nexport const PAnnotationLabel = 'pl7.app/label';\nexport const PAnnotationTrace = 'pl7.app/trace';\n\nexport type RecordsWithLabel<T> = {\n  value: T;\n  label: string;\n};\n\nexport type LabelDerivationOps = {\n  /** Force inclusion of native column label */\n  includeNativeLabel?: boolean;\n  /** Separator to use between label parts (\" / \" by default) */\n  separator?: string;\n  /** If true, label will be added as suffix (at the end of the generated label). By default label added as a prefix. */\n  addLabelAsSuffix?: boolean;\n  /** Trace elements list that will be forced to be included in the label. */\n  forceTraceElements?: string[];\n};\n\nexport const TraceEntry = z.object({\n  type: z.string(),\n  importance: z.number().optional(),\n  id: z.string().optional(),\n  label: z.string(),\n});\nexport type TraceEntry = z.infer<typeof TraceEntry>;\ntype FullTraceEntry = TraceEntry & { fullType: string; occurrenceIndex: number };\n\nexport const Trace = z.array(TraceEntry);\nexport type Trace = z.infer<typeof Trace>;\ntype FullTrace = FullTraceEntry[];\n\n// Define the possible return types for the specExtractor function\ntype SpecExtractorResult = PObjectSpec | {\n  spec: PObjectSpec;\n  prefixTrace?: TraceEntry[];\n  suffixTrace?: TraceEntry[];\n};\n\nconst DistancePenalty = 0.001;\n\nconst LabelType = '__LABEL__';\nconst LabelTypeFull = '__LABEL__@1';\n\nexport function deriveLabels<T>(\n  values: T[],\n  specExtractor: (obj: T) => SpecExtractorResult,\n  ops: LabelDerivationOps = {},\n): RecordsWithLabel<T>[] {\n  const importances = new Map<string, number>();\n\n  const forceTraceElements = (ops.forceTraceElements !== undefined && ops.forceTraceElements.length > 0)\n    ? new Set(ops.forceTraceElements)\n    : undefined;\n\n  // number of times certain type occurred among all of the\n  const numberOfRecordsWithType = new Map<string, number>();\n\n  const enrichedRecords = values.map((value) => {\n    const extractorResult = specExtractor(value);\n    let spec: PObjectSpec;\n    let prefixTrace: TraceEntry[] | undefined;\n    let suffixTrace: TraceEntry[] | undefined;\n\n    // Check if the result is the new structure or just PObjectSpec\n    if ('spec' in extractorResult && typeof extractorResult.spec === 'object') {\n      // It's the new structure { spec, prefixTrace?, suffixTrace? }\n      spec = extractorResult.spec;\n      prefixTrace = extractorResult.prefixTrace;\n      suffixTrace = extractorResult.suffixTrace;\n    } else {\n      // It's just PObjectSpec\n      spec = extractorResult as PObjectSpec;\n    }\n\n    const label = spec.annotations?.[PAnnotationLabel];\n    const traceStr = spec.annotations?.[PAnnotationTrace];\n    const baseTrace = (traceStr ? Trace.safeParse(JSON.parse(traceStr)).data : undefined) ?? [];\n\n    const trace = [\n      ...(prefixTrace ?? []),\n      ...baseTrace,\n      ...(suffixTrace ?? []),\n    ];\n\n    if (label !== undefined) {\n      const labelEntry = { label, type: LabelType, importance: -2 };\n      if (ops.addLabelAsSuffix) trace.push(labelEntry);\n      else trace.splice(0, 0, labelEntry);\n    }\n\n    const fullTrace: FullTrace = [];\n\n    const occurrences = new Map<string, number>();\n    for (let i = trace.length - 1; i >= 0; --i) {\n      const { type: typeName } = trace[i];\n      const importance = trace[i].importance ?? 0;\n      const occurrenceIndex = (occurrences.get(typeName) ?? 0) + 1;\n      occurrences.set(typeName, occurrenceIndex);\n      const fullType = `${typeName}@${occurrenceIndex}`;\n      numberOfRecordsWithType.set(fullType, (numberOfRecordsWithType.get(fullType) ?? 0) + 1);\n      importances.set(\n        fullType,\n        Math.max(\n          importances.get(fullType) ?? Number.NEGATIVE_INFINITY,\n          importance - (trace.length - i) * DistancePenalty,\n        ),\n      );\n      fullTrace.push({ ...trace[i], fullType, occurrenceIndex: occurrenceIndex });\n    }\n    fullTrace.reverse();\n    return {\n      value,\n      spec,\n      label,\n      fullTrace,\n    };\n  });\n\n  // excluding repeated types (i.e. ..@2, ..@3, etc.) not found in some records\n  const mainTypes: string[] = [];\n  // repeated types (i.e. ..@2, ..@3, etc.) not found in some records\n  const secondaryTypes: string[] = [];\n\n  const allTypeRecords = [...importances];\n  // sorting: most important types go first\n  allTypeRecords.sort(([, i1], [, i2]) => i2 - i1);\n\n  for (const [typeName] of allTypeRecords) {\n    if (typeName.endsWith('@1') || numberOfRecordsWithType.get(typeName) === values.length)\n      mainTypes.push(typeName);\n    else secondaryTypes.push(typeName);\n  }\n\n  const calculate = (includedTypes: Set<string>, force: boolean = false) => {\n    const result: RecordsWithLabel<T>[] = [];\n    for (let i = 0; i < enrichedRecords.length; i++) {\n      const r = enrichedRecords[i];\n      const includedTrace = r.fullTrace\n        .filter((fm) => includedTypes.has(fm.fullType)\n          || (forceTraceElements && forceTraceElements.has(fm.type)));\n      if (includedTrace.length === 0) {\n        if (force)\n          result.push({\n            label: 'Unlabeled',\n            value: r.value,\n          } satisfies RecordsWithLabel<T>);\n        else return undefined;\n      }\n      const labelSet = includedTrace\n        .map((fm) => fm.label);\n      const sep = ops.separator ?? ' / ';\n      result.push({\n        label: labelSet.join(sep),\n        value: r.value,\n      } satisfies RecordsWithLabel<T>);\n    }\n    return result;\n  };\n\n  if (mainTypes.length === 0) {\n    if (secondaryTypes.length !== 0) throw new Error('Non-empty secondary types list while main types list is empty.');\n    return calculate(new Set(LabelTypeFull), true)!;\n  }\n\n  //\n  // includedTypes = 2\n  // *  *\n  // T0 T1 T2 T3 T4 T5\n  //          *\n  // additionalType = 3\n  //\n  // Resulting set: T0, T1, T3\n  //\n  let includedTypes = 0;\n  let additionalType = -1;\n  while (includedTypes < mainTypes.length) {\n    const currentSet = new Set<string>();\n    if (ops.includeNativeLabel) currentSet.add(LabelTypeFull);\n    for (let i = 0; i < includedTypes; ++i) currentSet.add(mainTypes[i]);\n    if (additionalType >= 0)\n      currentSet.add(mainTypes[additionalType]);\n\n    const candidateResult = calculate(currentSet);\n\n    // checking if labels uniquely separate our records\n    if (candidateResult !== undefined && new Set(candidateResult.map((c) => c.label)).size === values.length) return candidateResult;\n\n    additionalType++;\n    if (additionalType >= mainTypes.length) {\n      includedTypes++;\n      additionalType = includedTypes;\n    }\n  }\n\n  return calculate(new Set([...mainTypes, ...secondaryTypes]), true)!;\n}\n","export const PlatformaSDKVersion = '1.37.14';\n","import type { ValueOrErrors } from '@milaboratories/pl-model-common';\nimport {} from './global';\nimport { getPlatformaInstance } from './internal';\nimport type { Platforma } from './platforma';\nimport { PlatformaSDKVersion } from './version';\n\nexport function getRawPlatformaInstance<\n  Args = unknown,\n  Outputs extends Record<string, ValueOrErrors<unknown>> = Record<string, ValueOrErrors<unknown>>,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(): Platforma<Args, Outputs, UiState, Href> {\n  return getPlatformaInstance<Args, Outputs, UiState, Href>({ sdkVersion: PlatformaSDKVersion });\n}\n\n/** Returns a global platforma instance or a provided fallback if it's not available. */\nexport function getPlatformaOrDefault<\n  Args = unknown,\n  Outputs extends Record<string, ValueOrErrors<unknown>> = Record<string, ValueOrErrors<unknown>>,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(platforma: Platforma<Args, Outputs, UiState, Href>): Platforma<Args, Outputs, UiState, Href> {\n  try {\n    return getRawPlatformaInstance<Args, Outputs, UiState, Href>();\n  } catch {\n    return platforma;\n  }\n}\n"],"names":["getPlatformaInstance","config","TraceEntry","z","PlatformaSDKVersion","getRawPlatformaInstance"],"mappings":";;;AAaO,SAASA,EAKdC,GAA0E;AACtEA,MAAAA,KAAU,OAAO,WAAW,gBAAiB;AACxC,WAAA,WAAW,aAAaA,CAAM;AAAA,MAC9B,OAAO,WAAW,YAAc,IAAA,QAAoB,WAAW;AAC7D,QAAA,IAAI,MAAM,+BAAgC;AACvD;MCDaC,IAAaC,EAAE,OAAO;AAAA,EACjC,MAAMA,EAAE,OAAO;AAAA,EACf,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,IAAIA,EAAE,OAAO,EAAE,SAAS;AAAA,EACxB,OAAOA,EAAE,OAAO;AAClB,CAAC;AAIoBA,EAAE,MAAMD,CAAU;AC/BhC,MAAME,IAAsB;ACM5B,SAASC,IAK6B;AACpCL,SAAAA,EAAmD,EAAE,YAAYI,GAAqB;AAC/F;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../sdk/model/src/internal.ts","../../../../../../../sdk/model/src/render/util/label.ts","../../../../../../../sdk/model/src/version.ts","../../../../../../../sdk/model/src/raw_globals.ts"],"sourcesContent":["import type { ValueOrErrors } from '@milaboratories/pl-model-common';\nimport {} from './global';\nimport type { Platforma } from './platforma';\nimport type { FutureHandle, GlobalCfgRenderCtx } from './render/internal';\n\n/** Utility code helping to identify whether the code is running in actual UI environment */\nexport function isInUI() {\n  return (\n    typeof globalThis.getPlatforma !== 'undefined' || typeof globalThis.platforma !== 'undefined'\n  );\n}\n\n/** Utility code helping to retrieve a platforma instance form the environment */\nexport function getPlatformaInstance<\n  Args = unknown,\n  Outputs extends Record<string, ValueOrErrors<unknown>> = Record<string, ValueOrErrors<unknown>>,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(config?: { sdkVersion: string }): Platforma<Args, Outputs, UiState, Href> {\n  if (config && typeof globalThis.getPlatforma === 'function')\n    return globalThis.getPlatforma(config);\n  else if (typeof globalThis.platforma !== 'undefined') return globalThis.platforma;\n  else throw new Error('Can\\'t get platforma instance.');\n}\n\nexport function tryGetCfgRenderCtx(): GlobalCfgRenderCtx | undefined {\n  if (typeof globalThis.cfgRenderCtx !== 'undefined') return globalThis.cfgRenderCtx;\n  else return undefined;\n}\n\nexport function getCfgRenderCtx(): GlobalCfgRenderCtx {\n  if (typeof globalThis.cfgRenderCtx !== 'undefined') return globalThis.cfgRenderCtx;\n  else throw new Error('Not in config rendering context');\n}\n\nexport function tryRegisterCallback(key: string, callback: (...args: any[]) => any): boolean {\n  const ctx = tryGetCfgRenderCtx();\n  if (ctx === undefined) return false;\n  if (key in ctx.callbackRegistry) throw new Error(`Callback with key ${key} already registered.`);\n  ctx.callbackRegistry[key] = callback;\n  return true;\n}\n\nconst futureResolves = new Map<string, ((value: unknown) => void)[]>();\n\nexport function registerFutureAwait(handle: FutureHandle, onResolve: (value: unknown) => void) {\n  if (!(handle in getCfgRenderCtx().callbackRegistry)) {\n    getCfgRenderCtx().callbackRegistry[handle] = (value: unknown) => {\n      for (const res of futureResolves.get(handle)!) {\n        res(value);\n      }\n    };\n    futureResolves.set(handle, []);\n  }\n  futureResolves.get(handle)!.push(onResolve);\n}\n","import type { PObjectSpec } from '@milaboratories/pl-model-common';\nimport { z } from 'zod';\n\nexport const PAnnotationLabel = 'pl7.app/label';\nexport const PAnnotationTrace = 'pl7.app/trace';\n\nexport type RecordsWithLabel<T> = {\n  value: T;\n  label: string;\n};\n\nexport type LabelDerivationOps = {\n  /** Force inclusion of native column label */\n  includeNativeLabel?: boolean;\n  /** Separator to use between label parts (\" / \" by default) */\n  separator?: string;\n  /** If true, label will be added as suffix (at the end of the generated label). By default label added as a prefix. */\n  addLabelAsSuffix?: boolean;\n  /** Trace elements list that will be forced to be included in the label. */\n  forceTraceElements?: string[];\n};\n\nexport const TraceEntry = z.object({\n  type: z.string(),\n  importance: z.number().optional(),\n  id: z.string().optional(),\n  label: z.string(),\n});\nexport type TraceEntry = z.infer<typeof TraceEntry>;\ntype FullTraceEntry = TraceEntry & { fullType: string; occurrenceIndex: number };\n\nexport const Trace = z.array(TraceEntry);\nexport type Trace = z.infer<typeof Trace>;\ntype FullTrace = FullTraceEntry[];\n\n// Define the possible return types for the specExtractor function\ntype SpecExtractorResult = PObjectSpec | {\n  spec: PObjectSpec;\n  prefixTrace?: TraceEntry[];\n  suffixTrace?: TraceEntry[];\n};\n\nconst DistancePenalty = 0.001;\n\nconst LabelType = '__LABEL__';\nconst LabelTypeFull = '__LABEL__@1';\n\nexport function deriveLabels<T>(\n  values: T[],\n  specExtractor: (obj: T) => SpecExtractorResult,\n  ops: LabelDerivationOps = {},\n): RecordsWithLabel<T>[] {\n  const importances = new Map<string, number>();\n\n  const forceTraceElements = (ops.forceTraceElements !== undefined && ops.forceTraceElements.length > 0)\n    ? new Set(ops.forceTraceElements)\n    : undefined;\n\n  // number of times certain type occurred among all of the\n  const numberOfRecordsWithType = new Map<string, number>();\n\n  const enrichedRecords = values.map((value) => {\n    const extractorResult = specExtractor(value);\n    let spec: PObjectSpec;\n    let prefixTrace: TraceEntry[] | undefined;\n    let suffixTrace: TraceEntry[] | undefined;\n\n    // Check if the result is the new structure or just PObjectSpec\n    if ('spec' in extractorResult && typeof extractorResult.spec === 'object') {\n      // It's the new structure { spec, prefixTrace?, suffixTrace? }\n      spec = extractorResult.spec;\n      prefixTrace = extractorResult.prefixTrace;\n      suffixTrace = extractorResult.suffixTrace;\n    } else {\n      // It's just PObjectSpec\n      spec = extractorResult as PObjectSpec;\n    }\n\n    const label = spec.annotations?.[PAnnotationLabel];\n    const traceStr = spec.annotations?.[PAnnotationTrace];\n    const baseTrace = (traceStr ? Trace.safeParse(JSON.parse(traceStr)).data : undefined) ?? [];\n\n    const trace = [\n      ...(prefixTrace ?? []),\n      ...baseTrace,\n      ...(suffixTrace ?? []),\n    ];\n\n    if (label !== undefined) {\n      const labelEntry = { label, type: LabelType, importance: -2 };\n      if (ops.addLabelAsSuffix) trace.push(labelEntry);\n      else trace.splice(0, 0, labelEntry);\n    }\n\n    const fullTrace: FullTrace = [];\n\n    const occurrences = new Map<string, number>();\n    for (let i = trace.length - 1; i >= 0; --i) {\n      const { type: typeName } = trace[i];\n      const importance = trace[i].importance ?? 0;\n      const occurrenceIndex = (occurrences.get(typeName) ?? 0) + 1;\n      occurrences.set(typeName, occurrenceIndex);\n      const fullType = `${typeName}@${occurrenceIndex}`;\n      numberOfRecordsWithType.set(fullType, (numberOfRecordsWithType.get(fullType) ?? 0) + 1);\n      importances.set(\n        fullType,\n        Math.max(\n          importances.get(fullType) ?? Number.NEGATIVE_INFINITY,\n          importance - (trace.length - i) * DistancePenalty,\n        ),\n      );\n      fullTrace.push({ ...trace[i], fullType, occurrenceIndex: occurrenceIndex });\n    }\n    fullTrace.reverse();\n    return {\n      value,\n      spec,\n      label,\n      fullTrace,\n    };\n  });\n\n  // excluding repeated types (i.e. ..@2, ..@3, etc.) not found in some records\n  const mainTypes: string[] = [];\n  // repeated types (i.e. ..@2, ..@3, etc.) not found in some records\n  const secondaryTypes: string[] = [];\n\n  const allTypeRecords = [...importances];\n  // sorting: most important types go first\n  allTypeRecords.sort(([, i1], [, i2]) => i2 - i1);\n\n  for (const [typeName] of allTypeRecords) {\n    if (typeName.endsWith('@1') || numberOfRecordsWithType.get(typeName) === values.length)\n      mainTypes.push(typeName);\n    else secondaryTypes.push(typeName);\n  }\n\n  const calculate = (includedTypes: Set<string>, force: boolean = false) => {\n    const result: RecordsWithLabel<T>[] = [];\n    for (let i = 0; i < enrichedRecords.length; i++) {\n      const r = enrichedRecords[i];\n      const includedTrace = r.fullTrace\n        .filter((fm) => includedTypes.has(fm.fullType)\n          || (forceTraceElements && forceTraceElements.has(fm.type)));\n      if (includedTrace.length === 0) {\n        if (force)\n          result.push({\n            label: 'Unlabeled',\n            value: r.value,\n          } satisfies RecordsWithLabel<T>);\n        else return undefined;\n      }\n      const labelSet = includedTrace\n        .map((fm) => fm.label);\n      const sep = ops.separator ?? ' / ';\n      result.push({\n        label: labelSet.join(sep),\n        value: r.value,\n      } satisfies RecordsWithLabel<T>);\n    }\n    return result;\n  };\n\n  if (mainTypes.length === 0) {\n    if (secondaryTypes.length !== 0) throw new Error('Non-empty secondary types list while main types list is empty.');\n    return calculate(new Set(LabelTypeFull), true)!;\n  }\n\n  //\n  // includedTypes = 2\n  // *  *\n  // T0 T1 T2 T3 T4 T5\n  //          *\n  // additionalType = 3\n  //\n  // Resulting set: T0, T1, T3\n  //\n  let includedTypes = 0;\n  let additionalType = -1;\n  while (includedTypes < mainTypes.length) {\n    const currentSet = new Set<string>();\n    if (ops.includeNativeLabel) currentSet.add(LabelTypeFull);\n    for (let i = 0; i < includedTypes; ++i) currentSet.add(mainTypes[i]);\n    if (additionalType >= 0)\n      currentSet.add(mainTypes[additionalType]);\n\n    const candidateResult = calculate(currentSet);\n\n    // checking if labels uniquely separate our records\n    if (candidateResult !== undefined && new Set(candidateResult.map((c) => c.label)).size === values.length) return candidateResult;\n\n    additionalType++;\n    if (additionalType >= mainTypes.length) {\n      includedTypes++;\n      additionalType = includedTypes;\n    }\n  }\n\n  return calculate(new Set([...mainTypes, ...secondaryTypes]), true)!;\n}\n","export const PlatformaSDKVersion = '1.37.18';\n","import type { ValueOrErrors } from '@milaboratories/pl-model-common';\nimport {} from './global';\nimport { getPlatformaInstance } from './internal';\nimport type { Platforma } from './platforma';\nimport { PlatformaSDKVersion } from './version';\n\nexport function getRawPlatformaInstance<\n  Args = unknown,\n  Outputs extends Record<string, ValueOrErrors<unknown>> = Record<string, ValueOrErrors<unknown>>,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(): Platforma<Args, Outputs, UiState, Href> {\n  return getPlatformaInstance<Args, Outputs, UiState, Href>({ sdkVersion: PlatformaSDKVersion });\n}\n\n/** Returns a global platforma instance or a provided fallback if it's not available. */\nexport function getPlatformaOrDefault<\n  Args = unknown,\n  Outputs extends Record<string, ValueOrErrors<unknown>> = Record<string, ValueOrErrors<unknown>>,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(platforma: Platforma<Args, Outputs, UiState, Href>): Platforma<Args, Outputs, UiState, Href> {\n  try {\n    return getRawPlatformaInstance<Args, Outputs, UiState, Href>();\n  } catch {\n    return platforma;\n  }\n}\n"],"names":["getPlatformaInstance","config","TraceEntry","z","PlatformaSDKVersion","getRawPlatformaInstance"],"mappings":";;;AAaO,SAASA,EAKdC,GAA0E;AACtEA,MAAAA,KAAU,OAAO,WAAW,gBAAiB;AACxC,WAAA,WAAW,aAAaA,CAAM;AAAA,MAC9B,OAAO,WAAW,YAAc,IAAA,QAAoB,WAAW;AAC7D,QAAA,IAAI,MAAM,+BAAgC;AACvD;MCDaC,IAAaC,EAAE,OAAO;AAAA,EACjC,MAAMA,EAAE,OAAO;AAAA,EACf,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,IAAIA,EAAE,OAAO,EAAE,SAAS;AAAA,EACxB,OAAOA,EAAE,OAAO;AAClB,CAAC;AAIoBA,EAAE,MAAMD,CAAU;AC/BhC,MAAME,IAAsB;ACM5B,SAASC,IAK6B;AACpCL,SAAAA,EAAmD,EAAE,YAAYI,GAAqB;AAC/F;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.96",
+  "version": "2.2.98",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -19,8 +19,8 @@
     "sortablejs": "^1.15.6",
     "vue": "^3.5.13",
     "d3": "^7.9.0",
-    "@platforma-sdk/model": "^1.37.14",
-    "@milaboratories/helpers": "^1.6.16"
+    "@milaboratories/helpers": "^1.6.17",
+    "@platforma-sdk/model": "^1.37.18"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",
@@ -35,8 +35,8 @@
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
     "@milaboratories/ts-configs": "1.0.4",
-    "@milaboratories/build-configs": "1.0.4",
-    "@milaboratories/eslint-config": "^1.0.4"
+    "@milaboratories/eslint-config": "^1.0.4",
+    "@milaboratories/build-configs": "1.0.4"
   },
   "scripts": {
     "dev": "vite",

package/src/components/PlDropdown/types.ts

@@ -1,3 +1,3 @@
 import type { ListOptionNormalized } from '../../types';
 
-export type LOption<M = unknown> = ListOptionNormalized<M> & { isSelected: boolean; isActive: boolean; index: number };
+export type LOption<M = unknown> = ListOptionNormalized<M> & { isSelected: boolean; isActive: boolean; index: number };

package/src/components/PlElementList/PlElementList.vue

@@ -1,62 +1,72 @@
 <script generic="T extends unknown = unknown, K extends number | string = number | string" lang="ts" setup>
 import type { ShallowRef } from 'vue';
 import { computed, shallowRef, watch } from 'vue';
-import { isNil, shallowHash } from '@milaboratories/helpers';
+import { isFunction, shallowHash } from '@milaboratories/helpers';
 import { useSortable } from '@vueuse/integrations/useSortable';
 import { type SortableEvent } from 'sortablejs';
-import { moveElements, optionalUpdateRef } from './utils.ts';
+import { moveElements } from './utils.ts';
 import PlElementListItem from './PlElementListItem.vue';
 
 const itemsRef = defineModel<T[]>('items', { required: true });
-const draggableSetRef = defineModel<Set<K>>('draggableItems');
-const removableSetRef = defineModel<Set<K>>('removableItems');
-
-const expandableSetRef = defineModel<Set<K>>('expandableItems');
-const expandedSetRef = defineModel<Set<K>>('expandedItems');
-
-const pinnableSetRef = defineModel<Set<K>>('pinnableItems');
-const pinnedSetRef = defineModel<Set<K>>('pinnedItems');
-
-const toggableSetRef = defineModel<Set<K>>('toggableItems');
-const toggledSetRef = defineModel<Set<K>>('toggledItems');
 
 const props = withDefaults(
   defineProps<{
-    getItemKey: (item: T, index: number) => K;
+    getItemKey?: (item: T, index: number) => K;
 
     itemClass?: string | string[] | ((item: T, index: number) => string | string[]);
-    activeItems?: Set<K>;
+    isActive?: (item: T, index: number) => boolean;
 
-    enableDragging?: boolean;
+    disableDragging?: boolean;
+    isDraggable?: (item: T, index: number) => boolean;
     onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;
     onSort?: (oldIndex: number, newIndex: number) => void | boolean;
 
-    enableExpanding?: boolean;
-    onExpand?: (item: T, index: number) => void | boolean;
-
-    enableRemoving?: boolean;
+    disableRemoving?: boolean;
+    isRemovable?: (item: T, index: number) => boolean;
     onRemove?: (item: T, index: number) => void | boolean;
 
-    enableToggling?: boolean;
-    onToggle?: (item: T, index: number) => void | boolean;
+    disableExpanding?: boolean;
+    isExpandable?: (item: T, index: number) => boolean;
+    isExpanded?: (item: T, index: number) => boolean;
+    onExpand?: (item: T, index: number) => unknown;
+
+    disableToggling?: boolean;
+    isToggable?: (item: T, index: number) => boolean;
+    isToggled?: (item: T, index: number) => boolean;
+    onToggle?: (item: T, index: number) => unknown;
 
-    enablePinning?: boolean;
+    disablePinning?: boolean;
+    isPinnable?: (item: T, index: number) => boolean;
+    isPinned?: (item: T, index: number) => boolean;
     onPin?: (item: T, index: number) => void | boolean;
   }>(), {
-    itemClass: undefined,
-    activeItems: undefined,
+    getItemKey: (item: T) => JSON.stringify(item) as K,
 
-    enableDragging: undefined,
-    enableRemoving: undefined,
-    enableExpanding: undefined,
-    enableToggling: undefined,
-    enablePinning: undefined,
+    itemClass: undefined,
+    isActive: undefined,
 
+    disableDragging: undefined,
+    isDraggable: undefined,
     onDragEnd: undefined,
     onSort: undefined,
+
+    disableRemoving: undefined,
+    isRemovable: undefined,
     onRemove: undefined,
+
+    disableExpanding: undefined,
+    isExpandable: undefined,
+    isExpanded: undefined,
     onExpand: undefined,
+
+    disableToggling: undefined,
+    isToggable: undefined,
+    isToggled: undefined,
     onToggle: undefined,
+
+    disablePinning: undefined,
+    isPinnable: undefined,
+    isPinned: undefined,
     onPin: undefined,
   },
 );
@@ -71,30 +81,45 @@ const slots = defineSlots<{
 }>();
 
 const dndSortingEnabled = computed((): boolean => {
-  return props.enableDragging !== false;
+  return props.disableDragging !== true;
 });
 
-const pinnedItemsRef = computed(() => itemsRef.value.filter(isPinned));
+const pinnedItemsRef = computed(() => itemsRef.value.filter(isPinnedItem));
 const hasPinnedItems = computed(() => pinnedItemsRef.value.length > 0);
 
-const unpinnedItemsRef = computed(() => itemsRef.value.filter((item, index) => !isPinned(item, index)));
+const unpinnedItemsRef = computed(() => itemsRef.value.filter((item, index) => !isPinnedItem(item, index)));
 const hasUnpinnedItems = computed(() => unpinnedItemsRef.value.length > 0);
 
 const domProjectionItemsRef = shallowRef<undefined | T[]>();
 const pinnedContainerRef = shallowRef<HTMLElement>();
 const unpinnedContainerRef = shallowRef<HTMLElement>();
 
+// version fix problem with sync between data and rendered values
+const getKey = (item: T, index: number) => {
+  return `${versionRef.value}-${props.getItemKey(item, index)}`;
+};
+const pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));
+const unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));
+
 // version fix problem with sync between data and rendered values when items have been changed
 const versionRef = computed<number>((oldVersion) => {
-  const currentVersion = shallowHash(...itemsRef.value.map(props.getItemKey));
+  const currentKeys = itemsRef.value.map(props.getItemKey);
 
-  if (domProjectionItemsRef.value === undefined) return oldVersion ?? currentVersion;
+  if (domProjectionItemsRef.value === undefined) return oldVersion ?? shallowHash(...currentKeys);
+  if (currentKeys.length !== domProjectionItemsRef.value.length) return shallowHash(...currentKeys);
 
-  const lastSortedVersion = shallowHash(...domProjectionItemsRef.value.map(props.getItemKey));
+  const domProjectionKeys = domProjectionItemsRef.value.map(props.getItemKey);
+  const domProjectionKeysSet = new Set(domProjectionKeys);
 
-  if (currentVersion === lastSortedVersion) return oldVersion ?? currentVersion;
+  for (let i = 0; i < currentKeys.length; i++) {
+    const hasInconsistentPosition = domProjectionKeysSet.has(currentKeys[i]) && domProjectionKeys[i] !== currentKeys[i];
 
-  return oldVersion !== currentVersion ? currentVersion : lastSortedVersion;
+    if (hasInconsistentPosition) {
+      return shallowHash(...currentKeys);
+    }
+  }
+
+  return oldVersion ?? shallowHash(...currentKeys);
 });
 
 createSortable(hasPinnedItems, pinnedContainerRef, pinnedItemsRef, () => 0);
@@ -117,7 +142,9 @@ function createSortable(toggler: ShallowRef<boolean>, elRef: ShallowRef<undefine
       }
     },
   });
-  watch(toggler, (on) => on ? sortable.start() : sortable.stop());
+  watch([() => props.disableDragging, toggler], ([disabled, on]) => disabled || !on ? sortable.stop() : sortable.start(), {
+    immediate: true,
+  });
 
   return sortable;
 }
@@ -133,77 +160,56 @@ function moveItems(oldIndex: number, newIndex: number, afterUpdateDom: boolean)
 
   if (!preventDefault) {
     moveElements(itemsRef.value, oldIndex, newIndex);
-    optionalUpdateRef(itemsRef);
   }
 }
 
-function isActive(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  return props.activeItems?.has(k) ?? false;
+function isActiveItem(item: T, index: number): boolean {
+  return props.isActive?.(item, index) ?? false;
 }
 
-function isDraggable(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  if (props.enableDragging === false) return false;
-  return (draggableSetRef.value?.has(k) ?? true);
+function isDraggableItem(item: T, index: number): boolean {
+  if (props.disableDragging === true) return false;
+  return (props.isDraggable?.(item, index) ?? true);
 }
 
-function isToggable(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  if (props.enableToggling === false) return false;
-  return !isNil(toggledSetRef.value) && (toggableSetRef.value?.has(k) ?? true);
+function isRemovableItem(item: T, index: number): boolean {
+  if (props.disableRemoving === true) return false;
+  return (props.isRemovable?.(item, index) ?? true);
 }
 
-function isToggled(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  return toggledSetRef.value?.has(k) ?? false;
+function isToggableItem(item: T, index: number): boolean {
+  if (props.disableToggling === true) return false;
+  return (props.isToggable?.(item, index) ?? (isFunction(props.isToggled) || isFunction(props.onToggle)));
 }
 
-function isPinnable(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  if (props.enablePinning === false) return false;
-  return !isNil(pinnedSetRef.value) && (pinnableSetRef.value?.has(k) ?? true);
+function isToggledItem(item: T, index: number): boolean {
+  return props.isToggled?.(item, index) ?? false;
 }
 
-function isPinned(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  return pinnedSetRef.value?.has(k) ?? false;
+function isPinnableItem(item: T, index: number): boolean {
+  if (props.disablePinning === true) return false;
+  return (props.isPinnable?.(item, index) ?? (isFunction(props.isPinned) || isFunction(props.onPin)));
 }
 
-function isExpandable(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  if (props.enableExpanding === false) return false;
-  return !isNil(expandedSetRef.value) && (expandableSetRef.value?.has(k) ?? true);
+function isPinnedItem(item: T, index: number): boolean {
+  return props.isPinned?.(item, index) ?? false;
 }
 
-function isExpanded(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  return expandedSetRef.value?.has(k) ?? false;
+function isExpandableItem(item: T, index: number): boolean {
+  if (props.disableExpanding === true) return false;
+  return (props.isExpandable?.(item, index) ?? (isFunction(props.isExpanded) || isFunction(props.onExpand)));
 }
 
-function isRemovable(item: T, index: number): boolean {
-  const k = props.getItemKey(item, index);
-  if (props.enableRemoving === false) return false;
-  if (removableSetRef.value?.has(k) === false) return false;
-  return props.enableRemoving === true || typeof props.onRemove === 'function';
+function isExpandedItem(item: T, index: number): boolean {
+  return props.isExpanded?.(item, index) ?? false;
 }
 
 function handleExpand(item: T, index: number) {
-  if (props.onExpand?.(item, index) === false || isNil(expandedSetRef.value)) return;
-  const k = props.getItemKey(item, index);
-  const expanded = expandedSetRef.value;
-  if (expanded.has(k)) expanded.delete(k);
-  else expanded.add(k);
-  optionalUpdateRef(expandedSetRef);
+  props.onExpand?.(item, index);
 }
 
 function handleToggle(item: T, index: number) {
-  if (props.onToggle?.(item, index) === false || isNil(toggledSetRef.value)) return;
-  const k = props.getItemKey(item, index);
-  const toggled = toggledSetRef.value;
-  if (toggled.has(k)) toggled.delete(k);
-  else toggled.add(k);
-  optionalUpdateRef(toggledSetRef);
+  props.onToggle?.(item, index);
 }
 
 function handlePin(item: T, index: number) {
@@ -211,43 +217,18 @@ function handlePin(item: T, index: number) {
     throw new Error('Pinnable item not found');
   }
 
-  if (props.onPin?.(item, index) === false || isNil(pinnedSetRef.value)) return;
+  const alreadyPinned = pinnedItemsRef.value.includes(item);
+
+  if (props.onPin?.(item, index) === false) return;
 
-  const k = props.getItemKey(item, index);
-  const pinned = pinnedSetRef.value;
-  const alreadyPinned = pinned.has(k);
-  if (alreadyPinned) pinned.delete(k);
-  else pinned.add(k);
-  optionalUpdateRef(pinnedSetRef);
-  moveItems(index, pinned.size + (alreadyPinned ? 0 : -1), false);
+  moveItems(index, pinnedItemsRef.value.length + (alreadyPinned ? 0 : -1), false);
 }
 
 function handleRemove(item: T, index: number) {
-  if (props.onRemove?.(item, index) !== false) {
-    const k = props.getItemKey(item, index);
-
-    itemsRef.value.splice(index, 1);
-    optionalUpdateRef(itemsRef);
-
-    if (pinnedSetRef.value?.has(k)) {
-      pinnedSetRef.value.delete(k);
-      optionalUpdateRef(pinnedSetRef);
-    }
-
-    if (toggledSetRef.value?.has(k)) {
-      toggledSetRef.value.delete(k);
-      optionalUpdateRef(toggledSetRef);
-    }
-  }
+  if (props.onRemove?.(item, index) === false) return;
+  itemsRef.value.splice(index, 1);
 }
 
-// version fix problem with sync between data and rendered values
-const getKey = (item: T, index: number) => {
-  return `${versionRef.value}-${props.getItemKey(item, index)}`;
-};
-const pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));
-const unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));
-
 const getItemClass = (item: T, index: number): null | string | string[] => {
   if (typeof props.itemClass === 'function') {
     return props.itemClass(item, index);
@@ -267,15 +248,15 @@ const getItemClass = (item: T, index: number): null | string | string[] => {
         :index="pinnedIndex"
         :item="pinnedItem"
         :showDragHandle="dndSortingEnabled"
-        :isActive="isActive(pinnedItem, pinnedIndex)"
-        :isDraggable="isDraggable(pinnedItem, pinnedIndex)"
-        :isRemovable="isRemovable(pinnedItem, pinnedIndex)"
-        :isToggable="isToggable(pinnedItem, pinnedIndex)"
-        :isToggled="isToggled(pinnedItem, pinnedIndex)"
-        :isPinnable="isPinnable(pinnedItem, pinnedIndex)"
-        :isPinned="isPinned(pinnedItem, pinnedIndex)"
-        :isExpandable="isExpandable(pinnedItem, pinnedIndex)"
-        :isExpanded="isExpanded(pinnedItem, pinnedIndex)"
+        :isActive="isActiveItem(pinnedItem, pinnedIndex)"
+        :isDraggable="isDraggableItem(pinnedItem, pinnedIndex)"
+        :isRemovable="isRemovableItem(pinnedItem, pinnedIndex)"
+        :isToggable="isToggableItem(pinnedItem, pinnedIndex)"
+        :isToggled="isToggledItem(pinnedItem, pinnedIndex)"
+        :isPinnable="isPinnableItem(pinnedItem, pinnedIndex)"
+        :isPinned="true"
+        :isExpandable="isExpandableItem(pinnedItem, pinnedIndex)"
+        :isExpanded="isExpandedItem(pinnedItem, pinnedIndex)"
 
         @click="emits('itemClick', pinnedItem)"
         @remove="handleRemove"
@@ -296,18 +277,18 @@ const getItemClass = (item: T, index: number): null | string | string[] => {
         v-for="(unpinnedItem, unpinnedIndex) in unpinnedItemsRef" :key="unpinnedKeysRef[unpinnedIndex]"
         :class="[$style.item, getItemClass(unpinnedItem, unpinnedIndex)]"
 
-        :index="unpinnedIndex + (pinnedSetRef?.size ?? 0)"
+        :index="unpinnedIndex + (pinnedItemsRef?.length ?? 0)"
         :item="unpinnedItem"
         :showDragHandle="dndSortingEnabled"
-        :isActive="isActive(unpinnedItem, unpinnedIndex)"
-        :isDraggable="isDraggable(unpinnedItem, unpinnedIndex)"
-        :isRemovable="isRemovable(unpinnedItem, unpinnedIndex)"
-        :isToggable="isToggable(unpinnedItem, unpinnedIndex)"
-        :isToggled="isToggled(unpinnedItem, unpinnedIndex)"
-        :isPinnable="isPinnable(unpinnedItem, unpinnedIndex)"
-        :isPinned="isPinned(unpinnedItem, unpinnedIndex)"
-        :isExpandable="isExpandable(unpinnedItem, unpinnedIndex)"
-        :isExpanded="isExpanded(unpinnedItem, unpinnedIndex)"
+        :isActive="isActiveItem(unpinnedItem, unpinnedIndex)"
+        :isDraggable="isDraggableItem(unpinnedItem, unpinnedIndex)"
+        :isRemovable="isRemovableItem(unpinnedItem, unpinnedIndex)"
+        :isToggable="isToggableItem(unpinnedItem, unpinnedIndex)"
+        :isToggled="isToggledItem(unpinnedItem, unpinnedIndex)"
+        :isPinnable="isPinnableItem(unpinnedItem, unpinnedIndex)"
+        :isPinned="false"
+        :isExpandable="isExpandableItem(unpinnedItem, unpinnedIndex)"
+        :isExpanded="isExpandedItem(unpinnedItem, unpinnedIndex)"
 
         @click="emits('itemClick', unpinnedItem)"
         @remove="handleRemove"

package/src/components/PlElementList/PlElementListItem.vue

@@ -86,7 +86,10 @@ const emit = defineEmits<{
         </div>
       </div>
     </div>
-    <div v-if="hasContentSlot && props.isExpanded" :class="$style.body">
+    <div
+      v-if="hasContentSlot && props.isExpanded"
+      :class="[$style.body, { [$style.disabled]: props.isToggled }]"
+    >
       <slot name="content" :item="props.item" :index="props.index" />
     </div>
   </div>
@@ -144,6 +147,7 @@ const emit = defineEmits<{
   display: flex;
   align-items: center;
   padding: 8px;
+  min-height: 40px;
   border-radius: var(--border-radius) var(--border-radius) 0 0;
   background: var(--head-background);
 
@@ -180,6 +184,10 @@ const emit = defineEmits<{
   gap: 12px;
   padding: 24px;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
+
+  &.disabled {
+    pointer-events: none;
+  }
 }
 
 .actions {