@dxos/react-ui 0.7.4 → 0.7.5-main.9cb18ac

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 (58) hide show
  1. package/dist/lib/browser/index.mjs +254 -163
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node/index.cjs +354 -271
  5. package/dist/lib/node/index.cjs.map +4 -4
  6. package/dist/lib/node/meta.json +1 -1
  7. package/dist/lib/node-esm/index.mjs +254 -163
  8. package/dist/lib/node-esm/index.mjs.map +4 -4
  9. package/dist/lib/node-esm/meta.json +1 -1
  10. package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +1 -1
  11. package/dist/types/src/components/Dialogs/Dialog.d.ts.map +1 -1
  12. package/dist/types/src/components/Input/Input.d.ts +5 -6
  13. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  14. package/dist/types/src/components/Input/Input.stories.d.ts +1 -3
  15. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  16. package/dist/types/src/components/Lists/List.d.ts +2 -0
  17. package/dist/types/src/components/Lists/List.d.ts.map +1 -1
  18. package/dist/types/src/components/Lists/ListDropIndicator.d.ts +11 -0
  19. package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +1 -0
  20. package/dist/types/src/components/Lists/Tree.d.ts +2 -0
  21. package/dist/types/src/components/Lists/Tree.d.ts.map +1 -1
  22. package/dist/types/src/components/Lists/TreeDropIndicator.d.ts +8 -0
  23. package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +1 -0
  24. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  25. package/dist/types/src/components/Menus/ContextMenu.d.ts.map +1 -1
  26. package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +1 -1
  27. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  28. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  29. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
  30. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  31. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +1 -0
  32. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  33. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  34. package/dist/types/tsconfig.tsbuildinfo +1 -0
  35. package/package.json +13 -12
  36. package/src/components/Clipboard/CopyButton.tsx +1 -1
  37. package/src/components/Dialogs/AlertDialog.tsx +6 -2
  38. package/src/components/Dialogs/Dialog.tsx +6 -2
  39. package/src/components/Input/Input.stories.tsx +4 -6
  40. package/src/components/Input/Input.tsx +29 -44
  41. package/src/components/Lists/List.stories.tsx +2 -2
  42. package/src/components/Lists/List.tsx +3 -0
  43. package/src/components/Lists/ListDropIndicator.tsx +62 -0
  44. package/src/components/Lists/Tree.tsx +3 -0
  45. package/src/components/Lists/TreeDropIndicator.tsx +70 -0
  46. package/src/components/Main/Main.tsx +1 -2
  47. package/src/components/Menus/ContextMenu.tsx +4 -4
  48. package/src/components/Menus/DropdownMenu.tsx +3 -2
  49. package/src/components/Popover/Popover.tsx +4 -2
  50. package/src/components/ScrollArea/ScrollArea.stories.tsx +2 -2
  51. package/src/components/Select/Select.tsx +3 -2
  52. package/src/components/ThemeProvider/ThemeProvider.tsx +1 -2
  53. package/src/components/Toast/Toast.tsx +1 -1
  54. package/src/components/Tooltip/Tooltip.tsx +3 -2
  55. package/src/testing/decorators/withVariants.tsx +4 -4
  56. package/dist/types/src/playground/Surfaces.stories.d.ts +0 -21
  57. package/dist/types/src/playground/Surfaces.stories.d.ts.map +0 -1
  58. package/src/playground/Surfaces.stories.tsx +0 -73
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAIlE,KAAK,uBAAuB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;AAI5E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAI1E,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAC7F,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAkBF,KAAK,wBAAwB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF,KAAK,qBAAqB,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;AAazF,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,qBAAqB,CAAC;AAIxE,KAAK,6BAA6B,GAAG,oBAAoB,CAAC,6BAA6B,CAAC;AAIxF,KAAK,oBAAoB,GAAG,eAAe,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;AAevF,KAAK,4BAA4B,GAAG,eAAe,CAAC,oBAAoB,CAAC,4BAA4B,CAAC,CAAC;AAevG,KAAK,yBAAyB,GAAG,eAAe,CAAC,oBAAoB,CAAC,yBAAyB,CAAC,CAAC;AAejG,KAAK,0BAA0B,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;AAe9F,eAAO,MAAM,WAAW;;;;;;;6BApHD,OAAO;;;;;;;;;;;;;;;;;;;;CAiI7B,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,EAC5B,6BAA6B,EAC7B,yBAAyB,EACzB,0BAA0B,GAC3B,CAAC"}
1
+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAIlE,KAAK,uBAAuB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;AAI5E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAI1E,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAC7F,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAmBF,KAAK,wBAAwB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF,KAAK,qBAAqB,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;AAazF,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,qBAAqB,CAAC;AAIxE,KAAK,6BAA6B,GAAG,oBAAoB,CAAC,6BAA6B,CAAC;AAIxF,KAAK,oBAAoB,GAAG,eAAe,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;AAevF,KAAK,4BAA4B,GAAG,eAAe,CAAC,oBAAoB,CAAC,4BAA4B,CAAC,CAAC;AAevG,KAAK,yBAAyB,GAAG,eAAe,CAAC,oBAAoB,CAAC,yBAAyB,CAAC,CAAC;AAejG,KAAK,0BAA0B,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;AAe9F,eAAO,MAAM,WAAW;;;;;;;6BArHD,OAAO;;;;;;;;;;;;;;;;;;;;CAkI7B,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,EAC5B,6BAA6B,EAC7B,yBAAyB,EACzB,0BAA0B,GAC3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAGtD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAmBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAkB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAiBhF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAezC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAalF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAa1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAGtD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAmBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAmB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAiBhF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAezC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAalF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAa1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
@@ -12,5 +12,5 @@ export type ThemeProviderProps = Omit<TranslationsProviderProps, 'children'> & P
12
12
  rootDensity?: Density;
