@cratis/components 0.1.18 → 1.0.3

package/dist/esm/PivotViewer/components/pivot/sprites.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprites.d.ts","sourceRoot":"","sources":["../../../../../PivotViewer/components/pivot/sprites.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI1D,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,MAAM,EACnD,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,KAAK,EAAE,EACd,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,EACtE,UAAU,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,EACnC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,EACpF,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GACzD,UAAU,CAoLZ;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,UAAU,QAS/C;AAED,wBAAgB,eAAe,SAa9B;AAGD,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,MAAM,EACpD,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAClC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,QA+FrF"}
+{"version":3,"file":"sprites.d.ts","sourceRoot":"","sources":["../../../../../PivotViewer/components/pivot/sprites.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI1D,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,MAAM,EACnD,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,KAAK,EAAE,EACd,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,EACtE,UAAU,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,EACnC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,EACtF,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GACzD,UAAU,CAoLZ;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,UAAU,QAS/C;AAED,wBAAgB,eAAe,SAa9B;AAGD,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,MAAM,EACpD,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAClC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,QA+FvF"}

package/dist/esm/PivotViewer/components/pivot/sprites.js

@@ -159,8 +159,8 @@ function updateCardContent(sprite, item, selectedId, cardWidth, cardHeight, card
     const colors = cardColors;
     const cardData = cardRenderer(item);
     const titleDisplay = cardData.title;
-    const labelsText = cardData.labels.join('\n');
-    const valuesText = cardData.values.join('\n');
+    const labelsText = (cardData.labels || []).join('\n');
+    const valuesText = (cardData.values || []).join('\n');
     const colorsChanged = sprite.lastCardColors !== colors;
     if (!sprite.titleText || sprite.titleText.destroyed)
         return;

package/dist/esm/PivotViewer/components/pivot/sprites.js.map

@@ -1 +1 @@
-{"version":3,"file":"sprites.js","sources":["../../../../../PivotViewer/components/pivot/sprites.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport * as PIXI from 'pixi.js';\nimport { CARD_GAP, CARD_PADDING, CARD_RADIUS } from './constants';\nimport type { CardSprite, CardColors } from './constants';\n\nconst spritePool: CardSprite[] = [];\n\nexport function createCardSprite<TItem extends object>(\n  id: number | string,\n  x: number,\n  y: number,\n  items: TItem[],\n  onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void,\n  onPanStart: (e: MouseEvent) => void,\n  cardWidth: number,\n  cardHeight: number,\n  cardColors: CardColors,\n  cardRenderer: (item: TItem) => { title: string; labels: string[]; values: string[] },\n  resolveId: (item: TItem, index: number) => string | number,\n): CardSprite {\n  if (spritePool.length > 0) {\n    const sprite = spritePool.pop()!;\n    if (sprite.container) {\n      sprite.container.visible = true;\n      sprite.container.alpha = 1;\n      sprite.container.position.set(x, y);\n    }\n    sprite.itemId = id;\n    sprite.targetX = x;\n    sprite.targetY = y;\n    sprite.currentX = x;\n    sprite.currentY = y;\n\n    // Reset animation state\n    delete sprite.animationStartTime;\n    delete sprite.animationDelay;\n    delete sprite.startX;\n    delete sprite.startY;\n\n    // Reset cache\n    sprite.lastSelectedId = null;\n    sprite.lastCardColors = undefined;\n    sprite.lastTitle = undefined;\n    sprite.lastLabels = undefined;\n    sprite.lastValues = undefined;\n\n    // Recreate graphics if it was destroyed\n    if (!sprite.graphics || sprite.graphics.destroyed) {\n      sprite.graphics = new PIXI.Graphics();\n      if (sprite.container) {\n        sprite.container.addChildAt(sprite.graphics, 0);\n      }\n    }\n\n    // Recreate text objects if they were destroyed\n    const offsetX = CARD_GAP / 2;\n    const offsetY = CARD_GAP / 2;\n    \n    if (!sprite.titleText || sprite.titleText.destroyed) {\n      sprite.titleText = new PIXI.Text('', {\n        fontSize: 13,\n        fill: cardColors.text as string | number,\n        fontWeight: '600',\n        lineHeight: 18,\n        wordWrap: false,\n      } as PIXI.TextStyle);\n      sprite.titleText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING);\n      if (sprite.container) {\n        sprite.container.addChild(sprite.titleText);\n      }\n    }\n\n    if (!sprite.labelsText || sprite.labelsText.destroyed) {\n      sprite.labelsText = new PIXI.Text('', {\n        fontSize: 11,\n        fill: cardColors.textSecondary as string | number,\n        fontWeight: '400',\n        lineHeight: 18,\n      } as PIXI.TextStyle);\n      sprite.labelsText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING + 40);\n      if (sprite.container) {\n        sprite.container.addChild(sprite.labelsText);\n      }\n    }\n\n    if (!sprite.valuesText || sprite.valuesText.destroyed) {\n      sprite.valuesText = new PIXI.Text('', {\n        fontSize: 11,\n        fill: cardColors.text as string | number,\n        fontWeight: '500',\n        lineHeight: 18,\n        wordWrap: false,\n      } as PIXI.TextStyle);\n      sprite.valuesText.position.set(offsetX + CARD_PADDING + 65, offsetY + CARD_PADDING + 40);\n      if (sprite.container) {\n        sprite.container.addChild(sprite.valuesText);\n      }\n    }\n\n    // Update event context\n    if (sprite.container) {\n      (sprite.container as unknown as { _eventContext: { items: TItem[]; onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void; id: number | string; cardRenderer: (item: TItem) => { title: string; labels: string[]; values: string[] }; resolveId: (item: TItem, index: number) => string | number } })._eventContext = { items, onCardClick, id, cardRenderer, resolveId };\n    }\n\n    return sprite;\n  }\n\n  const container = new PIXI.Container();\n  container.eventMode = 'static';\n  container.cursor = 'pointer';\n  container.position.set(x, y);\n\n  // Define hit area to match the visible card size (excluding gaps)\n  // This ensures the entire card is clickable and avoids issues with text blocking hits\n  container.hitArea = new PIXI.Rectangle(\n      CARD_GAP / 2,\n      CARD_GAP / 2,\n      cardWidth - CARD_GAP,\n      cardHeight - CARD_GAP\n  );\n\n  // Container configured for pointer interactions; hitArea matches visible card.\n\n  // Store context for event handlers\n  (container as unknown as { _eventContext: { items: TItem[]; onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void; id: number | string; cardRenderer: (item: TItem) => { title: string; labels: string[]; values: string[] }; resolveId: (item: TItem, index: number) => string | number } })._eventContext = { items, onCardClick, id, cardRenderer, resolveId };\n\n  const graphics = new PIXI.Graphics();\n\n  const actualWidth = cardWidth - CARD_GAP;\n  const actualHeight = cardHeight - CARD_GAP;\n  const offsetX = CARD_GAP / 2;\n  const offsetY = CARD_GAP / 2;\n\n  const gradient = new PIXI.FillGradient(0, offsetY, 0, offsetY + actualHeight);\n  gradient.addColorStop(0, cardColors.mid);\n  gradient.addColorStop(1, cardColors.base);\n\n  graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, CARD_RADIUS);\n  graphics.fill(gradient);\n\n  container.addChild(graphics);\n\n  const titleText = new PIXI.Text('', {\n    fontSize: 13,\n    fill: cardColors.text as string | number,\n    fontWeight: '600',\n    lineHeight: 18,\n    wordWrap: false,\n  } as PIXI.TextStyle);\n  titleText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING);\n  container.addChild(titleText);\n\n  const labelsText = new PIXI.Text('', {\n    fontSize: 11,\n    fill: cardColors.textSecondary as string | number,\n    fontWeight: '400',\n    lineHeight: 18,\n  } as PIXI.TextStyle);\n  labelsText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING + 40);\n  container.addChild(labelsText);\n\n  const valuesText = new PIXI.Text('', {\n    fontSize: 11,\n    fill: cardColors.text as string | number,\n    fontWeight: '500',\n    lineHeight: 18,\n    wordWrap: false,\n  } as PIXI.TextStyle);\n  valuesText.position.set(offsetX + CARD_PADDING + 65, offsetY + CARD_PADDING + 40);\n  container.addChild(valuesText);\n\n  container.on('click', (e: PIXI.FederatedPointerEvent) => {\n    e.stopPropagation();\n    const ctx = (container as unknown as { _eventContext: { items: TItem[]; onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void; id: number | string } })._eventContext;\n    const itemsArray = ctx.items;\n    const numericId = typeof ctx.id === 'number' ? ctx.id : Number(ctx.id);\n    const item = itemsArray[numericId];\n    if (item) {\n      ctx.onCardClick(item, e.nativeEvent as MouseEvent, ctx.id);\n    }\n  });\n\n  container.on('pointerdown', (e: PIXI.FederatedPointerEvent) => {\n    e.stopPropagation();\n    // onPanStart(e.nativeEvent as MouseEvent);\n  });\n\n  return {\n    container,\n    graphics,\n    titleText,\n    labelsText,\n    valuesText,\n    itemId: id,\n    targetX: x,\n    targetY: y,\n    currentX: x,\n    currentY: y,\n  };\n}\n\nexport function destroySprite(sprite: CardSprite) {\n  if (sprite.container && sprite.container.parent) {\n    sprite.container.parent.removeChild(sprite.container);\n  }\n  // Reset visibility to ensure it doesn't ghost if something goes wrong\n  if (sprite.container) {\n    sprite.container.visible = false;\n  }\n  spritePool.push(sprite);\n}\n\nexport function clearSpritePool() {\n  for (const sprite of spritePool) {\n    try {\n      sprite.graphics?.destroy();\n      sprite.titleText?.destroy();\n      sprite.labelsText?.destroy();\n      sprite.valuesText?.destroy();\n      sprite.container?.destroy();\n    } catch (e) {\n      void e;\n    }\n  }\n  spritePool.length = 0;\n}\n\n// Updated: Text objects now recreated when recycling pooled sprites\nexport function updateCardContent<TItem extends object>(\n  sprite: CardSprite,\n  item: TItem,\n  selectedId: string | number | null,\n  cardWidth: number,\n  cardHeight: number,\n  cardColors: CardColors,\n  cardRenderer: (item: TItem) => { title: string; labels: string[]; values: string[] },\n) {\n  if (!item) return;\n\n  // Selection rendering depends on sprite.itemId matching selectedId\n\n  const colors = cardColors;\n  const cardData = cardRenderer(item);\n  const titleDisplay = cardData.title;\n  const labelsText = cardData.labels.join('\\n');\n  const valuesText = cardData.values.join('\\n');\n  const colorsChanged = sprite.lastCardColors !== colors;\n\n  // Ensure text objects exist before using them\n  if (!sprite.titleText || sprite.titleText.destroyed) return;\n  if (!sprite.labelsText || sprite.labelsText.destroyed) return;\n  if (!sprite.valuesText || sprite.valuesText.destroyed) return;\n\n  if (sprite.lastTitle !== titleDisplay) {\n    sprite.titleText.text = titleDisplay;\n    sprite.lastTitle = titleDisplay;\n  }\n\n    if (sprite.lastLabels !== labelsText) {\n    sprite.labelsText.text = labelsText;\n    sprite.lastLabels = labelsText;\n  }\n\n  if (colorsChanged && sprite.labelsText.style) {\n    (sprite.labelsText.style as unknown as { fill: string | number }).fill = colors.textSecondary;\n  }\n\n  if (sprite.lastValues !== valuesText) {\n    sprite.valuesText.text = valuesText;\n    sprite.lastValues = valuesText;\n  }\n\n  if (colorsChanged && sprite.valuesText.style) {\n    (sprite.valuesText.style as unknown as { fill: string | number }).fill = colors.text;\n  }\n\n  sprite.titleText.visible = true;\n  sprite.labelsText.visible = true;\n  sprite.valuesText.visible = true;\n\n  const isSelected = sprite.itemId === selectedId;\n\n  // Only redraw graphics if selection state or colors changed\n  if (sprite.lastSelectedId === selectedId && !colorsChanged && sprite.graphics) {\n    return;\n  }\n\n  sprite.lastSelectedId = selectedId;\n  sprite.lastCardColors = cardColors;\n\n  // Ensure graphics exists before attempting to use it\n  if (!sprite.graphics || sprite.graphics.destroyed) {\n    sprite.graphics = new PIXI.Graphics();\n    if (sprite.container) {\n      sprite.container.addChildAt(sprite.graphics, 0);\n    }\n  } else {\n    sprite.graphics.clear();\n  }\n\n  const actualWidth = cardWidth - CARD_GAP;\n  const actualHeight = cardHeight - CARD_GAP;\n  const offsetX = CARD_GAP / 2;\n  const offsetY = CARD_GAP / 2;\n\n  const gradient = new PIXI.FillGradient(0, offsetY, 0, offsetY + actualHeight);\n  if (isSelected) {\n    gradient.addColorStop(0, colors.gradient);\n    gradient.addColorStop(1, colors.mid);\n  } else {\n    gradient.addColorStop(0, colors.mid);\n    gradient.addColorStop(1, colors.base);\n  }\n\n  sprite.graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, CARD_RADIUS);\n  \n  // Ensure graphics is still valid before filling\n  if (sprite.graphics && !sprite.graphics.destroyed) {\n    sprite.graphics.fill(gradient);\n  }\n\n  if (isSelected) {\n    if (sprite.graphics && !sprite.graphics.destroyed) {\n      sprite.graphics.stroke({ width: 2, color: colors.border });\n    }\n  } else {\n    if (sprite.graphics && !sprite.graphics.destroyed) {\n      sprite.graphics.stroke({ width: 1, color: colors.border, alpha: 0.35 });\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sprites.js","sources":["../../../../../PivotViewer/components/pivot/sprites.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport * as PIXI from 'pixi.js';\nimport { CARD_GAP, CARD_PADDING, CARD_RADIUS } from './constants';\nimport type { CardSprite, CardColors } from './constants';\n\nconst spritePool: CardSprite[] = [];\n\nexport function createCardSprite<TItem extends object>(\n  id: number | string,\n  x: number,\n  y: number,\n  items: TItem[],\n  onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void,\n  onPanStart: (e: MouseEvent) => void,\n  cardWidth: number,\n  cardHeight: number,\n  cardColors: CardColors,\n  cardRenderer: (item: TItem) => { title: string; labels?: string[]; values?: string[] },\n  resolveId: (item: TItem, index: number) => string | number,\n): CardSprite {\n  if (spritePool.length > 0) {\n    const sprite = spritePool.pop()!;\n    if (sprite.container) {\n      sprite.container.visible = true;\n      sprite.container.alpha = 1;\n      sprite.container.position.set(x, y);\n    }\n    sprite.itemId = id;\n    sprite.targetX = x;\n    sprite.targetY = y;\n    sprite.currentX = x;\n    sprite.currentY = y;\n\n    // Reset animation state\n    delete sprite.animationStartTime;\n    delete sprite.animationDelay;\n    delete sprite.startX;\n    delete sprite.startY;\n\n    // Reset cache\n    sprite.lastSelectedId = null;\n    sprite.lastCardColors = undefined;\n    sprite.lastTitle = undefined;\n    sprite.lastLabels = undefined;\n    sprite.lastValues = undefined;\n\n    // Recreate graphics if it was destroyed\n    if (!sprite.graphics || sprite.graphics.destroyed) {\n      sprite.graphics = new PIXI.Graphics();\n      if (sprite.container) {\n        sprite.container.addChildAt(sprite.graphics, 0);\n      }\n    }\n\n    // Recreate text objects if they were destroyed\n    const offsetX = CARD_GAP / 2;\n    const offsetY = CARD_GAP / 2;\n    \n    if (!sprite.titleText || sprite.titleText.destroyed) {\n      sprite.titleText = new PIXI.Text('', {\n        fontSize: 13,\n        fill: cardColors.text as string | number,\n        fontWeight: '600',\n        lineHeight: 18,\n        wordWrap: false,\n      } as PIXI.TextStyle);\n      sprite.titleText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING);\n      if (sprite.container) {\n        sprite.container.addChild(sprite.titleText);\n      }\n    }\n\n    if (!sprite.labelsText || sprite.labelsText.destroyed) {\n      sprite.labelsText = new PIXI.Text('', {\n        fontSize: 11,\n        fill: cardColors.textSecondary as string | number,\n        fontWeight: '400',\n        lineHeight: 18,\n      } as PIXI.TextStyle);\n      sprite.labelsText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING + 40);\n      if (sprite.container) {\n        sprite.container.addChild(sprite.labelsText);\n      }\n    }\n\n    if (!sprite.valuesText || sprite.valuesText.destroyed) {\n      sprite.valuesText = new PIXI.Text('', {\n        fontSize: 11,\n        fill: cardColors.text as string | number,\n        fontWeight: '500',\n        lineHeight: 18,\n        wordWrap: false,\n      } as PIXI.TextStyle);\n      sprite.valuesText.position.set(offsetX + CARD_PADDING + 65, offsetY + CARD_PADDING + 40);\n      if (sprite.container) {\n        sprite.container.addChild(sprite.valuesText);\n      }\n    }\n\n    // Update event context\n    if (sprite.container) {\n      (sprite.container as unknown as { _eventContext: { items: TItem[]; onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void; id: number | string; cardRenderer: (item: TItem) => { title: string; labels?: string[]; values?: string[] }; resolveId: (item: TItem, index: number) => string | number } })._eventContext = { items, onCardClick, id, cardRenderer, resolveId };\n    }\n\n    return sprite;\n  }\n\n  const container = new PIXI.Container();\n  container.eventMode = 'static';\n  container.cursor = 'pointer';\n  container.position.set(x, y);\n\n  // Define hit area to match the visible card size (excluding gaps)\n  // This ensures the entire card is clickable and avoids issues with text blocking hits\n  container.hitArea = new PIXI.Rectangle(\n      CARD_GAP / 2,\n      CARD_GAP / 2,\n      cardWidth - CARD_GAP,\n      cardHeight - CARD_GAP\n  );\n\n  // Container configured for pointer interactions; hitArea matches visible card.\n\n  // Store context for event handlers\n  (container as unknown as { _eventContext: { items: TItem[]; onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void; id: number | string; cardRenderer: (item: TItem) => { title: string; labels?: string[]; values?: string[] }; resolveId: (item: TItem, index: number) => string | number } })._eventContext = { items, onCardClick, id, cardRenderer, resolveId };\n\n  const graphics = new PIXI.Graphics();\n\n  const actualWidth = cardWidth - CARD_GAP;\n  const actualHeight = cardHeight - CARD_GAP;\n  const offsetX = CARD_GAP / 2;\n  const offsetY = CARD_GAP / 2;\n\n  const gradient = new PIXI.FillGradient(0, offsetY, 0, offsetY + actualHeight);\n  gradient.addColorStop(0, cardColors.mid);\n  gradient.addColorStop(1, cardColors.base);\n\n  graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, CARD_RADIUS);\n  graphics.fill(gradient);\n\n  container.addChild(graphics);\n\n  const titleText = new PIXI.Text('', {\n    fontSize: 13,\n    fill: cardColors.text as string | number,\n    fontWeight: '600',\n    lineHeight: 18,\n    wordWrap: false,\n  } as PIXI.TextStyle);\n  titleText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING);\n  container.addChild(titleText);\n\n  const labelsText = new PIXI.Text('', {\n    fontSize: 11,\n    fill: cardColors.textSecondary as string | number,\n    fontWeight: '400',\n    lineHeight: 18,\n  } as PIXI.TextStyle);\n  labelsText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING + 40);\n  container.addChild(labelsText);\n\n  const valuesText = new PIXI.Text('', {\n    fontSize: 11,\n    fill: cardColors.text as string | number,\n    fontWeight: '500',\n    lineHeight: 18,\n    wordWrap: false,\n  } as PIXI.TextStyle);\n  valuesText.position.set(offsetX + CARD_PADDING + 65, offsetY + CARD_PADDING + 40);\n  container.addChild(valuesText);\n\n  container.on('click', (e: PIXI.FederatedPointerEvent) => {\n    e.stopPropagation();\n    const ctx = (container as unknown as { _eventContext: { items: TItem[]; onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void; id: number | string } })._eventContext;\n    const itemsArray = ctx.items;\n    const numericId = typeof ctx.id === 'number' ? ctx.id : Number(ctx.id);\n    const item = itemsArray[numericId];\n    if (item) {\n      ctx.onCardClick(item, e.nativeEvent as MouseEvent, ctx.id);\n    }\n  });\n\n  container.on('pointerdown', (e: PIXI.FederatedPointerEvent) => {\n    e.stopPropagation();\n    // onPanStart(e.nativeEvent as MouseEvent);\n  });\n\n  return {\n    container,\n    graphics,\n    titleText,\n    labelsText,\n    valuesText,\n    itemId: id,\n    targetX: x,\n    targetY: y,\n    currentX: x,\n    currentY: y,\n  };\n}\n\nexport function destroySprite(sprite: CardSprite) {\n  if (sprite.container && sprite.container.parent) {\n    sprite.container.parent.removeChild(sprite.container);\n  }\n  // Reset visibility to ensure it doesn't ghost if something goes wrong\n  if (sprite.container) {\n    sprite.container.visible = false;\n  }\n  spritePool.push(sprite);\n}\n\nexport function clearSpritePool() {\n  for (const sprite of spritePool) {\n    try {\n      sprite.graphics?.destroy();\n      sprite.titleText?.destroy();\n      sprite.labelsText?.destroy();\n      sprite.valuesText?.destroy();\n      sprite.container?.destroy();\n    } catch (e) {\n      void e;\n    }\n  }\n  spritePool.length = 0;\n}\n\n// Updated: Text objects now recreated when recycling pooled sprites\nexport function updateCardContent<TItem extends object>(\n  sprite: CardSprite,\n  item: TItem,\n  selectedId: string | number | null,\n  cardWidth: number,\n  cardHeight: number,\n  cardColors: CardColors,\n  cardRenderer: (item: TItem) => { title: string; labels?: string[]; values?: string[] },\n) {\n  if (!item) return;\n\n  // Selection rendering depends on sprite.itemId matching selectedId\n\n  const colors = cardColors;\n  const cardData = cardRenderer(item);\n  const titleDisplay = cardData.title;\n  const labelsText = (cardData.labels || []).join('\\n');\n  const valuesText = (cardData.values || []).join('\\n');\n  const colorsChanged = sprite.lastCardColors !== colors;\n\n  // Ensure text objects exist before using them\n  if (!sprite.titleText || sprite.titleText.destroyed) return;\n  if (!sprite.labelsText || sprite.labelsText.destroyed) return;\n  if (!sprite.valuesText || sprite.valuesText.destroyed) return;\n\n  if (sprite.lastTitle !== titleDisplay) {\n    sprite.titleText.text = titleDisplay;\n    sprite.lastTitle = titleDisplay;\n  }\n\n    if (sprite.lastLabels !== labelsText) {\n    sprite.labelsText.text = labelsText;\n    sprite.lastLabels = labelsText;\n  }\n\n  if (colorsChanged && sprite.labelsText.style) {\n    (sprite.labelsText.style as unknown as { fill: string | number }).fill = colors.textSecondary;\n  }\n\n  if (sprite.lastValues !== valuesText) {\n    sprite.valuesText.text = valuesText;\n    sprite.lastValues = valuesText;\n  }\n\n  if (colorsChanged && sprite.valuesText.style) {\n    (sprite.valuesText.style as unknown as { fill: string | number }).fill = colors.text;\n  }\n\n  sprite.titleText.visible = true;\n  sprite.labelsText.visible = true;\n  sprite.valuesText.visible = true;\n\n  const isSelected = sprite.itemId === selectedId;\n\n  // Only redraw graphics if selection state or colors changed\n  if (sprite.lastSelectedId === selectedId && !colorsChanged && sprite.graphics) {\n    return;\n  }\n\n  sprite.lastSelectedId = selectedId;\n  sprite.lastCardColors = cardColors;\n\n  // Ensure graphics exists before attempting to use it\n  if (!sprite.graphics || sprite.graphics.destroyed) {\n    sprite.graphics = new PIXI.Graphics();\n    if (sprite.container) {\n      sprite.container.addChildAt(sprite.graphics, 0);\n    }\n  } else {\n    sprite.graphics.clear();\n  }\n\n  const actualWidth = cardWidth - CARD_GAP;\n  const actualHeight = cardHeight - CARD_GAP;\n  const offsetX = CARD_GAP / 2;\n  const offsetY = CARD_GAP / 2;\n\n  const gradient = new PIXI.FillGradient(0, offsetY, 0, offsetY + actualHeight);\n  if (isSelected) {\n    gradient.addColorStop(0, colors.gradient);\n    gradient.addColorStop(1, colors.mid);\n  } else {\n    gradient.addColorStop(0, colors.mid);\n    gradient.addColorStop(1, colors.base);\n  }\n\n  sprite.graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, CARD_RADIUS);\n  \n  // Ensure graphics is still valid before filling\n  if (sprite.graphics && !sprite.graphics.destroyed) {\n    sprite.graphics.fill(gradient);\n  }\n\n  if (isSelected) {\n    if (sprite.graphics && !sprite.graphics.destroyed) {\n      sprite.graphics.stroke({ width: 2, color: colors.border });\n    }\n  } else {\n    if (sprite.graphics && !sprite.graphics.destroyed) {\n      sprite.graphics.stroke({ width: 1, color: colors.border, alpha: 0.35 });\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/types.d.ts

@@ -40,8 +40,8 @@ export interface PivotViewerProps<TItem extends object> {
     defaultDimensionKey?: string;
     cardRenderer: (item: TItem) => {
         title: string;
-        labels: string[];
-        values: string[];
+        labels?: string[];
+        values?: string[];
     };
     detailRenderer?: (item: TItem, onClose: () => void) => ReactNode;
     getItemId?: (item: TItem, index: number) => string | number;

package/dist/esm/PivotViewer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../PivotViewer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../PivotViewer/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../PivotViewer/types.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { ReactNode } from 'react';\n\nexport type PivotPrimitive = string | number | boolean | Date | null | undefined;\n\n/**\n * Type-safe property accessor for accessing properties, including nested ones\n */\nexport type PropertyAccessor<TItem> = (item: TItem) => unknown;\n\n/**\n * Extract property path from a property accessor function\n * Supports nested properties like item => item.address.city\n */\nexport function getPropertyPath<TItem>(accessor: PropertyAccessor<TItem>): string {\n    const fnStr = accessor.toString();\n    // Match patterns like: item => item.prop or item => item.prop.nested or (item) => item.prop\n    const match = fnStr.match(/(?:=>|return)\\s*[a-zA-Z_$][a-zA-Z0-9_$]*\\.([a-zA-Z_$][a-zA-Z0-9_$.]*)/);\n    return match ? match[1] : '';\n}\n\n/**\n * Get the value from an item using a property path string\n * Supports nested properties like \"address.city\"\n */\nexport function getValueByPath<TItem>(item: TItem, path: string): unknown {\n    const parts = path.split('.');\n    let value: unknown = item;\n    for (const part of parts) {\n        if (value === null || value === undefined) {\n            return undefined;\n        }\n        value = value[part];\n    }\n    return value;\n}\n\nexport interface PivotGroup<TItem extends object> {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  items: TItem[];\n  count?: number;\n}\n\nexport interface PivotDimension<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  formatValue?: (value: PivotPrimitive) => string;\n  sort?: (a: PivotGroup<TItem>, b: PivotGroup<TItem>) => number;\n}\n\nexport interface PivotFilterOption {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  count: number;\n}\n\nexport interface PivotFilter<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  multi?: boolean;\n  options?: PivotFilterOption[];\n  sort?: (a: PivotFilterOption, b: PivotFilterOption) => number;\n  /** For numeric filters, enables range picker with histogram */\n  type?: 'string' | 'number' | 'date';\n  /** Number of buckets for the histogram in range filters */\n  buckets?: number;\n}\n\nexport interface PivotViewerProps<TItem extends object> {\n  data: TItem[];\n  dimensions: PivotDimension<TItem>[];\n  filters?: PivotFilter<TItem>[];\n  defaultDimensionKey?: string;\n  /** Renderer for card content; returns structured text data for display */\n  cardRenderer: (item: TItem) => { title: string; labels: string[]; values: string[] };\n  /** Optional renderer for the detail content area; the drawer shell (header/close/layout) stays component-owned */\n  detailRenderer?: (item: TItem, onClose: () => void) => ReactNode;\n  getItemId?: (item: TItem, index: number) => string | number;\n  searchFields?: PropertyAccessor<TItem>[];\n  className?: string;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  /**\n   * Optional color overrides mapped to PrimeReact-like CSS variables.\n   * If omitted, values are taken from the global theme (PrimeReact defaults).\n   */\n  colors?: Partial<{\n    primaryColor: string;\n    primaryColorText: string;\n    primary500: string;\n    surfaceGround: string;\n    surfaceCard: string;\n    surfaceSection: string;\n    surfaceOverlay: string;\n    surfaceBorder: string;\n    textColor: string;\n    textColorSecondary: string;\n    highlightBg: string;\n    maskbg: string;\n    focusRing: string;\n  }>;\n}\n\nexport type FilterState = Record<string, Set<string>>;\n\nexport type RangeFilterState = Record<string, [number, number] | null>;\n"],"names":[],"mappings":"AAgBM,SAAU,eAAe,CAAQ,QAAiC,EAAA;AACpE,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,uEAAuE,CAAC;AAClG,IAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;AAChC;AAMM,SAAU,cAAc,CAAQ,IAAW,EAAE,IAAY,EAAA;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAI,KAAK,GAAY,IAAI;AACzB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,KAAK;AAChB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../PivotViewer/types.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { ReactNode } from 'react';\n\nexport type PivotPrimitive = string | number | boolean | Date | null | undefined;\n\n/**\n * Type-safe property accessor for accessing properties, including nested ones\n */\nexport type PropertyAccessor<TItem> = (item: TItem) => unknown;\n\n/**\n * Extract property path from a property accessor function\n * Supports nested properties like item => item.address.city\n */\nexport function getPropertyPath<TItem>(accessor: PropertyAccessor<TItem>): string {\n    const fnStr = accessor.toString();\n    // Match patterns like: item => item.prop or item => item.prop.nested or (item) => item.prop\n    const match = fnStr.match(/(?:=>|return)\\s*[a-zA-Z_$][a-zA-Z0-9_$]*\\.([a-zA-Z_$][a-zA-Z0-9_$.]*)/);\n    return match ? match[1] : '';\n}\n\n/**\n * Get the value from an item using a property path string\n * Supports nested properties like \"address.city\"\n */\nexport function getValueByPath<TItem>(item: TItem, path: string): unknown {\n    const parts = path.split('.');\n    let value: unknown = item;\n    for (const part of parts) {\n        if (value === null || value === undefined) {\n            return undefined;\n        }\n        value = value[part];\n    }\n    return value;\n}\n\nexport interface PivotGroup<TItem extends object> {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  items: TItem[];\n  count?: number;\n}\n\nexport interface PivotDimension<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  formatValue?: (value: PivotPrimitive) => string;\n  sort?: (a: PivotGroup<TItem>, b: PivotGroup<TItem>) => number;\n}\n\nexport interface PivotFilterOption {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  count: number;\n}\n\nexport interface PivotFilter<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  multi?: boolean;\n  options?: PivotFilterOption[];\n  sort?: (a: PivotFilterOption, b: PivotFilterOption) => number;\n  /** For numeric filters, enables range picker with histogram */\n  type?: 'string' | 'number' | 'date';\n  /** Number of buckets for the histogram in range filters */\n  buckets?: number;\n}\n\nexport interface PivotViewerProps<TItem extends object> {\n  data: TItem[];\n  dimensions: PivotDimension<TItem>[];\n  filters?: PivotFilter<TItem>[];\n  defaultDimensionKey?: string;\n  /** Renderer for card content; returns structured text data for display */\n  cardRenderer: (item: TItem) => { title: string; labels?: string[]; values?: string[] };\n  /** Optional renderer for the detail content area; the drawer shell (header/close/layout) stays component-owned */\n  detailRenderer?: (item: TItem, onClose: () => void) => ReactNode;\n  getItemId?: (item: TItem, index: number) => string | number;\n  searchFields?: PropertyAccessor<TItem>[];\n  className?: string;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  /**\n   * Optional color overrides mapped to PrimeReact-like CSS variables.\n   * If omitted, values are taken from the global theme (PrimeReact defaults).\n   */\n  colors?: Partial<{\n    primaryColor: string;\n    primaryColorText: string;\n    primary500: string;\n    surfaceGround: string;\n    surfaceCard: string;\n    surfaceSection: string;\n    surfaceOverlay: string;\n    surfaceBorder: string;\n    textColor: string;\n    textColorSecondary: string;\n    highlightBg: string;\n    maskbg: string;\n    focusRing: string;\n  }>;\n}\n\nexport type FilterState = Record<string, Set<string>>;\n\nexport type RangeFilterState = Record<string, [number, number] | null>;\n"],"names":[],"mappings":"AAgBM,SAAU,eAAe,CAAQ,QAAiC,EAAA;AACpE,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,uEAAuE,CAAC;AAClG,IAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;AAChC;AAMM,SAAU,cAAc,CAAQ,IAAW,EAAE,IAAY,EAAA;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAI,KAAK,GAAY,IAAI;AACzB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,KAAK;AAChB;;;;"}

package/dist/esm/SchemaEditor/NameCell.d.ts

@@ -0,0 +1,9 @@
+import { JsonSchemaProperty } from '../types/JsonSchema';
+export interface NameCellProps {
+    rowData: JsonSchemaProperty;
+    isEditMode: boolean;
+    onUpdate: (oldName: string, field: keyof JsonSchemaProperty, value: unknown) => void;
+    validationError?: string;
+}
+export declare const NameCell: ({ rowData, isEditMode, onUpdate, validationError }: NameCellProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NameCell.d.ts.map

package/dist/esm/SchemaEditor/NameCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NameCell.d.ts","sourceRoot":"","sources":["../../../SchemaEditor/NameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,GAAI,oDAAoD,aAAa,4CAqCzF,CAAC"}

package/dist/esm/SchemaEditor/NameCell.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InputText } from 'primereact/inputtext';
+import * as faIcons from 'react-icons/fa6';
+
+const NameCell = ({ rowData, isEditMode, onUpdate, validationError }) => {
+    if (!isEditMode) {
+        const isNavigable = rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object');
+        const navigationTooltipText = rowData.type === 'object'
+            ? 'Click to navigate to object properties'
+            : 'Click to navigate to item definition';
+        return (jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx("span", { className: isNavigable ? 'schema-navigation-tooltip' : undefined, "data-pr-tooltip": isNavigable ? navigationTooltipText : undefined, "data-pr-position": "top", children: rowData.name }), rowData.description && (jsx(faIcons.FaCircleInfo, { className: "schema-description-tooltip", style: { color: 'var(--text-color-secondary)', fontSize: '0.875rem' }, "data-pr-tooltip": rowData.description, "data-pr-position": "right" }))] }));
+    }
+    return (jsx(InputText, { value: rowData.name || '', onChange: (e) => onUpdate(rowData.name || '', 'name', e.target.value), className: `w-full ${validationError ? 'p-invalid' : ''}`, "data-pr-tooltip": validationError, "data-pr-position": "top" }));
+};
+
+export { NameCell };
+//# sourceMappingURL=NameCell.js.map

package/dist/esm/SchemaEditor/NameCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NameCell.js","sources":["../../../SchemaEditor/NameCell.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { InputText } from 'primereact/inputtext';\nimport * as faIcons from 'react-icons/fa6';\nimport { JsonSchemaProperty } from '../types/JsonSchema';\n\nexport interface NameCellProps {\n    rowData: JsonSchemaProperty;\n    isEditMode: boolean;\n    onUpdate: (oldName: string, field: keyof JsonSchemaProperty, value: unknown) => void;\n    validationError?: string;\n}\n\nexport const NameCell = ({ rowData, isEditMode, onUpdate, validationError }: NameCellProps) => {\n    if (!isEditMode) {\n        const isNavigable = rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object');\n        const navigationTooltipText = rowData.type === 'object'\n            ? 'Click to navigate to object properties'\n            : 'Click to navigate to item definition';\n\n        return (\n            <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                <span\n                    className={isNavigable ? 'schema-navigation-tooltip' : undefined}\n                    data-pr-tooltip={isNavigable ? navigationTooltipText : undefined}\n                    data-pr-position=\"top\"\n                >\n                    {rowData.name}\n                </span>\n                {rowData.description && (\n                    <faIcons.FaCircleInfo\n                        className=\"schema-description-tooltip\"\n                        style={{ color: 'var(--text-color-secondary)', fontSize: '0.875rem' }}\n                        data-pr-tooltip={rowData.description}\n                        data-pr-position=\"right\"\n                    />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <InputText\n            value={rowData.name || ''}\n            onChange={(e) => onUpdate(rowData.name || '', 'name', e.target.value)}\n            className={`w-full ${validationError ? 'p-invalid' : ''}`}\n            data-pr-tooltip={validationError}\n            data-pr-position=\"top\"\n        />\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAcO,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAiB,KAAI;IAC1F,IAAI,CAAC,UAAU,EAAE;QACb,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,KAAK,QAAQ,KAAK,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC;AAC/G,QAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,KAAK;AAC3C,cAAE;cACA,sCAAsC;AAE5C,QAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChEC,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,WAAW,GAAG,2BAA2B,GAAG,SAAS,EAAA,iBAAA,EAC/C,WAAW,GAAG,qBAAqB,GAAG,SAAS,EAAA,kBAAA,EAC/C,KAAK,EAAA,QAAA,EAErB,OAAO,CAAC,IAAI,GACV,EACN,OAAO,CAAC,WAAW,KAChBA,GAAA,CAAC,OAAO,CAAC,YAAY,IACjB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA,iBAAA,EACpD,OAAO,CAAC,WAAW,EAAA,kBAAA,EACnB,OAAO,GAC1B,CACL,CAAA,EAAA,CACC;IAEd;IAEA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrE,SAAS,EAAE,CAAA,OAAA,EAAU,eAAe,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,EAAA,iBAAA,EACxC,eAAe,EAAA,kBAAA,EACf,KAAK,EAAA,CACxB;AAEV;;;;"}

package/dist/esm/SchemaEditor/SchemaEditor.d.ts

@@ -0,0 +1,17 @@
+import { JsonSchema } from '../types/JsonSchema';
+import { TypeFormat } from '../types/TypeFormat';
+export interface SchemaEditorProps {
+    schema: JsonSchema;
+    eventTypeName?: string;
+    canEdit?: boolean;
+    canNotEditReason?: string;
+    onChange?: (schema: JsonSchema) => void;
+    onSave?: () => void;
+    onCancel?: () => void;
+    editMode?: boolean;
+    saveDisabled?: boolean;
+    cancelDisabled?: boolean;
+    typeFormats?: TypeFormat[];
+}
+export declare const SchemaEditor: ({ schema, eventTypeName, canEdit, canNotEditReason, onChange, onSave, onCancel, editMode, saveDisabled, cancelDisabled, typeFormats }: SchemaEditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SchemaEditor.d.ts.map

package/dist/esm/SchemaEditor/SchemaEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEditor.d.ts","sourceRoot":"","sources":["../../../SchemaEditor/SchemaEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAsC,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,UAAU,EAAwB,MAAM,qBAAqB,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,GAAI,uIAY1B,iBAAiB,4CAsbnB,CAAC"}

package/dist/esm/SchemaEditor/SchemaEditor.js

@@ -0,0 +1,331 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { Button } from 'primereact/button';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { Menubar } from 'primereact/menubar';
+import { Tooltip } from 'primereact/tooltip';
+import * as faIcons from 'react-icons/fa6';
+import { NameCell } from './NameCell.js';
+import { TypeCell } from './TypeCell.js';
+import { DEFAULT_TYPE_FORMATS } from '../types/TypeFormat.js';
+import css from './SchemaEditor.module.css';
+
+const SchemaEditor = ({ schema, eventTypeName = '', canEdit = true, canNotEditReason, onChange, onSave, onCancel, editMode, saveDisabled = false, cancelDisabled = false, typeFormats = DEFAULT_TYPE_FORMATS }) => {
+    const [currentPath, setCurrentPath] = useState([]);
+    const [properties, setProperties] = useState([]);
+    const [currentSchema, setCurrentSchema] = useState(schema);
+    const [isEditMode, setIsEditMode] = useState(editMode ?? false);
+    const [initialSchema, setInitialSchema] = useState(schema);
+    const [validationErrors, setValidationErrors] = useState({});
+    useEffect(() => {
+        if (!isEditMode) {
+            setCurrentPath([]);
+        }
+    }, [isEditMode]);
+    const validatePropertyName = useCallback((name, propertyId, allProperties) => {
+        if (!name || name.trim() === '') {
+            return 'Property name cannot be empty';
+        }
+        const validIdentifierPattern = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+        if (!validIdentifierPattern.test(name)) {
+            return 'Property name must start with a letter or underscore and contain only letters, numbers, and underscores';
+        }
+        const duplicates = allProperties.filter(p => p.name === name && p.id !== propertyId);
+        if (duplicates.length > 0) {
+            return 'Property name must be unique';
+        }
+        return undefined;
+    }, []);
+    const validateAllProperties = useCallback((properties) => {
+        const errors = {};
+        properties.forEach(prop => {
+            if (!prop.name)
+                return;
+            const error = validatePropertyName(prop.name, prop.id, properties);
+            if (error) {
+                errors[prop.id] = error;
+            }
+        });
+        setValidationErrors(errors);
+        return Object.keys(errors).length === 0;
+    }, [validatePropertyName]);
+    useEffect(() => {
+        setCurrentSchema(schema);
+        setInitialSchema(JSON.parse(JSON.stringify(schema)));
+    }, [schema]);
+    useEffect(() => {
+        loadPropertiesForCurrentPath();
+    }, [currentPath, currentSchema, isEditMode]);
+    const loadPropertiesForCurrentPath = () => {
+        let targetSchema = currentSchema;
+        for (const segment of currentPath) {
+            if (targetSchema.type === 'array' && segment === '$items') {
+                targetSchema = targetSchema.items || {};
+            }
+            else if (targetSchema.properties && targetSchema.properties[segment]) {
+                targetSchema = targetSchema.properties[segment];
+            }
+            else {
+                return;
+            }
+        }
+        const schemaProps = [];
+        if (targetSchema.properties) {
+            let idCounter = 0;
+            for (const [name, property] of Object.entries(targetSchema.properties)) {
+                schemaProps.push({
+                    id: `prop-${currentPath.join('-')}-${idCounter++}`,
+                    name,
+                    type: property.type || 'string',
+                    format: property.format,
+                    description: property.description,
+                    items: property.items,
+                    properties: property.properties,
+                    required: currentSchema.required?.includes(name) || false
+                });
+            }
+        }
+        setProperties(schemaProps);
+        if (isEditMode) {
+            validateAllProperties(schemaProps);
+        }
+    };
+    const updateSchemaAtPath = useCallback((path, updater) => {
+        const newSchema = JSON.parse(JSON.stringify(currentSchema));
+        if (path.length === 0) {
+            const updated = updater(newSchema);
+            setCurrentSchema(updated);
+            onChange?.(updated);
+            return;
+        }
+        let targetSchema = newSchema;
+        for (let i = 0; i < path.length - 1; i++) {
+            const segment = path[i];
+            if (targetSchema.type === 'array' && segment === '$items') {
+                if (!targetSchema.items) {
+                    targetSchema.items = { type: 'object', properties: {} };
+                }
+                targetSchema = targetSchema.items;
+            }
+            else if (targetSchema.properties && targetSchema.properties[segment]) {
+                targetSchema = targetSchema.properties[segment];
+            }
+        }
+        const lastSegment = path[path.length - 1];
+        if (targetSchema.type === 'array' && lastSegment === '$items') {
+            targetSchema.items = updater(targetSchema.items || {});
+        }
+        else {
+            if (!targetSchema.properties) {
+                targetSchema.properties = {};
+            }
+            targetSchema.properties[lastSegment] = updater(targetSchema.properties[lastSegment] || {});
+        }
+        setCurrentSchema(newSchema);
+        onChange?.(newSchema);
+    }, [currentSchema, onChange]);
+    const addProperty = useCallback(() => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            let newName = 'newProperty';
+            let counter = 1;
+            while (newProps[newName]) {
+                newName = `newProperty${counter++}`;
+            }
+            newProps[newName] = { type: 'string' };
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const removeProperty = useCallback((propertyName) => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            delete newProps[propertyName];
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const updateProperty = useCallback((oldName, field, value, additionalUpdates) => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            const prop = { ...(newProps[oldName] || {}) };
+            if (field === 'name') {
+                if (value !== oldName && !newProps[value]) {
+                    newProps[value] = prop;
+                    delete newProps[oldName];
+                }
+            }
+            else if (field === 'type') {
+                prop.type = value;
+                if (value === 'array') {
+                    prop.items = { type: 'string' };
+                    delete prop.format;
+                }
+                else if (value === 'object') {
+                    prop.properties = {};
+                    delete prop.format;
+                    delete prop.items;
+                }
+                else {
+                    delete prop.items;
+                    delete prop.properties;
+                }
+                if (additionalUpdates) {
+                    if ('format' in additionalUpdates) {
+                        if (additionalUpdates.format) {
+                            prop.format = additionalUpdates.format;
+                        }
+                        else {
+                            delete prop.format;
+                        }
+                    }
+                }
+                newProps[oldName] = prop;
+            }
+            else if (field === 'format') {
+                if (value && value !== 'none') {
+                    prop.format = value;
+                }
+                else {
+                    delete prop.format;
+                }
+                newProps[oldName] = prop;
+            }
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const updateArrayItemType = useCallback((propertyName, itemType) => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            const prop = { ...(newProps[propertyName] || {}) };
+            if (itemType === 'object') {
+                prop.items = { type: 'object', properties: {} };
+            }
+            else if (itemType === 'array') {
+                prop.items = { type: 'array', items: { type: 'string' } };
+            }
+            else {
+                prop.items = { type: itemType };
+            }
+            newProps[propertyName] = prop;
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const navigateToProperty = useCallback((propertyName) => {
+        setCurrentPath([...currentPath, propertyName]);
+    }, [currentPath]);
+    const navigateToArrayItems = useCallback((propertyName) => {
+        setCurrentPath([...currentPath, propertyName, '$items']);
+    }, [currentPath]);
+    const navigateBack = useCallback(() => {
+        if (currentPath.length > 0) {
+            setCurrentPath(currentPath.slice(0, -1));
+        }
+    }, [currentPath]);
+    const navigateToBreadcrumb = useCallback((index) => {
+        const items = getBreadcrumbItems();
+        setCurrentPath(items[index].path);
+    }, [currentPath, eventTypeName]);
+    const handleSave = useCallback(() => {
+        onSave?.();
+        setIsEditMode(false);
+    }, [onSave]);
+    const handleCancel = useCallback(() => {
+        setCurrentSchema(JSON.parse(JSON.stringify(initialSchema)));
+        onChange?.(JSON.parse(JSON.stringify(initialSchema)));
+        setIsEditMode(false);
+        onCancel?.();
+    }, [initialSchema, onChange, onCancel]);
+    const handleEdit = useCallback(() => {
+        setInitialSchema(JSON.parse(JSON.stringify(currentSchema)));
+        setIsEditMode(true);
+    }, [currentSchema]);
+    const getBreadcrumbItems = () => {
+        const items = [{ name: eventTypeName, path: [] }];
+        for (let i = 0; i < currentPath.length; i++) {
+            const segment = currentPath[i];
+            if (segment === '$items') {
+                items.push({
+                    name: '[items]',
+                    path: currentPath.slice(0, i + 1)
+                });
+            }
+            else {
+                items.push({
+                    name: segment,
+                    path: currentPath.slice(0, i + 1)
+                });
+            }
+        }
+        return items;
+    };
+    const getCurrentDescription = useCallback(() => {
+        let targetSchema = currentSchema;
+        for (const segment of currentPath) {
+            if (targetSchema.type === 'array' && segment === '$items') {
+                targetSchema = targetSchema.items || {};
+            }
+            else if (targetSchema.properties && targetSchema.properties[segment]) {
+                targetSchema = targetSchema.properties[segment];
+            }
+            else {
+                return undefined;
+            }
+        }
+        return targetSchema.description;
+    }, [currentSchema, currentPath]);
+    const hasValidationErrors = Object.keys(validationErrors).length > 0;
+    const menuItems = useMemo(() => [
+        ...(!isEditMode ? [{
+                label: 'Edit',
+                icon: jsx(faIcons.FaPencil, { className: 'mr-2' }),
+                command: canEdit ? handleEdit : undefined,
+                className: !canEdit ? 'edit-disabled-with-reason' : undefined,
+                template: !canEdit && canNotEditReason ? (item) => (jsxs("div", { className: "p-menuitem-link p-disabled", "data-pr-tooltip": canNotEditReason, "data-pr-position": "bottom", style: { cursor: 'not-allowed', opacity: 0.6 }, children: [item.icon, jsx("span", { className: "p-menuitem-text", children: item.label })] })) : undefined
+            }] : []),
+        ...(isEditMode ? [
+            ...(!saveDisabled ? [{
+                    label: 'Save',
+                    icon: jsx(faIcons.FaCheck, { className: 'mr-2' }),
+                    command: hasValidationErrors ? undefined : handleSave,
+                    disabled: hasValidationErrors
+                }] : []),
+            ...(!cancelDisabled ? [{
+                    label: 'Cancel',
+                    icon: jsx(faIcons.FaXmark, { className: 'mr-2' }),
+                    command: handleCancel
+                }] : []),
+            {
+                label: 'Add Property',
+                icon: jsx(faIcons.FaPlus, { className: 'mr-2' }),
+                command: addProperty
+            }
+        ] : [])
+    ], [isEditMode, handleSave, handleCancel, handleEdit, addProperty, canEdit, canNotEditReason, hasValidationErrors, saveDisabled, cancelDisabled]);
+    const breadcrumbItems = getBreadcrumbItems();
+    const isAtRoot = currentPath.length === 0;
+    const currentDescription = getCurrentDescription();
+    return (jsxs("div", { className: "schema-editor", style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [jsxs("div", { className: "px-4 py-4", children: [jsx(Tooltip, { target: "[data-pr-tooltip]" }), jsx("div", { className: "schema-editor-menubar", children: jsx(Menubar, { "aria-label": "Actions", model: menuItems }) })] }), jsxs("div", { className: "px-4 py-2 border-bottom-1 surface-border", children: [jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx(Button, { icon: jsx(faIcons.FaArrowLeft, {}), className: "p-button-text p-button-sm", onClick: navigateBack, disabled: isAtRoot, tooltip: "Navigate back", tooltipOptions: { position: 'top' } }), jsx("div", { style: { fontSize: '0.9rem', color: 'var(--text-color-secondary)', cursor: 'pointer' }, children: breadcrumbItems.map((item, index) => (jsxs("span", { children: [index > 0 && jsx("span", { className: "mx-2", children: ">" }), jsx("span", { onClick: () => navigateToBreadcrumb(index), style: { cursor: 'pointer', textDecoration: index < breadcrumbItems.length - 1 ? 'underline' : 'none' }, children: item.name })] }, index))) })] }), currentDescription && (jsxs("div", { style: { fontSize: '0.875rem', color: 'var(--text-color-secondary)', marginTop: '0.5rem', marginLeft: '2.5rem', fontStyle: 'italic', display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx(faIcons.FaCircleInfo, {}), jsx("span", { children: currentDescription })] }))] }), jsxs("div", { style: { flex: 1, overflow: 'auto', padding: '1rem' }, children: [jsx(Tooltip, { target: ".schema-navigation-tooltip", mouseTrack: true, mouseTrackTop: 15 }, `nav-${eventTypeName}-${currentPath.join('/')}`), jsx(Tooltip, { target: ".schema-description-tooltip" }, `desc-${eventTypeName}-${currentPath.join('/')}`), jsxs(DataTable, { value: properties, dataKey: "id", emptyMessage: "No properties defined", rowClassName: (rowData) => {
+                            if (!isEditMode && (rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object'))) {
+                                return css.navigableRow;
+                            }
+                            return '';
+                        }, onRowClick: (e) => {
+                            if (!isEditMode) {
+                                const rowData = e.data;
+                                if (rowData.name) {
+                                    if (rowData.type === 'object') {
+                                        navigateToProperty(rowData.name);
+                                    }
+                                    else if (rowData.type === 'array' && rowData.items?.type === 'object') {
+                                        navigateToArrayItems(rowData.name);
+                                    }
+                                }
+                            }
+                        }, pt: {
+                            root: { style: { border: 'none' } },
+                            tbody: { style: { borderTop: '1px solid var(--surface-border)' } }
+                        }, children: [jsx(Column, { field: "name", header: "Property", body: (rowData) => (jsx(NameCell, { rowData: rowData, isEditMode: isEditMode, onUpdate: updateProperty, validationError: validationErrors[rowData.id] })), style: { width: '30%' } }), jsx(Column, { header: "Type", body: (rowData) => (jsx(TypeCell, { rowData: rowData, isEditMode: isEditMode, typeFormats: typeFormats, onUpdateProperty: updateProperty, onUpdateArrayItemType: updateArrayItemType, onNavigateToProperty: navigateToProperty, onNavigateToArrayItems: navigateToArrayItems, onRemoveProperty: removeProperty })), style: { width: '70%' } })] }, `${isEditMode}-${currentPath.join('/')}`)] })] }));
+};
+
+export { SchemaEditor };
+//# sourceMappingURL=SchemaEditor.js.map