@databricks/design-system 1.12.2 → 1.12.3
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/common-1fb3eeb9.js.map +1 -1
- package/dist/design-system/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/design-system/FormMessage/FormMessage.d.ts.map +1 -1
- package/dist/design-system/TableUI/index.d.ts +2 -0
- package/dist/design-system/TableUI/index.d.ts.map +1 -1
- package/dist/index.js +21 -12
- package/dist/index.js.map +1 -1
- package/dist/test-utils/common.d.ts +4 -0
- package/dist/test-utils/common.d.ts.map +1 -1
- package/dist/test-utils/enzyme/table.d.ts +9 -1
- package/dist/test-utils/enzyme/table.d.ts.map +1 -1
- package/dist/test-utils/enzyme.js +22 -4
- package/dist/test-utils/enzyme.js.map +1 -1
- package/dist/test-utils/rtl/table.d.ts +10 -1
- package/dist/test-utils/rtl/table.d.ts.map +1 -1
- package/dist/test-utils/rtl.js +23 -4
- package/dist/test-utils/rtl.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common-1fb3eeb9.js","sources":["../src/test-utils/common.ts"],"sourcesContent":["const duBoisClassPrefix = 'du-bois-light';\n\n/**\n * Used with the `selectEvent` utils for both Enzyme and RTL.\n */\nexport const selectClasses = {\n clear: `${duBoisClassPrefix}-select-clear`,\n list: 'rc-virtual-list',\n open: `${duBoisClassPrefix}-select-open`,\n option: `${duBoisClassPrefix}-select-item-option-content`,\n selector: `${duBoisClassPrefix}-select-selector`,\n};\n\nexport interface GetTableRowByCellTextOptions {\n columnHeaderName?: string;\n}\n\n/**\n * @param columns List of column names\n * @param rows List of rows, where each row is a list of cell texts\n * @returns Markdown formatted string representing the data\n *\n * @example\n * // returns the string:\n * // | Name | Fruit |\n * // | --- | --- |\n * // | Alice | Apple |\n * // | Brady | Banana |\n * createMarkdownTable(['Name', 'Age'], [['Alice', 'Apple'], ['Brady', 'Banana']])\n */\nexport function createMarkdownTable(columns: string[], rows: string[][]) {\n const headerRow = `| ${columns.join(' | ')} |`;\n const separatorRow = `| ${columns.fill('---').join(' | ')} |`;\n const dataRows = `${rows.map((row) => `| ${row.join(' | ')} |`).join('\\n')}`;\n const markdownTable = `${headerRow}\\n${separatorRow}\\n${dataRows}`;\n return markdownTable;\n}\n"],"names":["duBoisClassPrefix","selectClasses","clear","list","open","option","selector","createMarkdownTable","columns","rows","headerRow","join","separatorRow","fill","dataRows","map","row","markdownTable"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,eAAe;;AAEzC;AACA;AACA;MACaC,aAAa,GAAG;EAC3BC,KAAK,EAAG,GAAEF,iBAAkB,eAAc;EAC1CG,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAG,GAAEJ,iBAAkB,cAAa;EACxCK,MAAM,EAAG,GAAEL,iBAAkB,6BAA4B;EACzDM,QAAQ,EAAG,GAAEN,iBAAkB;AACjC;
|
|
1
|
+
{"version":3,"file":"common-1fb3eeb9.js","sources":["../src/test-utils/common.ts"],"sourcesContent":["const duBoisClassPrefix = 'du-bois-light';\n\n/**\n * Used with the `selectEvent` utils for both Enzyme and RTL.\n */\nexport const selectClasses = {\n clear: `${duBoisClassPrefix}-select-clear`,\n list: 'rc-virtual-list',\n open: `${duBoisClassPrefix}-select-open`,\n option: `${duBoisClassPrefix}-select-item-option-content`,\n selector: `${duBoisClassPrefix}-select-selector`,\n};\n\nexport interface GetTableRowByCellTextOptions {\n columnHeaderName?: string;\n}\n\nexport interface TableRows<T> {\n bodyRows: T[];\n headerRow: T;\n}\n\n/**\n * @param columns List of column names\n * @param rows List of rows, where each row is a list of cell texts\n * @returns Markdown formatted string representing the data\n *\n * @example\n * // returns the string:\n * // | Name | Fruit |\n * // | --- | --- |\n * // | Alice | Apple |\n * // | Brady | Banana |\n * createMarkdownTable(['Name', 'Age'], [['Alice', 'Apple'], ['Brady', 'Banana']])\n */\nexport function createMarkdownTable(columns: string[], rows: string[][]) {\n const headerRow = `| ${columns.join(' | ')} |`;\n const separatorRow = `| ${columns.fill('---').join(' | ')} |`;\n const dataRows = `${rows.map((row) => `| ${row.join(' | ')} |`).join('\\n')}`;\n const markdownTable = `${headerRow}\\n${separatorRow}\\n${dataRows}`;\n return markdownTable;\n}\n"],"names":["duBoisClassPrefix","selectClasses","clear","list","open","option","selector","createMarkdownTable","columns","rows","headerRow","join","separatorRow","fill","dataRows","map","row","markdownTable"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,eAAe;;AAEzC;AACA;AACA;MACaC,aAAa,GAAG;EAC3BC,KAAK,EAAG,GAAEF,iBAAkB,eAAc;EAC1CG,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAG,GAAEJ,iBAAkB,cAAa;EACxCK,MAAM,EAAG,GAAEL,iBAAkB,6BAA4B;EACzDM,QAAQ,EAAG,GAAEN,iBAAkB;AACjC;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,mBAAmB,CAACC,OAAiB,EAAEC,IAAgB,EAAE;EACvE,MAAMC,SAAS,GAAI,KAAIF,OAAO,CAACG,IAAI,CAAC,KAAK,CAAE,IAAG;EAC9C,MAAMC,YAAY,GAAI,KAAIJ,OAAO,CAACK,IAAI,CAAC,KAAK,CAAC,CAACF,IAAI,CAAC,KAAK,CAAE,IAAG;EAC7D,MAAMG,QAAQ,GAAI,GAAEL,IAAI,CAACM,GAAG,CAAEC,GAAG,IAAM,KAAIA,GAAG,CAACL,IAAI,CAAC,KAAK,CAAE,IAAG,CAAC,CAACA,IAAI,CAAC,IAAI,CAAE,EAAC;EAC5E,MAAMM,aAAa,GAAI,GAAEP,SAAU,KAAIE,YAAa,KAAIE,QAAS,EAAC;EAClE,OAAOG,aAAa;AACtB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/design-system/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,kBAAkB,IAAI,sBAAsB,EAC5C,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAiM5E,eAAO,MAAM,eAAe;eAMf,MAAM;WACV,KAAK;;;+
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/design-system/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,kBAAkB,IAAI,sBAAsB,EAC5C,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAiM5E,eAAO,MAAM,eAAe;eAMf,MAAM;WACV,KAAK;;;+CAmBb,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,uBAAuB,CAAC,iBAAiB,CAAC,EAChD,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC7D,kBAAkB;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,EAC/C,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1F,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACpC;AAiFD,eAAO,MAAM,QAAQ;;CAAoB,CAAC;AAK1C,eAAO,MAAM,4BAA4B,iHAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormMessage.d.ts","sourceRoot":"","sources":["../../../src/design-system/FormMessage/FormMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAa,aAAa,EAAoB,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAOxG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACnC;AAwCD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,IAAc,EAAE,SAAc,EAAE,GAAG,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"FormMessage.d.ts","sourceRoot":"","sources":["../../../src/design-system/FormMessage/FormMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAa,aAAa,EAAoB,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAOxG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACnC;AAwCD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,IAAc,EAAE,SAAc,EAAE,GAAG,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAc3G"}
|
|
@@ -65,6 +65,8 @@ export interface TableHeaderProps {
|
|
|
65
65
|
resizable?: boolean;
|
|
66
66
|
/** Event handler to be passed down to <TableHeaderResizeHandle /> */
|
|
67
67
|
resizeHandler?: React.PointerEventHandler<HTMLDivElement>;
|
|
68
|
+
/** Whether the header is currently being resized */
|
|
69
|
+
isResizing?: boolean;
|
|
68
70
|
/** How to horizontally align the cell contents */
|
|
69
71
|
align?: 'left' | 'center' | 'right';
|
|
70
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/TableUI/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAgD,MAAM,OAAO,CAAC;AAMrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/TableUI/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -9291,6 +9291,8 @@ const getWrapperStyle = _ref => {
|
|
|
9291
9291
|
useNewStyles
|
|
9292
9292
|
} = _ref;
|
|
9293
9293
|
const styles = {
|
|
9294
|
+
height: theme.typography.lineHeightBase,
|
|
9295
|
+
lineHeight: theme.typography.lineHeightBase,
|
|
9294
9296
|
...(useNewStyles && {
|
|
9295
9297
|
[`&& + .${clsPrefix}-hint, && + .${clsPrefix}-form-message`]: {
|
|
9296
9298
|
paddingLeft: theme.spacing.lg,
|
|
@@ -12011,7 +12013,7 @@ const getMessageStyles = (clsPrefix, theme) => {
|
|
|
12011
12013
|
fontSize: theme.typography.fontSizeSm,
|
|
12012
12014
|
marginTop: theme.spacing.sm,
|
|
12013
12015
|
display: 'flex',
|
|
12014
|
-
alignItems: '
|
|
12016
|
+
alignItems: 'start'
|
|
12015
12017
|
},
|
|
12016
12018
|
[`&${errorClass}`]: {
|
|
12017
12019
|
color: theme.colors.actionDangerPrimaryBackgroundDefault
|
|
@@ -12048,7 +12050,12 @@ function FormMessage(_ref) {
|
|
|
12048
12050
|
return jsxs("div", {
|
|
12049
12051
|
className: wrapperClass,
|
|
12050
12052
|
css: [getMessageStyles(classNamePrefix, theme), css, process.env.NODE_ENV === "production" ? "" : ";label:FormMessage;"],
|
|
12051
|
-
children: [jsx(StateIcon, {}), "
|
|
12053
|
+
children: [jsx(StateIcon, {}), jsx("div", {
|
|
12054
|
+
style: {
|
|
12055
|
+
paddingLeft: theme.spacing.xs
|
|
12056
|
+
},
|
|
12057
|
+
children: message
|
|
12058
|
+
})]
|
|
12052
12059
|
});
|
|
12053
12060
|
}
|
|
12054
12061
|
|
|
@@ -15294,15 +15301,16 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
15294
15301
|
// We're also using CSS Variables rather than any dynamic styles so that the style object remains static.
|
|
15295
15302
|
const tableStyles = {
|
|
15296
15303
|
tableWrapper: process.env.NODE_ENV === "production" ? {
|
|
15297
|
-
name: "
|
|
15298
|
-
styles: "display:flex;flex-direction:column;height:100%"
|
|
15304
|
+
name: "b4b8ls",
|
|
15305
|
+
styles: "&.table-isScrollable{overflow:auto;}display:flex;flex-direction:column;height:100%"
|
|
15299
15306
|
} : {
|
|
15300
|
-
name: "
|
|
15301
|
-
styles: "display:flex;flex-direction:column;height:100%;label:tableWrapper;",
|
|
15307
|
+
name: "1awn1ma-tableWrapper",
|
|
15308
|
+
styles: "&.table-isScrollable{overflow:auto;}display:flex;flex-direction:column;height:100%;label:tableWrapper;",
|
|
15302
15309
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
15303
15310
|
},
|
|
15304
15311
|
table: /*#__PURE__*/css({
|
|
15305
15312
|
'.table-isScrollable &': {
|
|
15313
|
+
flex: 1,
|
|
15306
15314
|
overflow: 'auto',
|
|
15307
15315
|
// Adapted from: https://css-tricks.com/scroll-shadows-with-javascript/
|
|
15308
15316
|
background: `
|
|
@@ -15355,11 +15363,11 @@ const tableStyles = {
|
|
|
15355
15363
|
}
|
|
15356
15364
|
}, process.env.NODE_ENV === "production" ? "" : ";label:table;"),
|
|
15357
15365
|
row: process.env.NODE_ENV === "production" ? {
|
|
15358
|
-
name: "
|
|
15359
|
-
styles: "display:flex
|
|
15366
|
+
name: "1bx3uk1",
|
|
15367
|
+
styles: "display:flex;&.table-isHeader{> *{background-color:var(--table-header-background-color);}.table-isScrollable &{position:sticky;top:0;z-index:1;}}.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:var(--row-checkbox-opacity, 0);}&:hover{> *:not([role=\"columnheader\"]){background-color:var(--table-row-hover);}.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:1;}}.table-row-select-cell input[type=\"checkbox\"]:focus ~ *{opacity:1;}> *{padding-top:var(--table-row-vertical-padding);padding-bottom:var(--table-row-vertical-padding);border-bottom:1px solid;border-color:var(--table-separator-color);}"
|
|
15360
15368
|
} : {
|
|
15361
|
-
name: "
|
|
15362
|
-
styles: "display:flex
|
|
15369
|
+
name: "16lqkbp-row",
|
|
15370
|
+
styles: "display:flex;&.table-isHeader{> *{background-color:var(--table-header-background-color);}.table-isScrollable &{position:sticky;top:0;z-index:1;}}.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:var(--row-checkbox-opacity, 0);}&:hover{> *:not([role=\"columnheader\"]){background-color:var(--table-row-hover);}.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:1;}}.table-row-select-cell input[type=\"checkbox\"]:focus ~ *{opacity:1;}> *{padding-top:var(--table-row-vertical-padding);padding-bottom:var(--table-row-vertical-padding);border-bottom:1px solid;border-color:var(--table-separator-color);};label:row;",
|
|
15363
15371
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
15364
15372
|
},
|
|
15365
15373
|
cell: process.env.NODE_ENV === "production" ? {
|
|
@@ -15562,7 +15570,7 @@ const TableRow = /*#__PURE__*/forwardRef(function TableRow(_ref2, ref) {
|
|
|
15562
15570
|
...style,
|
|
15563
15571
|
['--table-row-vertical-padding']: `${rowPadding}px`
|
|
15564
15572
|
},
|
|
15565
|
-
className: className
|
|
15573
|
+
className: `${className} ${isHeader ? 'table-isHeader' : ''}`,
|
|
15566
15574
|
children: children
|
|
15567
15575
|
})
|
|
15568
15576
|
});
|
|
@@ -15610,6 +15618,7 @@ const TableHeader = /*#__PURE__*/forwardRef(function TableHeader(_ref4, ref) {
|
|
|
15610
15618
|
className,
|
|
15611
15619
|
resizable,
|
|
15612
15620
|
resizeHandler,
|
|
15621
|
+
isResizing = false,
|
|
15613
15622
|
align = 'left'
|
|
15614
15623
|
} = _ref4;
|
|
15615
15624
|
const {
|
|
@@ -15662,7 +15671,7 @@ const TableHeader = /*#__PURE__*/forwardRef(function TableHeader(_ref4, ref) {
|
|
|
15662
15671
|
textAlign: align,
|
|
15663
15672
|
...style
|
|
15664
15673
|
},
|
|
15665
|
-
children: [sortable ? jsxs("div", {
|
|
15674
|
+
children: [sortable && !isResizing ? jsxs("div", {
|
|
15666
15675
|
css: [tableStyles.headerButtonTarget, process.env.NODE_ENV === "production" ? "" : ";label:TableHeader;"],
|
|
15667
15676
|
role: "button",
|
|
15668
15677
|
tabIndex: 0,
|