13
13
  rootElevation?: Elevation;
14
14
  }>;
15
- export declare const ThemeProvider: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, rootElevation, ...rest }: ThemeProviderProps) => React.JSX.Element;
15
+ export declare const ThemeProvider: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, ...rest }: ThemeProviderProps) => React.JSX.Element;
16
16
  //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAK9F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC1E,OAAO,CAAC,iBAAiB,CAAC,GAC1B,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,0GAUvB,kBAAkB,sBAwBpB,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAK9F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC1E,OAAO,CAAC,iBAAiB,CAAC,GAC1B,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,2FASvB,kBAAkB,sBAwBpB,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { type Locale } from 'date-fns/locale';
2
2
  import { type TFunction, type Resource } from 'i18next';
3
3
  import React, { type ReactNode } from 'react';
4
+ import { useTranslation as useI18NextTranslation } from 'react-i18next';
4
5
  export type Label = string | [string, {
5
6
  ns: string;
6
7
  count?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/TranslationsProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA4D,MAAM,OAAO,CAAC;AAQxG,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,MAAO,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,UAAW,KAAK,KAAK,SAAS,WAAiD,CAAC;AAE9G,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAWX,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;8DAqCkU,mBAAmB,QAAQ,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAjC5Y,CAAC;AAEF,eAAO,MAAM,oBAAoB,iEAM9B,yBAAyB,sBAwB3B,CAAC"}
1
+ {"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/TranslationsProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA4D,MAAM,OAAO,CAAC;AACxG,OAAO,EAAoB,cAAc,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,MAAO,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,UAAW,KAAK,KAAK,SAAS,WAAiD,CAAC;AAE9G,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAWX,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;yDAqC4T,KAAM,mBAAmB,GAAE,KAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAjC5Y,CAAC;AAEF,eAAO,MAAM,oBAAoB,iEAM9B,yBAAyB,sBAwB3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,YAAY,IAAI,yBAAyB,EAC9C,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAErD,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAI1D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAIlD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,mBAAmB,GAAG,4BAA4B,CAAC;AAIxD,KAAK,iBAAiB,GAAG,eAAe,CAAC,0BAA0B,CAAC,CAAC;AAarE,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAezE,eAAO,MAAM,OAAO;;;;;;;;;;;CAOnB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,CAAC"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,YAAY,IAAI,yBAAyB,EAC9C,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAErD,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAI1D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAIlD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,mBAAmB,GAAG,4BAA4B,CAAC;AAIxD,KAAK,iBAAiB,GAAG,eAAe,CAAC,0BAA0B,CAAC,CAAC;AAarE,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAgBzE,eAAO,MAAM,OAAO;;;;;;;;;;;CAOnB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":"5.7.2"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/react-ui",
3
- "version": "0.7.4",
3
+ "version": "0.7.5-main.9cb18ac",
4
4
  "description": "Low-level React components for DXOS, applying a theme to a core group of primitives",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -23,6 +23,7 @@
23
23
  "src"
24
24
  ],
25
25
  "dependencies": {
26
+ "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
26
27
  "@fluentui/react-tabster": "^9.19.0",
27
28
  "@radix-ui/primitive": "^1.0.0",
28
29
  "@radix-ui/react-alert-dialog": "^1.0.3",
@@ -59,13 +60,13 @@
59
60
  "keyborg": "^2.5.0",
60
61
  "react-i18next": "^11.18.6",
61
62
  "react-remove-scroll": "^2.6.0",
62
- "@dxos/debug": "0.7.4",
63
- "@dxos/log": "0.7.4",
64
- "@dxos/react-hooks": "0.7.4",
65
- "@dxos/react-input": "0.7.4",
66
- "@dxos/react-ui-types": "0.7.4",
67
- "@dxos/util": "0.7.4",
68
- "@dxos/react-list": "0.7.4"
63
+ "@dxos/react-hooks": "0.7.5-main.9cb18ac",
64
+ "@dxos/log": "0.7.5-main.9cb18ac",
65
+ "@dxos/debug": "0.7.5-main.9cb18ac",
66
+ "@dxos/react-list": "0.7.5-main.9cb18ac",
67
+ "@dxos/react-ui-types": "0.7.5-main.9cb18ac",
68
+ "@dxos/util": "0.7.5-main.9cb18ac",
69
+ "@dxos/react-input": "0.7.5-main.9cb18ac"
69
70
  },
70
71
  "devDependencies": {
71
72
  "@dnd-kit/core": "^6.0.5",
@@ -77,15 +78,15 @@
77
78
  "react": "~18.2.0",
78
79
  "react-dom": "~18.2.0",
79
80
  "vite": "5.4.7",
80
- "@dxos/random": "0.7.4",
81
- "@dxos/react-ui-theme": "0.7.4",
82
- "@dxos/util": "0.7.4"
81
+ "@dxos/random": "0.7.5-main.9cb18ac",
82
+ "@dxos/react-ui-theme": "0.7.5-main.9cb18ac",
83
+ "@dxos/util": "0.7.5-main.9cb18ac"
83
84
  },
84
85
  "peerDependencies": {
85
86
  "@phosphor-icons/react": "^2.1.5",
86
87
  "react": "~18.2.0",
87
88
  "react-dom": "~18.2.0",
88
- "@dxos/react-ui-theme": "0.7.4"
89
+ "@dxos/react-ui-theme": "0.7.5-main.9cb18ac"
89
90
  },
90
91
  "publishConfig": {
91
92
  "access": "public"
@@ -53,7 +53,7 @@ export const CopyButtonIconOnly = ({ value, classNames, iconProps, variant, ...p
53
53
  return (
54
54
  <Tooltip.Root delayDuration={1500} open={open} onOpenChange={setOpen}>
55
55
  <Tooltip.Portal>
56
- <Tooltip.Content side='bottom' sideOffset={12} classNames='z-30'>
56
+ <Tooltip.Content side='bottom' sideOffset={12}>
57
57
  <span>{label}</span>
58
58
  <Tooltip.Arrow />
59
59
  </Tooltip.Content>
@@ -31,7 +31,11 @@ import { ElevationProvider } from '../ElevationProvider';
31
31
 
32
32
  type AlertDialogRootProps = AlertDialogRootPrimitiveProps;
33
33
 
34
- const AlertDialogRoot: FunctionComponent<AlertDialogRootProps> = AlertDialogRootPrimitive;
34
+ const AlertDialogRoot: FunctionComponent<AlertDialogRootProps> = (props) => (
35
+ <ElevationProvider elevation='dialog'>
36
+ <AlertDialogRootPrimitive {...props} />
37
+ </ElevationProvider>
38
+ );
35
39
 
36
40
  type AlertDialogTriggerProps = AlertDialogTriggerPrimitiveProps;
37
41
 
@@ -134,7 +138,7 @@ const AlertDialogContent: ForwardRefExoticComponent<AlertDialogContentProps> = f
134
138
  className={tx('dialog.content', 'dialog--alert', { inOverlayLayout }, classNames)}
135
139
  ref={forwardedRef}
136
140
  >
137
- <ElevationProvider elevation='chrome'>{children}</ElevationProvider>
141
+ {children}
138
142
  </AlertDialogContentPrimitive>
139
143
  );
140
144
  });
@@ -29,7 +29,11 @@ import { ElevationProvider } from '../ElevationProvider';
29
29
 
30
30
  type DialogRootProps = DialogRootPrimitiveProps;
31
31
 
32
- const DialogRoot: FunctionComponent<DialogRootProps> = DialogRootPrimitive;
32
+ const DialogRoot: FunctionComponent<DialogRootProps> = (props) => (
33
+ <ElevationProvider elevation='dialog'>
34
+ <DialogRootPrimitive {...props} />
35
+ </ElevationProvider>
36
+ );
33
37
 
34
38
  type DialogTriggerProps = DialogTriggerPrimitiveProps;
35
39
 
@@ -123,7 +127,7 @@ const DialogContent: ForwardRefExoticComponent<DialogContentProps> = forwardRef<
123
127
  className={tx('dialog.content', 'dialog', { inOverlayLayout }, classNames)}
124
128
  ref={forwardedRef}
125
129
  >
126
- <ElevationProvider elevation='chrome'>{children}</ElevationProvider>
130
+ {children}
127
131
  </DialogContentPrimitive>
128
132
  );
129
133
  },
@@ -6,7 +6,7 @@ import '@dxos-theme';
6
6
 
7
7
  import React from 'react';
8
8
 
9
- import { baseSurface, modalSurface, groupSurface, mx, surfaceElevation } from '@dxos/react-ui-theme';
9
+ import { baseSurface, modalSurface, groupSurface, mx, surfaceShadow } from '@dxos/react-ui-theme';
10
10
  import { type MessageValence } from '@dxos/react-ui-types';
11
11
 
12
12
  import { Input } from './Input';
@@ -61,10 +61,10 @@ const StoryInput = (props: StoryInputProps) => {
61
61
  <div className={mx(baseSurface, 'p-4')}>
62
62
  <StoryInputContent {...props} />
63
63
  </div>
64
- <div className={mx(groupSurface, 'p-4 rounded-lg', surfaceElevation({ elevation: 'group' }))}>
64
+ <div className={mx(groupSurface, 'p-4 rounded-lg', surfaceShadow({ elevation: 'positioned' }))}>
65
65
  <StoryInputContent {...props} />
66
66
  </div>
67
- <div className={mx(modalSurface, 'p-4 rounded-lg', surfaceElevation({ elevation: 'chrome' }))}>
67
+ <div className={mx(modalSurface, 'p-4 rounded-lg', surfaceShadow({ elevation: 'dialog' }))}>
68
68
  <StoryInputContent {...props} />
69
69
  </div>
70
70
  </div>
@@ -214,8 +214,6 @@ export const Switch = {
214
214
  args: {
215
215
  label: 'This is a switch',
216
216
  type: 'switch',
217
- description: 'It’s checked, indeterminate, or unchecked',
218
- size: 5,
219
- weight: 'bold',
217
+ description: 'It’s either off... or on.',
220
218
  },
221
219
  };
@@ -2,19 +2,10 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import { Check, type IconWeight, Minus } from '@phosphor-icons/react';
6
- import {
7
- Root as CheckboxPrimitive,
8
- type CheckboxProps as CheckboxPrimitiveProps,
9
- Indicator as CheckboxIndicatorPrimitive,
10
- } from '@radix-ui/react-checkbox';
11
- import {
12
- Root as SwitchPrimitive,
13
- Thumb as SwitchThumbPrimitive,
14
- type SwitchProps as SwitchPrimitiveProps,
15
- } from '@radix-ui/react-switch';
5
+ import { type IconWeight } from '@phosphor-icons/react';
6
+ import { Root as CheckboxPrimitive, type CheckboxProps as CheckboxPrimitiveProps } from '@radix-ui/react-checkbox';
16
7
  import { useControllableState } from '@radix-ui/react-use-controllable-state';
17
- import React, { forwardRef, type ForwardRefExoticComponent, Fragment, useCallback } from 'react';
8
+ import React, { type ComponentPropsWithRef, forwardRef, type ForwardRefExoticComponent, useCallback } from 'react';
18
9
 
19
10
  import {
20
11
  InputRoot,
@@ -41,6 +32,7 @@ import { type Density, type Elevation, type ClassNameValue, type Size } from '@d
41
32
 
42
33
  import { useDensityContext, useElevationContext, useThemeContext } from '../../hooks';
43
34
  import { type ThemedClassName } from '../../util';
35
+ import { Icon } from '../Icon';
44
36
 
45
37
  type InputVariant = 'default' | 'subdued';
46
38
 
@@ -262,7 +254,7 @@ const Checkbox: ForwardRefExoticComponent<CheckboxProps> = forwardRef<
262
254
  });
263
255
  const { id, validationValence, descriptionId, errorMessageId } = useInputContext(INPUT_NAME, __inputScope);
264
256
  const { tx } = useThemeContext();
265
- const Icon = checked === 'indeterminate' ? Minus : checked ? Check : Fragment;
257
+
266
258
  return (
267
259
  <CheckboxPrimitive
268
260
  {...{
@@ -279,63 +271,56 @@ const Checkbox: ForwardRefExoticComponent<CheckboxProps> = forwardRef<
279
271
  }}
280
272
  ref={forwardedRef}
281
273
  >
282
- <CheckboxIndicatorPrimitive asChild>
283
- <Icon
284
- {...(checked && {
285
- weight,
286
- className: tx('input.checkboxIndicator', 'input--checkbox__indicator', { size }),
287
- })}
288
- />
289
- </CheckboxIndicatorPrimitive>
274
+ <Icon
275
+ icon={checked === 'indeterminate' ? 'ph--minus--regular' : 'ph--check--regular'}
276
+ classNames={tx('input.checkboxIndicator', 'input--checkbox__indicator', { size, checked })}
277
+ />
290
278
  </CheckboxPrimitive>
291
279
  );
292
280
  },
