@civicactions/cmsds-open-data-components 4.0.0-alpha.2 → 4.0.0-alpha.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/main.js CHANGED
@@ -2488,6 +2488,7 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
2488
2488
  style: style,
2489
2489
  ...listeners,
2490
2490
  ...attributes,
2491
+ tabIndex: -1,
2491
2492
  onPointerUp: (e)=>{
2492
2493
  // Small hack to get around a chrome / webkit rendering bug = force chrome to repaint the checkbox
2493
2494
  // For whatever reason the way dnd-kit handles events doesn't work well with chrome
@@ -2636,7 +2637,7 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
2636
2637
  className: "dkan-manage-columns-wrapper",
2637
2638
  children: [
2638
2639
  /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
2639
- "aria-label": "Manage columns - Opens in a dialog",
2640
+ "aria-haspopup": "dialog",
2640
2641
  className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
2641
2642
  onClick: ()=>{
2642
2643
  setModalOpen(true);
@@ -2661,6 +2662,7 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
2661
2662
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
2662
2663
  heading: "Manage columns",
2663
2664
  isOpen: modalOpen,
2665
+ ariaCloseLabel: "Close dialog",
2664
2666
  onExit: ()=>{
2665
2667
  setModalOpen(false);
2666
2668
  resetCards();
@@ -2887,7 +2889,7 @@ const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
2887
2889
  className: "dkan-fullscreen-data-table-wrapper",
2888
2890
  children: [
2889
2891
  /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
2890
- "aria-label": modalOpen ? 'Close Full Screen dialog' : 'Full Screen mode - Opens in a dialog',
2892
+ "aria-haspopup": "dialog",
2891
2893
  className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
2892
2894
  onClick: ()=>{
2893
2895
  if (modalOpen) setModalOpen(false);
@@ -2909,6 +2911,7 @@ const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
2909
2911
  heading: "Dataset Explorer",
2910
2912
  isOpen: modalOpen,
2911
2913
  onExit: ()=>setModalOpen(false),
2914
+ ariaCloseLabel: "Close dialog",
2912
2915
  className: "dkan-full-screen-dataset-dialog",
2913
2916
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
2914
2917
  isModal: true
@@ -3223,7 +3226,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
3223
3226
  className: "dkan-filter-dataset-wrapper",
3224
3227
  children: [
3225
3228
  /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
3226
- "aria-label": "Filter dataset - Opens in a dialog",
3229
+ "aria-haspopup": "dialog",
3227
3230
  className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
3228
3231
  onClick: ()=>{
3229
3232
  setModalOpen(true);
@@ -3250,7 +3253,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
3250
3253
  isOpen: modalOpen,
3251
3254
  onExit: ()=>setModalOpen(false),
3252
3255
  className: "dkan-filter-dataset-dialog",
3253
- ariaCloseLabel: "Close filter dataset dialog",
3256
+ ariaCloseLabel: "Close dialog",
3254
3257
  actions: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3255
3258
  className: "ds-u-display--flex ds-u-justify-content--end ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--2",
3256
3259
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -3391,7 +3394,7 @@ const $dae856e97a09bcd6$var$DisplaySettings = ()=>{
3391
3394
  ],
3392
3395
  placement: "bottom-start",
3393
3396
  maxWidth: "350px",
3394
- "aria-label": "Display Settings",
3397
+ "aria-haspopup": "dialog",
3395
3398
  title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3396
3399
  className: "ds-u-display--flex ds-u-flex-direction--column",
3397
3400
  children: [
@@ -3570,6 +3573,8 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
3570
3573
  children: [
3571
3574
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3572
3575
  className: "dkan-filter-dataset-toolbar ds-u-fill--white ds-u-border--1",
3576
+ role: "region",
3577
+ "aria-label": "toolbar",
3573
3578
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3574
3579
  className: "ds-l-col--12 ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-flex-wrap--wrap ds-u-padding-x--0 ds-u-padding-y--2",
3575
3580
  children: [