@astryxdesign/lab 0.7.0-canary.4ec1f4e → 0.7.0-canary.5777977
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/MobileTokenizer/MobileTokenizer.js +1 -1
- package/dist/TransferList/TransferList.js +1 -1
- package/dist/TransferList/TransferListSelector.d.ts +1 -1
- package/dist/TransferList/TransferListSelector.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/MobileTokenizer/MobileTokenizer.tsx +1 -1
- package/src/TransferList/TransferList.doc.mjs +9 -7
- package/src/TransferList/TransferList.tsx +1 -1
- package/src/TransferList/TransferListSelector.test.tsx +4 -4
- package/src/TransferList/TransferListSelector.tsx +3 -3
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
import { type ReactNode } from 'react';
|
|
13
13
|
import { type ComplexSelectorProps } from '@astryxdesign/core/ComplexSelector';
|
|
14
14
|
import { type TransferListProps } from './TransferList';
|
|
15
|
-
type TransferListSelectorShellProp = 'label' | 'triggerLabel' | 'isLabelHidden' | 'description' | 'isOptional' | 'isRequired' | 'isDisabled' | 'isLoading' | 'status' | 'statusVariant' | 'labelTooltip' | 'size' | 'width' | 'placement' | '
|
|
15
|
+
type TransferListSelectorShellProp = 'label' | 'triggerLabel' | 'isLabelHidden' | 'description' | 'isOptional' | 'isRequired' | 'isDisabled' | 'isLoading' | 'status' | 'statusVariant' | 'labelTooltip' | 'size' | 'width' | 'placement' | 'controlXstyle' | 'controlClassName' | 'controlStyle' | 'data-testid';
|
|
16
16
|
type TransferListContentProp = 'options' | 'selectedLabel' | 'availableLabel' | 'hasSearch' | 'searchLabel' | 'searchPlaceholder' | 'isReorderable' | 'hasSelectAll' | 'hasClear' | 'renderOption' | 'selectedEmptyText' | 'availableEmptyText' | 'noResultsText';
|
|
17
17
|
export type TransferListSelectorCommitBehavior = 'immediate' | 'staged';
|
|
18
18
|
export type TransferListSelectorProps<T extends string = string> = Pick<ComplexSelectorProps<readonly T[]>, TransferListSelectorShellProp> & Pick<TransferListProps<T>, TransferListContentProp> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransferListSelector.d.ts","sourceRoot":"","sources":["../../src/TransferList/TransferListSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAA2C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAG/E,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAI5C,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAsDpE,KAAK,6BAA6B,GAC9B,OAAO,GACP,cAAc,GACd,eAAe,GACf,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,eAAe,GACf,cAAc,GACd,MAAM,GACN,OAAO,GACP,WAAW,GACX,
|
|
1
|
+
{"version":3,"file":"TransferListSelector.d.ts","sourceRoot":"","sources":["../../src/TransferList/TransferListSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAA2C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAG/E,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAI5C,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAsDpE,KAAK,6BAA6B,GAC9B,OAAO,GACP,cAAc,GACd,eAAe,GACf,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,eAAe,GACf,cAAc,GACd,MAAM,GACN,OAAO,GACP,WAAW,GACX,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,aAAa,CAAC;AAElB,KAAK,uBAAuB,GACxB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,UAAU,GACV,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,CAAC;AAEpB,MAAM,MAAM,kCAAkC,GAAG,WAAW,GAAG,QAAQ,CAAC;AAExE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACrE,oBAAoB,CAAC,SAAS,CAAC,EAAE,CAAC,EAClC,6BAA6B,CAC9B,GACC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IACpD,mDAAmD;IACnD,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D;;;OAGG;IACH,cAAc,CAAC,EAAE,kCAAkC,CAAC;IACpD,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA+BJ;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC9D,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,cAA4B,EAC5B,YAAY,EACZ,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,oBAAoB,EACjC,aAAa,EACb,cAAc,EACd,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,GAAG,aAAa,EACjB,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,SAAS,CAqI1C;yBAhKe,oBAAoB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astryxdesign/lab",
|
|
3
|
-
"version": "0.7.0-canary.
|
|
3
|
+
"version": "0.7.0-canary.5777977",
|
|
4
4
|
"description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
|
|
5
5
|
"author": "Meta Open Source",
|
|
6
6
|
"license": "MIT",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@stylexjs/stylex": ">=0.10.0",
|
|
50
|
-
"@astryxdesign/core": "0.7.0-canary.
|
|
50
|
+
"@astryxdesign/core": "0.7.0-canary.5777977",
|
|
51
51
|
"react": ">=19.0.0",
|
|
52
52
|
"react-dom": ">=19.0.0"
|
|
53
53
|
},
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"d3-shape": "^3.2.0"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@astryxdesign/a11y-spec": "0.7.0-canary.
|
|
61
|
-
"@astryxdesign/cli": "0.7.0-canary.
|
|
60
|
+
"@astryxdesign/a11y-spec": "0.7.0-canary.5777977",
|
|
61
|
+
"@astryxdesign/cli": "0.7.0-canary.5777977",
|
|
62
62
|
"@babel/cli": "^7.29.7",
|
|
63
63
|
"@babel/core": "^7.29.7",
|
|
64
64
|
"@babel/preset-react": "^7.29.7",
|
|
@@ -239,24 +239,26 @@ export const docs = {
|
|
|
239
239
|
'Optional async action run after each immediate commit or a changed staged Apply; drives optimistic and busy state.',
|
|
240
240
|
},
|
|
241
241
|
{
|
|
242
|
-
name: '
|
|
242
|
+
name: 'controlXstyle',
|
|
243
243
|
type: 'StyleXStyles',
|
|
244
|
-
description:
|
|
244
|
+
description:
|
|
245
|
+
"StyleX styles for the external selector's bordered control box.",
|
|
245
246
|
},
|
|
246
247
|
{
|
|
247
|
-
name: '
|
|
248
|
+
name: 'controlClassName',
|
|
248
249
|
type: 'string',
|
|
249
|
-
description:
|
|
250
|
+
description: "Class name applied to the external selector's control box.",
|
|
250
251
|
},
|
|
251
252
|
{
|
|
252
|
-
name: '
|
|
253
|
+
name: 'controlStyle',
|
|
253
254
|
type: 'CSSProperties',
|
|
254
|
-
description:
|
|
255
|
+
description:
|
|
256
|
+
"Inline styles applied to the external selector's control box.",
|
|
255
257
|
},
|
|
256
258
|
{
|
|
257
259
|
name: 'data-testid',
|
|
258
260
|
type: 'string',
|
|
259
|
-
description: 'Test ID for the selector trigger
|
|
261
|
+
description: 'Test ID for the selector trigger button.',
|
|
260
262
|
},
|
|
261
263
|
],
|
|
262
264
|
components: [
|
|
@@ -1216,7 +1216,7 @@ export function TransferList<T extends string = string>({
|
|
|
1216
1216
|
startIcon={<Icon icon="search" size="sm" color="secondary" />}
|
|
1217
1217
|
hasClear
|
|
1218
1218
|
width="100%"
|
|
1219
|
-
|
|
1219
|
+
controlXstyle={styles.search}
|
|
1220
1220
|
onChange={handleSearch}
|
|
1221
1221
|
/>
|
|
1222
1222
|
</div>
|
|
@@ -557,10 +557,10 @@ describe('TransferListSelector', () => {
|
|
|
557
557
|
expect(
|
|
558
558
|
screen.getByText('Choose the columns shown in the table.'),
|
|
559
559
|
).toBeVisible();
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
'
|
|
563
|
-
);
|
|
560
|
+
// data-testid lands on the trigger button inside the control box.
|
|
561
|
+
expect(
|
|
562
|
+
screen.getByTestId('column-selector').closest('.astryx-complex-selector'),
|
|
563
|
+
).toHaveAttribute('data-size', 'sm');
|
|
564
564
|
expect(
|
|
565
565
|
screen.getByRole('button', {name: 'Table columns'}),
|
|
566
566
|
).toHaveTextContent('Customize columns');
|