@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.
- package/dist/lib/browser/index.mjs +254 -163
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +354 -271
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +254 -163
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialogs/Dialog.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.d.ts +5 -6
- package/dist/types/src/components/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +1 -3
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/Lists/List.d.ts +2 -0
- package/dist/types/src/components/Lists/List.d.ts.map +1 -1
- package/dist/types/src/components/Lists/ListDropIndicator.d.ts +11 -0
- package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +1 -0
- package/dist/types/src/components/Lists/Tree.d.ts +2 -0
- package/dist/types/src/components/Lists/Tree.d.ts.map +1 -1
- package/dist/types/src/components/Lists/TreeDropIndicator.d.ts +8 -0
- package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +1 -0
- package/dist/types/src/components/Main/Main.d.ts.map +1 -1
- package/dist/types/src/components/Menus/ContextMenu.d.ts.map +1 -1
- package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +1 -0
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
- package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/package.json +13 -12
- package/src/components/Clipboard/CopyButton.tsx +1 -1
- package/src/components/Dialogs/AlertDialog.tsx +6 -2
- package/src/components/Dialogs/Dialog.tsx +6 -2
- package/src/components/Input/Input.stories.tsx +4 -6
- package/src/components/Input/Input.tsx +29 -44
- package/src/components/Lists/List.stories.tsx +2 -2
- package/src/components/Lists/List.tsx +3 -0
- package/src/components/Lists/ListDropIndicator.tsx +62 -0
- package/src/components/Lists/Tree.tsx +3 -0
- package/src/components/Lists/TreeDropIndicator.tsx +70 -0
- package/src/components/Main/Main.tsx +1 -2
- package/src/components/Menus/ContextMenu.tsx +4 -4
- package/src/components/Menus/DropdownMenu.tsx +3 -2
- package/src/components/Popover/Popover.tsx +4 -2
- package/src/components/ScrollArea/ScrollArea.stories.tsx +2 -2
- package/src/components/Select/Select.tsx +3 -2
- package/src/components/ThemeProvider/ThemeProvider.tsx +1 -2
- package/src/components/Toast/Toast.tsx +1 -1
- package/src/components/Tooltip/Tooltip.tsx +3 -2
- package/src/testing/decorators/withVariants.tsx +4 -4
- package/dist/types/src/playground/Surfaces.stories.d.ts +0 -21
- package/dist/types/src/playground/Surfaces.stories.d.ts.map +0 -1
- 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;
|
|
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":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAGd,KAAK,UAAU,EAEf,KAAK,wBAAwB,EAE7B,KAAK,qBAAqB,EAE1B,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAQ/B,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC1D,QAAA,MAAkC,uBAAuB,+CAA6D,CAAC;AAGvH,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,YAAY,IAAI,IAAI,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,QAAA,MAA6B,sBAAsB,wGACsB,CAAC;AAE1E,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsCD,KAAK,0BAA0B,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AACtE,KAAK,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAC9E,UAAU,wBAAyB,SAAQ,oBAAoB;CAAG;AA8DlE,UAAU,+BAA+B;IACvC,UAAU,EAAE,SAAS,CAAC,0BAA0B,CAAC,CAAC;CACnD;AAsBD,KAAK,eAAe,GAAG,wBAAwB,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AAC7E,UAAU,uBAAwB,SAAQ,eAAe;CAAG;AAc5D,KAAK,yBAAyB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAqBF,KAAK,gBAAgB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AAChG,UAAU,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC;CAAG;
|
|
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":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAE1B,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EAGd,KAAK,wBAAwB,EAK9B,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrD,QAAA,MAA6B,kBAAkB,+CAAyD,CAAC;AAiBzG,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA0CD,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AACjF,UAAU,kBAAmB,SAAQ,iBAAiB;CAAG;AA0BzD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AACjE,KAAK,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAC9E,UAAU,mBAAoB,SAAQ,oBAAoB;CAAG;AAwC7D,UAAU,0BAA0B;IAClC,UAAU,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;CAC9C;AA2BD,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAC;AACpE,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAwBD,UAAU,mBAAoB,SAAQ,uBAAuB;IAC3D;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;
|
|
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;
|
|
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,
|
|
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,
|
|
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;
|
|
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;
|
|
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.
|
|
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/
|
|
63
|
-
"@dxos/log": "0.7.
|
|
64
|
-
"@dxos/
|
|
65
|
-
"@dxos/react-
|
|
66
|
-
"@dxos/react-ui-types": "0.7.
|
|
67
|
-
"@dxos/util": "0.7.
|
|
68
|
-
"@dxos/react-
|
|
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.
|
|
81
|
-
"@dxos/react-ui-theme": "0.7.
|
|
82
|
-
"@dxos/util": "0.7.
|
|
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.
|
|
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}
|
|
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> =
|
|
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
|
-
|
|
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> =
|
|
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
|
-
|
|
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,
|
|
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',
|
|
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',
|
|
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
|
|
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 {
|
|
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,
|
|
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
|
-
|
|
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
|
-
<
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
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<
|
|
283
|
+
type SwitchProps = ThemedClassName<
|
|
284
|
+
Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange'> & { onCheckedChange?: (checked: boolean) => void }
|
|
285
|
+
>;
|
|
296
286
|
|
|
297
|
-
const Switch
|
|
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
|
-
<
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
39
|
+
{children}
|
|
40
40
|
</ContextMenuPrimitive.Content>
|
|
41
41
|
);
|
|
42
42
|
},
|