@asup/simple-table/dist/esm/main.css.map

REACT table, because I wanted one that took an array of objects as an input.

{"mappings":"ACAA;;;;;;AAMA;;;;;AAOA;;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;ACrCA;;;;;;;;ACAA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;;AAKA;;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;;;AAcA;;;;;;;AAOA;;;;;;;;;;AASA;;;;AAGA;;;;AClFA;;;;;;;;;ACAA;;;;AAIA;;;;;;;;;;;AASA;;;;;ACbA;;;;AAIA;;;;ACJA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;ACrCA;;;;;;;AAMA;;;;AAIA;;;;;ACVA;;;;;;;;;;AASA;;;;;AAOA;;;;;;;;;;;;AAYA;;;;;AC5BA;;;;;;;;;AAQA;;;;AAGA;;;;;AAIA;;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;;AAOA;;;;;;;;;;AAWA;;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;;;AAUA;;;;;AAKA;;;;;AAKA;;;;;AAIA;;;;AAGA;;;;;;AAKA;;;;ACvGA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;AASA;;;;;;;AAQA;;;;;;;AClCA;;;;;;;;;;;;;;;ACAA;;;;;;;;;;AAUA;;;;;ACVA;;;;;AAIA;;;;;;;AAMA;;;;;;;AAOA;;;;ACjBA;;;;;;;;;;;;;;AAaA","sources":["4d206c0e67351fa9","src/components/SimpleTableCell.module.css","src/main.css","src/components/SimpleTable.module.css","src/components/SimpleTableCell.css","src/components/SimpleTableRow.module.css","src/components/SimpleTableBody.module.css","src/components/SimpleTableCheckBox.module.css","src/components/SimpleTableFilter.module.css","src/components/SimpleTableHeader.module.css","src/components/SimpleTableColumnFilter.module.css","src/components/SimpleTableHeaderContents.module.css","src/components/Select.module.css","src/components/SimpleTablePager.module.css","src/components/SimpleTableSearch.module.css","src/components/SimpleTableSelectHeader.module.css"],"sourcesContent":["@import \"63bbad46bc356388\";\n@import \"bc78b0533545d088\";\n@import \"b0149ebdbe33fafb\";\n@import \"55c572093ae685c9\";\n@import \"bb420c847074549a\";\n@import \"f352354c893be940\";\n@import \"73a166783c2ea194\";\n@import \"b58a967768895a0f\";\n@import \"b94ae666576d6627\";\n@import \"203addac956eba7b\";\n@import \"8b409321085f6c0c\";\n@import \"df35559254dfd7bf\";\n@import \"83c80a47747dc16b\";\n@import \"1949821388fddd1f\";\n@import \"da14fc7ab850ac06\";\n",".cell {\n  border-left: 1px dotted transparent;\n  border-right: 1px dotted transparent;\n  position: relative;\n}\n\n.cell:hover {\n  border-right: 1px solid rgba(0, 0, 0, 0.75);\n}\n.cell:hover {\n  border-left: 1px solid rgba(0, 0, 0, 0.75);\n}\n\n.cell div.overflowHidden {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: calc(100% - 8px);\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n.cell div.textRight {\n  text-align: right;\n}\n\n.cell div.textLeft {\n  text-align: left;\n}\n\n.cell div.overflowHidden:hover {\n  overflow: visible;\n  white-space: normal;\n  text-overflow: clip;\n  width: auto;\n}\n\n.cell div.overflowHidden:hover span {\n  position: relative;\n  background-color: var(--st-main-background-color);\n  z-index: 10;\n  padding-right: 8px;\n}\n",":root {\n  --st-main-background-color: white;\n  --st-header-background-color: white;\n  --st-selected-background-color: rgba(0, 0, 0, 0.8);\n  --st-select-active: rgb(255, 153, 0);\n  --st-select-inactive: rgba(0, 0, 0, 0.2);\n}\n",".main {\n  height: 100%;\n  width: 100%;\n}\n\nh5.title {\n  font-size: 24px;\n  height: 30px;\n  margin: 0;\n  flex-grow: 1;\n}\n\n.title small {\n  font-size: small;\n}\n\n.scroll {\n  width: 100%;\n  overflow: auto;\n  background-color: var(--st-main-background-color);\n}\n.scroll::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.scroll::-webkit-scrollbar-track {\n  border-radius: 100px;\n  background-color: var(--st-main-background-color);\n}\n\n.scroll::-webkit-scrollbar-corner {\n  background-color: var(--st-main-background-color);\n}\n\n.scroll::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.3);\n  border: none;\n  border-radius: 100px;\n}\n.scroll::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.9);\n}\n\n.holder {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.titleHolder {\n  display: flex;\n  background-color: var(--st-main-background-color);\n  flex-direction: row;\n  gap: 0.5rem;\n  align-items: center;\n  align-content: stretch;\n  height: 30px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  white-space: nowrap;\n  box-sizing: content-box;\n}\n\n.table {\n  position: relative;\n  border-collapse: collapse;\n  width: 1px;\n  table-layout: fixed;\n}\n\n.footerHolder {\n  display: flex;\n  flex-direction: row;\n  gap: 0.5rem;\n  height: 1.75rem;\n  justify-content: flex-end;\n  white-space: nowrap;\n  background-color: var(--st-main-background-color);\n}\n.footerHolder svg {\n  cursor: pointer;\n}\n.footerHolder select {\n  border-radius: 4px;\n}\n","th div.overflow-hidden,\ntd div.overflow-hidden {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: calc(100% - 8px);\n  padding-left: 4px;\n  padding-right: 4px;\n}\n","tr.selected > td {\n  background-color: var(--st-selected-background-color);\n}\n\n.firstcol {\n  position: sticky;\n  left: 0;\n  opacity: 1;\n  z-index: 1;\n  border-left: 1px dotted transparent;\n  border-right: 1px dotted transparent;\n  background-color: var(--st-main-background-color);\n}\n.firstcol:hover {\n  border-left: 1px solid rgba(0, 0, 0, 0.75);\n  border-right: 1px solid rgba(0, 0, 0, 0.75);\n}\n",".tbody {\n  overflow-y: auto;\n}\n\n.noKeyField {\n  color: red;\n}\n",".checkboxContainer {\n  display: inline-block !important;\n  position: relative !important;\n  width: 24px !important;\n  height: 24px !important;\n  margin: 0 !important;\n  padding: 4 !important;\n  box-sizing: border-box !important;\n}\n\n.checkboxContainer input[type=\"checkbox\"] {\n  opacity: 0 !important;\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  margin: 0 !important;\n}\n\n.checkboxContainer::before {\n  content: \"\" !important;\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  border: 2px solid black !important;\n  border-radius: 50% !important;\n  box-sizing: border-box !important;\n  background-color: var(--st-select-inactive) !important;\n  transition:\n    background-color 0.2s ease,\n    border-color 0.2s ease !important;\n}\n\n.checkboxContainer:has(input[type=\"checkbox\"]:checked)::before {\n  border-color: black !important;\n  background-color: var(--st-select-active) !important;\n}\n\n.checkboxContainer:has(input[type=\"checkbox\"]:indeterminate)::before {\n  border-color: black !important;\n  background: linear-gradient(\n    135deg,\n    var(--st-select-inactive) 50%,\n    var(--st-select-active) 50%\n  ) !important;\n}\n",".holder {\n  order: 3;\n  margin-left: 1rem;\n  display: flex;\n  cursor: default;\n}\n.holder:last-child {\n  margin-right: 1rem;\n}\n\n.label {\n  display: table-cell;\n  margin-left: 0.5rem;\n}\n",".cell {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  border-left: 1px dotted transparent;\n  border-right: 1px dotted transparent;\n  background-color: var(--st-header-background-color);\n}\n\n.cell:hover {\n  border-left: 1px solid rgba(0, 0, 0, 0.75);\n}\n.cell:hover {\n  border-right: 1px solid rgba(0, 0, 0, 0.75);\n}\n\n.resizeHandle {\n  display: inline-block;\n  position: absolute;\n  cursor: col-resize;\n  width: 4px;\n  right: 0px;\n  top: 0;\n  z-index: 10;\n  height: 100%;\n  border-right: 2px solid transparent;\n}\n\n.resizeHandle:hover {\n  border-color: rgba(0, 0, 0, 0.75);\n  background: rgba(20, 20, 20, 0.5);\n}\n",".table {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  opacity: 1;\n}\n.table svg {\n  vertical-align: unset;\n}\n.table > thead {\n  width: calc(100% - 8px);\n  min-height: 50px;\n}\n.table > thead,\n.table > tbody > tr {\n  display: table;\n  width: calc(100% - 3px);\n  table-layout: fixed;\n}\n.table > tbody {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-top: 1px dotted black;\n  border-bottom: 1px dotted black;\n}\n\n.table > tbody > tr > td,\n.table > tfoot > tr > td {\n  text-align: left;\n  font-weight: 400;\n  padding-top: 0;\n  padding-left: 4px;\n  padding-right: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.table > thead > tr > th:first-child,\n.table > tbody > tr > td:first-child {\n  width: 32px !important;\n  text-align: center !important;\n  padding: 0 !important;\n}\n\n.table > thead > tr > th,\n.table > tbody > tr > td {\n  height: 16px;\n  line-height: 16px;\n  font-size: 14px;\n  font-weight: 400;\n  color: black;\n  background-color: var(--st-main-background-color);\n  text-align: left;\n}\n\n.search {\n  display: flex;\n  flex-direction: row;\n  width: calc(100% + 8px);\n  align-items: center;\n}\n.search > input {\n  width: calc(100% - 24px);\n  line-height: 1px;\n  border-radius: 4px;\n  border: 1px solid black;\n  margin-left: 4px;\n}\n\n.close {\n  color: black;\n  background-color: white;\n  height: 16px;\n  width: 16px;\n  border-radius: 3px;\n  margin-left: 2px;\n  cursor: pointer;\n  line-height: 16px;\n}\n.close:hover {\n  background-color: black;\n  color: white;\n}\n\n.boxHeader {\n  opacity: 1;\n  background-color: var(--st-main-background-color);\n}\n\n.scroll::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.scroll::-webkit-scrollbar-track {\n  border-radius: 100px;\n}\n.scroll::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  border-radius: 100px;\n}\n.scroll::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.9);\n}\n",".filterHolder {\n  position: fixed;\n  height: 200px;\n  width: 200px;\n  z-index: 1000;\n  border: 1px solid black;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  top: 1px;\n  resize: both;\n  overflow: auto;\n  box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n  min-width: 60px;\n  padding: 4px;\n  background-color: var(--st-header-background-color);\n}\n\n.text {\n  overflow-x: hidden;\n  overflow-y: visible;\n  text-overflow: ellipsis;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n}\n\n.clickable {\n  cursor: pointer;\n  flex-grow: 1;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  overflow-y: visible;\n}\n\n.iconHolder {\n  justify-self: end;\n  min-width: max-content;\n  display: flex;\n  align-items: center;\n}\n",".baseSelect {\n  all: unset;\n  border: 1px solid black;\n  border-radius: 4px;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  padding: 1px 20px 1px 6px;\n  min-width: 40px;\n  appearance: none;\n  background-image: url('data:image/svg+xml;utf8,<svg fill=\"black\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>');\n  background-repeat: no-repeat;\n  background-position-x: 100%;\n  background-position-y: 50%;\n}\n",".footer {\n  height: 1.75rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-right: 4px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.footer > span {\n  display: flex;\n  align-items: center;\n}\n",".holder {\n  order: 2;\n  display: inline-flex;\n}\n.holder > div > input {\n  border-radius: 4px;\n  border: 1px solid black;\n  margin: 0.5rem;\n  padding: 0.25rem;\n}\n.holder > label {\n  margin-top: 0;\n  margin-bottom: 0;\n  align-self: center;\n  margin-right: 0.5rem;\n}\n\n.holder:last-child {\n  margin-right: 1rem;\n}\n",".cell {\n  border-left: 1px dotted transparent;\n  border-right: 1px dotted transparent;\n  left: 0;\n  opacity: 1;\n  position: sticky;\n  top: 0;\n  width: 20px;\n  white-space: nowrap;\n  z-index: 2;\n  background-color: var(--st-header-background-color);\n}\n\n.cell:hover {\n  border-left: 1px solid rgba(0, 0, 0, 0.75);\n  border-right: 1px solid rgba(0, 0, 0, 0.75);\n}\n"],"names":[],"version":3,"file":"main.css.map"}