293
281
  );
294
282
 
295
- type SwitchProps = ThemedClassName<Omit<SwitchPrimitiveProps, 'children'>> & { size?: Size };
283
+ type SwitchProps = ThemedClassName<
284
+ Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange'> & { onCheckedChange?: (checked: boolean) => void }
285
+ >;
296
286
 
297
- const Switch: ForwardRefExoticComponent<SwitchProps> = forwardRef<HTMLButtonElement, InputScopedProps<SwitchProps>>(
287
+ const Switch = forwardRef<HTMLInputElement, InputScopedProps<SwitchProps>>(
298
288
  (
299
289
  {
300
290
  __inputScope,
301
291
  checked: propsChecked,
302
292
  defaultChecked: propsDefaultChecked,
303
293
  onCheckedChange: propsOnCheckedChange,
304
- size = 5,
305
294
  classNames,
306
295
  ...props
307
296
  },
308
297
  forwardedRef,
309
298
  ) => {
310
- const { tx } = useThemeContext();
311
-
312
299
  const [checked, onCheckedChange] = useControllableState({
313
300
  prop: propsChecked,
314
- defaultProp: propsDefaultChecked,
301
+ defaultProp: propsDefaultChecked ?? false,
315
302
  onChange: propsOnCheckedChange,
316
303
  });
317
304
 
318
305
  const { id, validationValence, descriptionId, errorMessageId } = useInputContext(INPUT_NAME, __inputScope);
306
+
319
307
  return (
320
- <SwitchPrimitive
321
- {...{
322
- ...props,
323
- checked,
324
- onCheckedChange,
325
- id,
326
- 'aria-describedby': descriptionId,
327
- ...(validationValence === 'error' && {
328
- 'aria-invalid': 'true' as const,
329
- 'aria-errormessage': errorMessageId,
330
- }),
331
- className: tx('input.switch', 'input--switch', { size }, classNames),
308
+ <input
309
+ type='checkbox'
310
+ className='ch-checkbox--switch ch-focus-ring'
311
+ checked={checked}
312
+ onChange={(event) => {
313
+ onCheckedChange(event.target.checked);
332
314
  }}
315
+ id={id}
316
+ aria-describedby={descriptionId}
317
+ {...props}
318
+ {...(validationValence === 'error' && {
319
+ 'aria-invalid': 'true' as const,
320
+ 'aria-errormessage': errorMessageId,
321
+ })}
333
322
  ref={forwardedRef}
334
- >
335
- {/* TODO(wittjosiah): Embed icons/text for on/off states.
336
- e.g., https://codepen.io/alvarotrigo/pen/oNoJePo (#13) */}
337
- <SwitchThumbPrimitive className={tx('input.switchThumb', 'input--switch__thumb', { size })} />
338
- </SwitchPrimitive>
323
+ />
339
324
  );
340
325
  },
341
326
  );
@@ -17,7 +17,7 @@ import {
17
17
  ghostSelected,
18
18
  ghostSelectedTrackingInterFromNormal,
19
19
  mx,
20
- surfaceElevation,
20
+ surfaceShadow,
21
21
  } from '@dxos/react-ui-theme';
22
22
 
23
23
  import { List, ListItem, type ListScopedProps } from './List';
@@ -124,7 +124,7 @@ export const ManySizesDraggable = {
124
124
  <p
125
125
  className={mx(
126
126
  index % 3 === 0 ? 'bs-20' : index % 2 === 0 ? 'bs-12' : 'bs-8',
127
- surfaceElevation({ elevation: 'group' }),
127
+ surfaceShadow({ elevation: 'positioned' }),
128
128
  'mbe-2 p-2 bg-white dark:bg-neutral-800 rounded',
129
129
  )}
130
130
  >{`List item ${index + 1}`}</p>
@@ -26,6 +26,7 @@ import {
26
26
  } from '@dxos/react-list';
27
27
  import { type Density } from '@dxos/react-ui-types';
28
28
 
29
+ import { ListDropIndicator } from './ListDropIndicator';
29
30
  import { useDensityContext, useThemeContext } from '../../hooks';
30
31
  import { type ThemedClassName } from '../../util';
31
32
  import { DensityProvider } from '../DensityProvider';
@@ -150,6 +151,7 @@ export const ListItem: {
150
151
  OpenTrigger: ForwardRefExoticComponent<ListItemOpenTriggerProps>;
151
152
  CollapsibleContent: ForwardRefExoticComponent<ListItemCollapsibleContentProps>;
152
153
  MockOpenTrigger: FC<ThemedClassName<Omit<ComponentPropsWithoutRef<'div'>, 'children'>>>;
154
+ DropIndicator: typeof ListDropIndicator;
153
155
  } = {
154
156
  Root: ListItemRoot,
155
157
  Endcap: ListItemEndcap,
@@ -157,6 +159,7 @@ export const ListItem: {
157
159
  OpenTrigger: ListItemOpenTrigger,
158
160
  CollapsibleContent: ListItemCollapsibleContent,
159
161
  MockOpenTrigger: MockListItemOpenTrigger,
162
+ DropIndicator: ListDropIndicator,
160
163
  };
161
164
 
162
165
  export { List, useListContext, useListItemContext, LIST_NAME, LIST_ITEM_NAME };
@@ -0,0 +1,62 @@
1
+ //
2
+ // Copyright 2024 DXOS.org
3
+ //
4
+
5
+ import { type Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/types';
6
+ import React, { type CSSProperties, type HTMLAttributes } from 'react';
7
+
8
+ type Orientation = 'horizontal' | 'vertical';
9
+
10
+ const edgeToOrientationMap: Record<Edge, Orientation> = {
11
+ top: 'horizontal',
12
+ bottom: 'horizontal',
13
+ left: 'vertical',
14
+ right: 'vertical',
15
+ };
16
+
17
+ const orientationStyles: Record<Orientation, HTMLAttributes<HTMLElement>['className']> = {
18
+ horizontal: 'h-[--line-thickness] left-[--terminal-radius] right-0 before:left-[--negative-terminal-size]',
19
+ vertical: 'w-[--line-thickness] top-[--terminal-radius] bottom-0 before:top-[--negative-terminal-size]',
20
+ };
21
+
22
+ const edgeStyles: Record<Edge, HTMLAttributes<HTMLElement>['className']> = {
23
+ top: 'top-[--line-offset] before:top-[--offset-terminal]',
24
+ right: 'right-[--line-offset] before:right-[--offset-terminal]',
25
+ bottom: 'bottom-[--line-offset] before:bottom-[--offset-terminal]',
26
+ left: 'left-[--line-offset] before:left-[--offset-terminal]',
27
+ };
28
+
29
+ const strokeSize = 2;
30
+ const terminalSize = 8;
31
+ const offsetToAlignTerminalWithLine = (strokeSize - terminalSize) / 2;
32
+
33
+ export type DropIndicatorProps = {
34
+ edge: Edge;
35
+ gap?: number;
36
+ };
37
+
38
+ /**
39
+ * This is a tailwind port of `@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box`
40
+ */
41
+ export const ListDropIndicator = ({ edge, gap = 0 }: DropIndicatorProps) => {
42
+ const lineOffset = `calc(-0.5 * (${gap}px + ${strokeSize}px))`;
43
+
44
+ const orientation = edgeToOrientationMap[edge];
45
+
46
+ return (
47
+ <div
48
+ role='none'
49
+ style={
50
+ {
51
+ '--line-thickness': `${strokeSize}px`,
52
+ '--line-offset': `${lineOffset}`,
53
+ '--terminal-size': `${terminalSize}px`,
54
+ '--terminal-radius': `${terminalSize / 2}px`,
55
+ '--negative-terminal-size': `-${terminalSize}px`,
56
+ '--offset-terminal': `${offsetToAlignTerminalWithLine}px`,
57
+ } as CSSProperties
58
+ }
59
+ className={`absolute z-10 pointer-events-none bg-accentSurface before:content-[''] before:w-[--terminal-size] before:h-[--terminal-size] box-border before:absolute before:border-[length:--line-thickness] before:border-solid before:border-accentSurface before:rounded-full ${orientationStyles[orientation]} ${edgeStyles[edge]}`}
60
+ />
61
+ );
62
+ };
@@ -16,6 +16,7 @@ import {
16
16
  LIST_ITEM_NAME,
17
17
  useListItemContext,
18
18
  } from './List';
19
+ import { TreeDropIndicator } from './TreeDropIndicator';
19
20
  import { type ThemedClassName } from '../../util';
20
21
 
21
22
  type TreeRootProps = ListProps;
@@ -60,12 +61,14 @@ export const TreeItem: {
60
61
  Body: ForwardRefExoticComponent<TreeItemBodyProps>;
61
62
  OpenTrigger: ForwardRefExoticComponent<TreeItemOpenTriggerProps>;
62
63
  MockOpenTrigger: FC<ThemedClassName<Omit<ComponentPropsWithoutRef<'div'>, 'children'>>>;
64
+ DropIndicator: typeof TreeDropIndicator;
63
65
  } = {
64
66
  Root: TreeItemRoot,
65
67
  Heading: TreeItemHeading,
66
68
  Body: TreeItemBody,
67
69
  OpenTrigger: TreeItemOpenTrigger,
68
70
  MockOpenTrigger: MockTreeItemOpenTrigger,
71
+ DropIndicator: TreeDropIndicator,
69
72
  };
70
73
 
71
74
  export type { TreeRootProps, TreeItemProps, TreeItemHeadingProps, TreeItemBodyProps, TreeItemOpenTriggerProps };
@@ -0,0 +1,70 @@
1
+ //
2
+ // Copyright 2024 DXOS.org
3
+ //
4
+
5
+ import { type Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
6
+ import React, { type HTMLAttributes, type CSSProperties } from 'react';
7
+
8
+ // Tree item hitbox
9
+ // https://github.com/atlassian/pragmatic-drag-and-drop/blob/main/packages/hitbox/constellation/index/about.mdx#tree-item
10
+
11
+ type InstructionType = Exclude<Instruction, { type: 'instruction-blocked' }>['type'];
12
+ type Orientation = 'sibling' | 'child';
13
+
14
+ const edgeToOrientationMap: Record<InstructionType, Orientation> = {
15
+ 'reorder-above': 'sibling',
16
+ 'reorder-below': 'sibling',
17
+ 'make-child': 'child',
18
+ reparent: 'child',
19
+ };
20
+
21
+ const orientationStyles: Record<Orientation, HTMLAttributes<HTMLElement>['className']> = {
22
+ // TODO(wittjosiah): Stop using left/right here.
23
+ sibling:
24
+ 'bs-[--line-thickness] left-[--horizontal-indent] right-0 bg-accentSurface before:left-[--negative-terminal-size]',
25
+ child: 'is-full block-start-0 block-end-0 border-[length:--line-thickness] before:invisible',
26
+ };
27
+
28
+ const instructionStyles: Record<InstructionType, HTMLAttributes<HTMLElement>['className']> = {
29
+ 'reorder-above': 'block-start-[--line-offset] before:block-start-[--offset-terminal]',
30
+ 'reorder-below': 'block-end-[--line-offset] before:block-end-[--offset-terminal]',
31
+ 'make-child': 'border-accentSurface',
32
+ // TODO(wittjosiah): This is not occurring in the current implementation.
33
+ reparent: '',
34
+ };
35
+
36
+ const strokeSize = 2;
37
+ const terminalSize = 8;
38
+ const offsetToAlignTerminalWithLine = (strokeSize - terminalSize) / 2;
39
+
40
+ export type DropIndicatorProps = {
41
+ instruction: Instruction;
42
+ gap?: number;
43
+ };
44
+
45
+ export const TreeDropIndicator = ({ instruction, gap = 0 }: DropIndicatorProps) => {
46
+ const lineOffset = `calc(-0.5 * (${gap}px + ${strokeSize}px))`;
47
+ const isBlocked = instruction.type === 'instruction-blocked';
48
+ const desiredInstruction = isBlocked ? instruction.desired : instruction;
49
+ const orientation = edgeToOrientationMap[desiredInstruction.type];
50
+ if (isBlocked) {
51
+ return null;
52
+ }
53
+
54
+ return (
55
+ <div
56
+ style={
57
+ {
58
+ '--line-thickness': `${strokeSize}px`,
59
+ '--line-offset': `${lineOffset}`,
60
+ '--terminal-size': `${terminalSize}px`,
61
+ '--terminal-radius': `${terminalSize / 2}px`,
62
+ '--negative-terminal-size': `-${terminalSize}px`,
63
+ '--offset-terminal': `${offsetToAlignTerminalWithLine}px`,
64
+ '--horizontal-indent': `${desiredInstruction.currentLevel * desiredInstruction.indentPerLevel + 4}px`,
65
+ } as CSSProperties
66
+ }
67
+ className={`absolute z-10 pointer-events-none before:is-[--terminal-size] before:bs-[--terminal-size] box-border before:absolute before:border-[length:--line-thickness] before:border-solid before:border-accentSurface before:rounded-full ${orientationStyles[orientation]} ${instructionStyles[desiredInstruction.type]}`}
68
+ ></div>
69
+ );
70
+ };
@@ -29,7 +29,6 @@ import { useMediaQuery, useForwardedRef } from '@dxos/react-hooks';
29
29
  import { useSwipeToDismiss } from './useSwipeToDismiss';
30
30
  import { useThemeContext } from '../../hooks';
31
31
  import { type ThemedClassName } from '../../util';
32
- import { ElevationProvider } from '../ElevationProvider';
33
32
 
34
33
  const MAIN_ROOT_NAME = 'MainRoot';
35
34
  const NAVIGATION_SIDEBAR_NAME = 'NavigationSidebar';
@@ -227,7 +226,7 @@ const MainSidebar = forwardRef<HTMLDivElement, MainSidebarProps>(
227
226
  {...(!open && { inert: 'true' })}
228
227
  ref={ref}
229
228
  >
230
- <ElevationProvider elevation='group'>{children}</ElevationProvider>
229
+ {children}
231
230
  </Root>
232
231
  </DialogRoot>
233
232
  );
@@ -6,9 +6,8 @@ import { Primitive } from '@radix-ui/react-primitive';
6
6
  import { Slot } from '@radix-ui/react-slot';
7
7
  import React, { type ComponentPropsWithRef, forwardRef } from 'react';
8
8
 
9
- import { useThemeContext } from '../../hooks';
9
+ import { useElevationContext, useThemeContext } from '../../hooks';
10
10
  import { type ThemedClassName } from '../../util';
11
- import { ElevationProvider } from '../ElevationProvider';
12
11
 
13
12
  type ContextMenuRootProps = ContextMenuPrimitive.ContextMenuProps;
14
13
 
@@ -29,14 +28,15 @@ type ContextMenuContentProps = ThemedClassName<ContextMenuPrimitive.ContextMenuC
29
28
  const ContextMenuContent = forwardRef<HTMLDivElement, ContextMenuContentProps>(
30
29
  ({ classNames, children, ...props }, forwardedRef) => {
31
30
  const { tx } = useThemeContext();
31
+ const elevation = useElevationContext();
32
32
  return (
33
33
  <ContextMenuPrimitive.Content
34
34
  collisionPadding={8}
35
35
  {...props}
36
- className={tx('menu.content', 'menu', {}, classNames)}
36
+ className={tx('menu.content', 'menu', { elevation }, classNames)}
37
37
  ref={forwardedRef}
38
38
  >
39
- <ElevationProvider elevation='chrome'>{children}</ElevationProvider>
39
+ {children}
40
40
  </ContextMenuPrimitive.Content>
41
41
  );
42
42
  },