@dxos/react-ui-stack 0.8.3 → 0.8.4-main.1da679c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/lib/browser/chunk-RG4VZFFO.mjs +1375 -0
  2. package/dist/lib/browser/chunk-RG4VZFFO.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +44 -1160
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/{node/testing/index.cjs → browser/playwright/index.mjs} +26 -33
  7. package/dist/lib/{node/testing/index.cjs.map → browser/playwright/index.mjs.map} +3 -3
  8. package/dist/lib/browser/testing/index.mjs +25 -51
  9. package/dist/lib/browser/testing/index.mjs.map +4 -4
  10. package/dist/lib/node-esm/chunk-CNA6O4G5.mjs +1377 -0
  11. package/dist/lib/node-esm/chunk-CNA6O4G5.mjs.map +7 -0
  12. package/dist/lib/node-esm/index.mjs +44 -1161
  13. package/dist/lib/node-esm/index.mjs.map +4 -4
  14. package/dist/lib/node-esm/meta.json +1 -1
  15. package/dist/lib/node-esm/playwright/index.mjs +76 -0
  16. package/dist/lib/node-esm/playwright/index.mjs.map +7 -0
  17. package/dist/lib/node-esm/testing/index.mjs +24 -51
  18. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  19. package/dist/types/src/components/Image/Image.d.ts +11 -0
  20. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  21. package/dist/types/src/components/Image/Image.stories.d.ts +31 -0
  22. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  23. package/dist/types/src/components/Image/index.d.ts +2 -0
  24. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  25. package/dist/types/src/components/Stack/Stack.d.ts +9 -2
  26. package/dist/types/src/components/Stack/Stack.d.ts.map +1 -1
  27. package/dist/types/src/components/Stack/Stack.stories.d.ts +12 -2
  28. package/dist/types/src/components/Stack/Stack.stories.d.ts.map +1 -1
  29. package/dist/types/src/components/StackContext.d.ts +2 -1
  30. package/dist/types/src/components/StackContext.d.ts.map +1 -1
  31. package/dist/types/src/components/StackItem/StackItem.d.ts +4 -4
  32. package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -1
  33. package/dist/types/src/components/StackItem/StackItem.stories.d.ts +13 -4
  34. package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +1 -1
  35. package/dist/types/src/components/StackItem/StackItemContent.d.ts +2 -2
  36. package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -1
  37. package/dist/types/src/components/StackItem/StackItemHeading.d.ts +1 -1
  38. package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -1
  39. package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +1 -1
  40. package/dist/types/src/components/StackItem/StackItemSigil.d.ts.map +1 -1
  41. package/dist/types/src/components/index.d.ts +2 -1
  42. package/dist/types/src/components/index.d.ts.map +1 -1
  43. package/dist/types/src/exemplars/Card/Card.d.ts +7 -11
  44. package/dist/types/src/exemplars/Card/Card.d.ts.map +1 -1
  45. package/dist/types/src/exemplars/Card/Card.stories.d.ts +44 -0
  46. package/dist/types/src/exemplars/Card/Card.stories.d.ts.map +1 -0
  47. package/dist/types/src/exemplars/Card/fragments.d.ts +4 -4
  48. package/dist/types/src/exemplars/Card/fragments.d.ts.map +1 -1
  49. package/dist/types/src/exemplars/CardStack/CardStack.d.ts +7 -1
  50. package/dist/types/src/exemplars/CardStack/CardStack.d.ts.map +1 -1
  51. package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts +13 -0
  52. package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts.map +1 -0
  53. package/dist/types/src/hooks/useStackDropForElements.d.ts +1 -1
  54. package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
  55. package/dist/types/src/index.d.ts +1 -1
  56. package/dist/types/src/index.d.ts.map +1 -1
  57. package/dist/types/src/playwright/index.d.ts +2 -0
  58. package/dist/types/src/playwright/index.d.ts.map +1 -0
  59. package/dist/types/src/playwright/playwright.config.d.ts +3 -0
  60. package/dist/types/src/playwright/playwright.config.d.ts.map +1 -0
  61. package/dist/types/src/playwright/stack-manager.d.ts.map +1 -0
  62. package/dist/types/src/testing/CardContainer.d.ts +6 -0
  63. package/dist/types/src/testing/CardContainer.d.ts.map +1 -0
  64. package/dist/types/src/testing/index.d.ts +1 -1
  65. package/dist/types/src/translations.d.ts +13 -14
  66. package/dist/types/src/translations.d.ts.map +1 -1
  67. package/dist/types/tsconfig.tsbuildinfo +1 -1
  68. package/package.json +30 -26
  69. package/src/components/Image/Image.stories.tsx +58 -0
  70. package/src/components/Image/Image.tsx +137 -0
  71. package/src/components/Image/index.ts +5 -0
  72. package/src/components/Stack/Stack.stories.tsx +7 -6
  73. package/src/components/Stack/Stack.tsx +160 -18
  74. package/src/components/StackContext.tsx +2 -1
  75. package/src/components/StackItem/StackItem.stories.tsx +15 -11
  76. package/src/components/StackItem/StackItem.tsx +15 -14
  77. package/src/components/StackItem/StackItemContent.tsx +4 -3
  78. package/src/components/StackItem/StackItemHeading.tsx +3 -3
  79. package/src/components/StackItem/StackItemResizeHandle.tsx +2 -1
  80. package/src/components/StackItem/StackItemSigil.tsx +2 -1
  81. package/src/components/index.ts +2 -1
  82. package/src/exemplars/Card/Card.stories.tsx +88 -0
  83. package/src/exemplars/Card/Card.tsx +42 -38
  84. package/src/exemplars/Card/CardDragPreview.tsx +2 -2
  85. package/src/exemplars/Card/fragments.ts +4 -5
  86. package/src/exemplars/CardStack/CardStack.stories.tsx +172 -0
  87. package/src/exemplars/CardStack/CardStack.tsx +19 -2
  88. package/src/hooks/useStackDropForElements.ts +5 -2
  89. package/src/index.ts +3 -4
  90. package/src/playwright/index.ts +5 -0
  91. package/src/playwright/playwright.config.ts +17 -0
  92. package/src/playwright/smoke.spec.ts +7 -5
  93. package/src/testing/CardContainer.tsx +37 -0
  94. package/src/testing/index.ts +1 -1
  95. package/src/translations.ts +5 -3
  96. package/dist/lib/node/index.cjs +0 -1220
  97. package/dist/lib/node/index.cjs.map +0 -7
  98. package/dist/lib/node/meta.json +0 -1
  99. package/dist/types/src/exemplars/Card/Card.stories-todo.d.ts +0 -1
  100. package/dist/types/src/exemplars/Card/Card.stories-todo.d.ts.map +0 -1
  101. package/dist/types/src/exemplars/CardStack/CardStack.stories-todo.d.ts +0 -1
  102. package/dist/types/src/exemplars/CardStack/CardStack.stories-todo.d.ts.map +0 -1
  103. package/dist/types/src/testing/stack-manager.d.ts.map +0 -1
  104. package/src/exemplars/Card/Card.stories-todo.tsx +0 -135
  105. package/src/exemplars/CardStack/CardStack.stories-todo.tsx +0 -80
  106. package/src/playwright/playwright.config.cts +0 -18
  107. /package/dist/types/src/{testing → playwright}/stack-manager.d.ts +0 -0
  108. /package/src/{testing → playwright}/stack-manager.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/testing/stack-manager.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n private readonly _page: Page;\n\n constructor(readonly locator: Locator) {\n this._page = locator.page();\n }\n\n sections(): Locator {\n return this.locator.locator('section');\n }\n\n order() {\n return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n }\n\n section(index: number): SectionManager {\n return new SectionManager(this.locator.locator('section').nth(index));\n }\n}\n\nexport class SectionManager {\n private readonly _page: Page;\n\n constructor(readonly locator: Locator) {\n this._page = locator.page();\n }\n\n async id(): Promise<string | null> {\n return this.locator.getAttribute('id');\n }\n\n async remove(): Promise<void> {\n await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n await this._page.getByTestId('section.remove').click();\n }\n\n async navigateTo(): Promise<void> {\n await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n await this._page.getByTestId('section.navigate-to').click();\n }\n\n async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }): Promise<void> {\n const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n const box = await target.boundingBox();\n if (box) {\n await active.hover();\n await this._page.mouse.down();\n // Timeouts are for input discretization in WebKit\n await this._page.waitForTimeout(100);\n await this._page.pause();\n await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n await this._page.pause();\n await this._page.waitForTimeout(100);\n await this._page.mouse.up();\n }\n }\n}\n"],
5
- "mappings": ";AAMO,IAAMA,eAAN,MAAMA;EAGX,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKH,QAAQA,QAAQ,SAAA;EAC9B;EAEAI,QAAQ;AACN,WAAO,KAAKJ,QAAQA,QAAQ,SAAA,EAAWK,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKZ,QAAQA,QAAQ,SAAA,EAAWa,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;EAGX,YAAqBZ,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKd,QAAQS,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKf,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKlB,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKxB,QAAQgB,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK1B,MAAM2B,MAAMC,KAAI;AAE3B,YAAM,KAAK5B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM2B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKlC,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM2B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
6
- "names": ["StackManager", "locator", "_page", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
3
+ "sources": ["../../../../src/testing/CardContainer.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { ExtrinsicCardContainer, IntrinsicCardContainer, PopoverCardContainer } from '@dxos/storybook-utils';\n\nimport { Card } from '../exemplars';\n\nexport const CardContainer = ({\n children,\n icon = 'ph--placeholder--regular',\n role,\n}: PropsWithChildren<{ icon?: string; role?: string }>) => {\n switch (role) {\n case 'card--popover':\n return <PopoverCardContainer icon={icon}>{children}</PopoverCardContainer>;\n\n case 'card--extrinsic':\n return (\n <ExtrinsicCardContainer>\n <Card.StaticRoot>{children}</Card.StaticRoot>\n </ExtrinsicCardContainer>\n );\n\n case 'card--intrinsic':\n return (\n <IntrinsicCardContainer>\n <Card.StaticRoot>{children}</Card.StaticRoot>\n </IntrinsicCardContainer>\n );\n\n default:\n return <Card.StaticRoot>{children}</Card.StaticRoot>;\n }\n};\n"],
5
+ "mappings": ";;;;;;AAIA,OAAOA,WAAuC;AAE9C,SAASC,wBAAwBC,wBAAwBC,4BAA4B;AAI9E,IAAMC,gBAAgB,CAAC,EAC5BC,UACAC,OAAO,4BACPC,KAAI,MACgD;;;AACpD,YAAQA,MAAAA;MACN,KAAK;AACH,eAAO,sBAAA,cAACC,sBAAAA;UAAqBF;WAAaD,QAAAA;MAE5C,KAAK;AACH,eACE,sBAAA,cAACI,wBAAAA,MACC,sBAAA,cAACC,KAAKC,YAAU,MAAEN,QAAAA,CAAAA;MAIxB,KAAK;AACH,eACE,sBAAA,cAACO,wBAAAA,MACC,sBAAA,cAACF,KAAKC,YAAU,MAAEN,QAAAA,CAAAA;MAIxB;AACE,eAAO,sBAAA,cAACK,KAAKC,YAAU,MAAEN,QAAAA;IAC7B;;;;AACF;",
6
+ "names": ["React", "ExtrinsicCardContainer", "IntrinsicCardContainer", "PopoverCardContainer", "CardContainer", "children", "icon", "role", "PopoverCardContainer", "ExtrinsicCardContainer", "Card", "StaticRoot", "IntrinsicCardContainer"]
7
7
  }