From 0adf3f9bb2faa522166d1b1f6d939665181d5468 Mon Sep 17 00:00:00 2001 From: JoshBot-Debug Date: Thu, 16 Nov 2023 18:47:22 +0530 Subject: [PATCH] updated --- build/styles/elegance.css | 1 + docs/asset-manifest.json | 6 +++--- docs/index.html | 2 +- docs/static/css/{main.ebabdcd4.css => main.b49cc262.css} | 4 ++-- docs/static/css/main.b49cc262.css.map | 1 + docs/static/css/main.ebabdcd4.css.map | 1 - package.json | 2 +- src/lib/styles/elegance.css | 1 + 8 files changed, 10 insertions(+), 8 deletions(-) rename docs/static/css/{main.ebabdcd4.css => main.b49cc262.css} (89%) create mode 100644 docs/static/css/main.b49cc262.css.map delete mode 100644 docs/static/css/main.ebabdcd4.css.map diff --git a/build/styles/elegance.css b/build/styles/elegance.css index 7a03351..7dd77de 100644 --- a/build/styles/elegance.css +++ b/build/styles/elegance.css @@ -520,6 +520,7 @@ .myers-datatable .operation-and-or-option-label { font-weight: normal; + color: var(--black); } .myers-datatable .no-items-to-display { diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json index 4ce4a5e..662f737 100644 --- a/docs/asset-manifest.json +++ b/docs/asset-manifest.json @@ -1,13 +1,13 @@ { "files": { - "main.css": "/datatable/static/css/main.ebabdcd4.css", + "main.css": "/datatable/static/css/main.b49cc262.css", "main.js": "/datatable/static/js/main.9ec6db54.js", "index.html": "/datatable/index.html", - "main.ebabdcd4.css.map": "/datatable/static/css/main.ebabdcd4.css.map", + "main.b49cc262.css.map": "/datatable/static/css/main.b49cc262.css.map", "main.9ec6db54.js.map": "/datatable/static/js/main.9ec6db54.js.map" }, "entrypoints": [ - "static/css/main.ebabdcd4.css", + "static/css/main.b49cc262.css", "static/js/main.9ec6db54.js" ] } \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index fe500fe..8f837fc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1 +1 @@ -@jjmyers/datatable - A Powerful React Library for Data Tables
\ No newline at end of file +@jjmyers/datatable - A Powerful React Library for Data Tables
\ No newline at end of file diff --git a/docs/static/css/main.ebabdcd4.css b/docs/static/css/main.b49cc262.css similarity index 89% rename from docs/static/css/main.ebabdcd4.css rename to docs/static/css/main.b49cc262.css index 48e0e41..2256aba 100644 --- a/docs/static/css/main.ebabdcd4.css +++ b/docs/static/css/main.b49cc262.css @@ -1,2 +1,2 @@ -.myers-datatable{position:relative}.myers-datatable .table-container{display:flex;flex-direction:column}.myers-datatable .table-row{display:flex;position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.myers-datatable .table-cell{display:flex;flex-direction:column;justify-content:center}.myers-datatable .table-header-row{position:-webkit-sticky;position:sticky;top:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:2}.myers-datatable .table-header-panel{height:45px}.myers-datatable .table-header-panel-row{align-items:center;display:flex;flex-direction:row-reverse;gap:8px;height:45px;left:0;position:absolute;right:8px}.myers-datatable .table-header-panel-button{all:unset;align-items:center;cursor:pointer;display:flex;font-size:14px;gap:4px;justify-content:center}.myers-datatable .table-header-panel-button:first-child{margin-right:16px}.myers-datatable .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#7e7e7e;height:15px;left:0;margin-left:5px;position:-webkit-sticky;position:sticky;width:15px}.myers-datatable .spinner-loading-text{color:#252525;margin-left:10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.myers-datatable .spinner-container{align-items:center;background-color:#fff;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.myers-datatable .spinner-wrapper{align-items:center;display:flex;left:0;position:-webkit-sticky;position:sticky}.myers-datatable .popup-floating-container{outline:none;z-index:2}:root{--primary:#00b300;--secondary:#f1fff1;--tertiary:#fff;--primaryHover:#007d00;--secondaryHover:#baffba;--tertiaryHover:#fff;--black:#1a1a1a;--textOnPrimary:#fff;--textOnTertiary:var(--black);--shadow:#d6d6d6 0px 0px 5px 0px;--iconOnPrimary:var(--black);--iconOnSecondary:#faefff;--iconOnTertiary:var(--black);--border:#c6c6c6;--disabled:#ececec;--disabledText:#b3b3b3;--borderRadiusPrimary:16px;--borderRadiusSecondary:8px;--transitionDuration:250ms}.myers-datatable{color:#1a1a1a;color:var(--textOnTertiary);display:flex;flex-direction:column;font-family:system-ui,sans-serif;height:100%;width:100%}.myers-datatable ::-webkit-scrollbar{height:8px;width:8px}.myers-datatable ::-webkit-scrollbar-track{background:#f1fff1;background:var(--secondary)}.myers-datatable ::-webkit-scrollbar-thumb{background:#00b300;background:var(--primary)}.myers-datatable ::-webkit-scrollbar-thumb:hover{background:#007d00;background:var(--primaryHover)}.myers-datatable .hide{display:none!important}.myers-datatable .icon-button{all:unset;cursor:pointer;vertical-align:middle}.myers-datatable .table-scroll-container{flex:1 1;overflow-y:scroll;position:relative}.myers-datatable .table-cell{box-sizing:border-box;font-size:14px;padding-block:8px;padding-inline:10px;vertical-align:middle;white-space:nowrap}.myers-datatable .text-wrapper{overflow:hidden;text-overflow:ellipsis}.myers-datatable .table-header-cell,.myers-datatable .table-header-panel{background-color:#fff;background-color:var(--tertiary)}.myers-datatable .table-header-cell{border-radius:16px;border-radius:var(--borderRadiusPrimary);color:#1a1a1a;color:var(--textOnTertiary);overflow:visible;padding-block:0;padding-inline:0;position:relative;text-transform:capitalize;-webkit-user-select:none;user-select:none}.myers-datatable .table-header-row{background-color:#fff;background-color:var(--tertiary)}.myers-datatable .table-header-row:hover{background-color:#fff!important;background-color:var(--tertiaryHover)!important}.myers-datatable .table-header-children-container{align-items:center;display:flex;justify-content:space-between}.myers-datatable .table-header-column-name{margin-inline:8px;overflow:hidden;text-overflow:ellipsis}.myers-datatable .table-row{border-radius:16px;border-radius:var(--borderRadiusPrimary);box-shadow:0 0 5px 0 #d6d6d6;box-shadow:var(--shadow);margin:8px;transition:background-color .25s linear;transition:background-color var(--transitionDuration) linear}.myers-datatable .table-row:nth-child(2n){background-color:#f1fff1;background-color:var(--secondary)}.myers-datatable .table-row:hover{background-color:#baffba;background-color:var(--secondaryHover)}.myers-datatable .column-header-options{display:flex;gap:8px;margin-inline:8px}.myers-datatable .sortable-table-header{fill:#1a1a1a!important;fill:var(--iconOnPrimary)!important;color:#1a1a1a!important;color:var(--iconOnPrimary)!important;cursor:pointer;transition:all .25s linear;transition:all var(--transitionDuration) linear}.myers-datatable .sortable-table-header:hover{fill:#fff!important;fill:var(--textOnPrimary)!important;background-color:#00b300;background-color:var(--primary);color:#fff!important;color:var(--textOnPrimary)!important}.myers-datatable .sortable-caret-container{align-items:center;display:flex;justify-content:center;min-height:16px;min-width:16px}.myers-datatable .sortable-caret{fill:inherit;height:16px;width:16px}.myers-datatable .select-header-cell{align-items:center;max-width:40px;min-width:40px;width:40px}.myers-datatable .boolean-svg{height:24px;width:24px}.myers-datatable .boolean-true-svg{fill:#00a500}.myers-datatable .boolean-false-svg{fill:#ff4848}.myers-datatable .cell-datatype-name{text-transform:capitalize}.myers-datatable .cell-datatype-image{max-height:20px}.myers-datatable .cell-datatype-paragraph{cursor:pointer;max-width:400px;min-width:400px;overflow:hidden;text-overflow:ellipsis;width:400px}.myers-datatable .cell-datatype-paragraph-closed{white-space:nowrap}.myers-datatable .cell-datatype-paragraph-open{white-space:normal}.myers-datatable .pagination-container{align-items:center;align-self:flex-end;display:flex;float:right;gap:10px;margin:16px}.myers-datatable .pagination-rpp-container{align-items:center;color:var(--text);display:flex;font-size:14px;gap:8px}.myers-datatable .pagination-icon-button{all:unset;align-items:center;cursor:pointer;display:flex}.myers-datatable .pagination-icon-button-container{display:flex;gap:8px}.myers-datatable .pagination-navigation-svg{fill:#1a1a1a;fill:var(--textOnTertiary);cursor:pointer;height:24px;width:24px}.myers-datatable .pagination-select-input{background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);outline:none}.myers-datatable .select-header-checkbox{margin:14px}.myers-datatable .app-panel-button{margin:14px;vertical-align:middle}.myers-datatable .apps-button-header-cell{display:block}.myers-datatable .header-svg{fill:#1a1a1a;fill:var(--iconOnPrimary);display:flex;height:16px;width:16px}.myers-datatable .io-checkmark-outline{color:green;height:16px;width:16px}.myers-datatable .io-checkmark-outline:hover{color:green}.myers-datatable .io-close-outline{color:red;height:16px;width:16px}.myers-datatable .io-close-outline:hover{color:red}.myers-datatable .table-header-panel-button-disabled,.myers-datatable .table-header-panel-button-disabled>*{color:gray;cursor:default}.myers-datatable .edit-row-button{all:unset;background-color:#fff;border-radius:100%;cursor:pointer;opacity:0;padding:3px;position:absolute;right:0;transition:all .25s ease-in-out;transition:all var(--transitionDuration) ease-in-out}.myers-datatable .edit-row-button svg{color:#1a1a1a;color:var(--textOnTertiary)}.myers-datatable .edit-row-button-hover{opacity:1}.myers-datatable .io-pencil{color:gray}.myers-datatable .edit-row-cell{align-items:center;display:flex;flex:1 1;overflow:hidden;position:relative;text-overflow:ellipsis}.myers-datatable .editable-cell-input{background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);display:flex;font-weight:400;outline:none;padding:4px;width:calc(100% - 36px)}.myers-datatable .editable-cell-input-wrapper{display:flex;flex-direction:column;width:100%}.myers-datatable .editable-cell-error-message{color:red;font-size:12px;margin-top:4px;white-space:break-spaces}.myers-datatable .editable-cell-input-checkbox{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.myers-datatable .apps-button{display:flex}.myers-datatable .options-svg{fill:#1a1a1a;fill:var(--iconOnTertiary);display:flex;height:20px;width:20px}.myers-datatable .popup-floating-arrow{fill:#faefff;fill:var(--iconOnSecondary)}.myers-datatable .popup-container{background-color:#fff;background-color:var(--tertiary);border-radius:16px;border-radius:var(--borderRadiusPrimary);box-shadow:0 0 5px 0 #d6d6d6;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.myers-datatable .set-filter-container{display:flex;flex-direction:column;gap:4px;max-height:150px;min-width:200px;overflow-y:scroll;padding-block:8px;padding-inline:4px}.myers-datatable .divider{background-color:#c6c6c6;background-color:var(--border);height:1px;width:100%}.myers-datatable .set-filter-list-item-container{display:flex;gap:8px}.myers-datatable .set-filter-label{color:#1a1a1a;color:var(--black);cursor:pointer;font-weight:400;width:100%}.myers-datatable .omit-column-container{display:flex;flex-direction:column;min-width:200px}.myers-datatable .omit-column-title{padding:8px}.myers-datatable .omit-column-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:scroll}.myers-datatable .omit-column-list:last-child{padding-bottom:8px}.myers-datatable .omit-column-list-item-container{display:flex;gap:8px;padding-inline:8px}.myers-datatable .omit-column-label{cursor:pointer;font-weight:400;width:100%}.myers-datatable .filter-options-button{display:flex}.myers-datatable .operation-filter-container{cursor:default;display:flex;flex-direction:column;gap:8px;min-width:182px;padding:8px}.myers-datatable .operation-filter-wrap{display:flex;flex-direction:column;gap:8px}.myers-datatable .operation-filter-input{background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);display:flex;font-weight:400;outline:none;padding:4px}.myers-datatable .operation-filter-button{all:unset;background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);color:#1a1a1a;color:var(--textOnTertiary);cursor:pointer;font-weight:400;padding:4px;text-align:center;transition:background-color .25s ease-in-out;transition:background-color var(--transitionDuration) ease-in-out}.myers-datatable .operation-filter-button:hover{background-color:#fff;background-color:var(--tertiaryHover)}.myers-datatable .operation-and-or-container{align-items:center;display:flex;gap:8px;justify-content:center}.myers-datatable .operation-and-or-option{align-items:center;display:flex}.myers-datatable .operation-and-or-option-label{font-weight:400}.myers-datatable .no-items-to-display{left:0;padding:8px;position:-webkit-sticky;position:sticky;text-align:center}.myers-datatable .table-row-clickable{cursor:pointer}.myers-datatable .elegance-button{all:unset;background-color:#00b300;background-color:var(--primary);color:#fff;color:var(--textOnPrimary);cursor:pointer;font-weight:400;text-align:center;transition:background-color .25s ease-in-out;transition:background-color var(--transitionDuration) ease-in-out}.myers-datatable .elegance-button:nth-child(2n){border-top:1px solid #c6c6c6;border-top:1px solid var(--border)}.myers-datatable .elegance-button:hover{background-color:#007d00;background-color:var(--primaryHover)}.myers-datatable .elegance-button-disabled{color:#b3b3b3;color:var(--disabledText);cursor:default}.myers-datatable .elegance-button-disabled,.myers-datatable .elegance-button-disabled:hover{background-color:#ececec;background-color:var(--disabled)}.myers-datatable a{color:#1955a8;text-transform:lowercase}.myers-datatable .save-error-message{color:red;font-size:14px;margin-right:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -/*# sourceMappingURL=main.ebabdcd4.css.map*/ \ No newline at end of file +.myers-datatable{position:relative}.myers-datatable .table-container{display:flex;flex-direction:column}.myers-datatable .table-row{display:flex;position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.myers-datatable .table-cell{display:flex;flex-direction:column;justify-content:center}.myers-datatable .table-header-row{position:-webkit-sticky;position:sticky;top:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:2}.myers-datatable .table-header-panel{height:45px}.myers-datatable .table-header-panel-row{align-items:center;display:flex;flex-direction:row-reverse;gap:8px;height:45px;left:0;position:absolute;right:8px}.myers-datatable .table-header-panel-button{all:unset;align-items:center;cursor:pointer;display:flex;font-size:14px;gap:4px;justify-content:center}.myers-datatable .table-header-panel-button:first-child{margin-right:16px}.myers-datatable .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#7e7e7e;height:15px;left:0;margin-left:5px;position:-webkit-sticky;position:sticky;width:15px}.myers-datatable .spinner-loading-text{color:#252525;margin-left:10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.myers-datatable .spinner-container{align-items:center;background-color:#fff;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.myers-datatable .spinner-wrapper{align-items:center;display:flex;left:0;position:-webkit-sticky;position:sticky}.myers-datatable .popup-floating-container{outline:none;z-index:2}:root{--primary:#00b300;--secondary:#f1fff1;--tertiary:#fff;--primaryHover:#007d00;--secondaryHover:#baffba;--tertiaryHover:#fff;--black:#1a1a1a;--textOnPrimary:#fff;--textOnTertiary:var(--black);--shadow:#d6d6d6 0px 0px 5px 0px;--iconOnPrimary:var(--black);--iconOnSecondary:#faefff;--iconOnTertiary:var(--black);--border:#c6c6c6;--disabled:#ececec;--disabledText:#b3b3b3;--borderRadiusPrimary:16px;--borderRadiusSecondary:8px;--transitionDuration:250ms}.myers-datatable{color:#1a1a1a;color:var(--textOnTertiary);display:flex;flex-direction:column;font-family:system-ui,sans-serif;height:100%;width:100%}.myers-datatable ::-webkit-scrollbar{height:8px;width:8px}.myers-datatable ::-webkit-scrollbar-track{background:#f1fff1;background:var(--secondary)}.myers-datatable ::-webkit-scrollbar-thumb{background:#00b300;background:var(--primary)}.myers-datatable ::-webkit-scrollbar-thumb:hover{background:#007d00;background:var(--primaryHover)}.myers-datatable .hide{display:none!important}.myers-datatable .icon-button{all:unset;cursor:pointer;vertical-align:middle}.myers-datatable .table-scroll-container{flex:1 1;overflow-y:scroll;position:relative}.myers-datatable .table-cell{box-sizing:border-box;font-size:14px;padding-block:8px;padding-inline:10px;vertical-align:middle;white-space:nowrap}.myers-datatable .text-wrapper{overflow:hidden;text-overflow:ellipsis}.myers-datatable .table-header-cell,.myers-datatable .table-header-panel{background-color:#fff;background-color:var(--tertiary)}.myers-datatable .table-header-cell{border-radius:16px;border-radius:var(--borderRadiusPrimary);color:#1a1a1a;color:var(--textOnTertiary);overflow:visible;padding-block:0;padding-inline:0;position:relative;text-transform:capitalize;-webkit-user-select:none;user-select:none}.myers-datatable .table-header-row{background-color:#fff;background-color:var(--tertiary)}.myers-datatable .table-header-row:hover{background-color:#fff!important;background-color:var(--tertiaryHover)!important}.myers-datatable .table-header-children-container{align-items:center;display:flex;justify-content:space-between}.myers-datatable .table-header-column-name{margin-inline:8px;overflow:hidden;text-overflow:ellipsis}.myers-datatable .table-row{border-radius:16px;border-radius:var(--borderRadiusPrimary);box-shadow:0 0 5px 0 #d6d6d6;box-shadow:var(--shadow);margin:8px;transition:background-color .25s linear;transition:background-color var(--transitionDuration) linear}.myers-datatable .table-row:nth-child(2n){background-color:#f1fff1;background-color:var(--secondary)}.myers-datatable .table-row:hover{background-color:#baffba;background-color:var(--secondaryHover)}.myers-datatable .column-header-options{display:flex;gap:8px;margin-inline:8px}.myers-datatable .sortable-table-header{fill:#1a1a1a!important;fill:var(--iconOnPrimary)!important;color:#1a1a1a!important;color:var(--iconOnPrimary)!important;cursor:pointer;transition:all .25s linear;transition:all var(--transitionDuration) linear}.myers-datatable .sortable-table-header:hover{fill:#fff!important;fill:var(--textOnPrimary)!important;background-color:#00b300;background-color:var(--primary);color:#fff!important;color:var(--textOnPrimary)!important}.myers-datatable .sortable-caret-container{align-items:center;display:flex;justify-content:center;min-height:16px;min-width:16px}.myers-datatable .sortable-caret{fill:inherit;height:16px;width:16px}.myers-datatable .select-header-cell{align-items:center;max-width:40px;min-width:40px;width:40px}.myers-datatable .boolean-svg{height:24px;width:24px}.myers-datatable .boolean-true-svg{fill:#00a500}.myers-datatable .boolean-false-svg{fill:#ff4848}.myers-datatable .cell-datatype-name{text-transform:capitalize}.myers-datatable .cell-datatype-image{max-height:20px}.myers-datatable .cell-datatype-paragraph{cursor:pointer;max-width:400px;min-width:400px;overflow:hidden;text-overflow:ellipsis;width:400px}.myers-datatable .cell-datatype-paragraph-closed{white-space:nowrap}.myers-datatable .cell-datatype-paragraph-open{white-space:normal}.myers-datatable .pagination-container{align-items:center;align-self:flex-end;display:flex;float:right;gap:10px;margin:16px}.myers-datatable .pagination-rpp-container{align-items:center;color:var(--text);display:flex;font-size:14px;gap:8px}.myers-datatable .pagination-icon-button{all:unset;align-items:center;cursor:pointer;display:flex}.myers-datatable .pagination-icon-button-container{display:flex;gap:8px}.myers-datatable .pagination-navigation-svg{fill:#1a1a1a;fill:var(--textOnTertiary);cursor:pointer;height:24px;width:24px}.myers-datatable .pagination-select-input{background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);outline:none}.myers-datatable .select-header-checkbox{margin:14px}.myers-datatable .app-panel-button{margin:14px;vertical-align:middle}.myers-datatable .apps-button-header-cell{display:block}.myers-datatable .header-svg{fill:#1a1a1a;fill:var(--iconOnPrimary);display:flex;height:16px;width:16px}.myers-datatable .io-checkmark-outline{color:green;height:16px;width:16px}.myers-datatable .io-checkmark-outline:hover{color:green}.myers-datatable .io-close-outline{color:red;height:16px;width:16px}.myers-datatable .io-close-outline:hover{color:red}.myers-datatable .table-header-panel-button-disabled,.myers-datatable .table-header-panel-button-disabled>*{color:gray;cursor:default}.myers-datatable .edit-row-button{all:unset;background-color:#fff;border-radius:100%;cursor:pointer;opacity:0;padding:3px;position:absolute;right:0;transition:all .25s ease-in-out;transition:all var(--transitionDuration) ease-in-out}.myers-datatable .edit-row-button svg{color:#1a1a1a;color:var(--textOnTertiary)}.myers-datatable .edit-row-button-hover{opacity:1}.myers-datatable .io-pencil{color:gray}.myers-datatable .edit-row-cell{align-items:center;display:flex;flex:1 1;overflow:hidden;position:relative;text-overflow:ellipsis}.myers-datatable .editable-cell-input{background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);display:flex;font-weight:400;outline:none;padding:4px;width:calc(100% - 36px)}.myers-datatable .editable-cell-input-wrapper{display:flex;flex-direction:column;width:100%}.myers-datatable .editable-cell-error-message{color:red;font-size:12px;margin-top:4px;white-space:break-spaces}.myers-datatable .editable-cell-input-checkbox{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.myers-datatable .apps-button{display:flex}.myers-datatable .options-svg{fill:#1a1a1a;fill:var(--iconOnTertiary);display:flex;height:20px;width:20px}.myers-datatable .popup-floating-arrow{fill:#faefff;fill:var(--iconOnSecondary)}.myers-datatable .popup-container{background-color:#fff;background-color:var(--tertiary);border-radius:16px;border-radius:var(--borderRadiusPrimary);box-shadow:0 0 5px 0 #d6d6d6;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.myers-datatable .set-filter-container{display:flex;flex-direction:column;gap:4px;max-height:150px;min-width:200px;overflow-y:scroll;padding-block:8px;padding-inline:4px}.myers-datatable .divider{background-color:#c6c6c6;background-color:var(--border);height:1px;width:100%}.myers-datatable .set-filter-list-item-container{display:flex;gap:8px}.myers-datatable .set-filter-label{color:#1a1a1a;color:var(--black);cursor:pointer;font-weight:400;width:100%}.myers-datatable .omit-column-container{display:flex;flex-direction:column;min-width:200px}.myers-datatable .omit-column-title{padding:8px}.myers-datatable .omit-column-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:scroll}.myers-datatable .omit-column-list:last-child{padding-bottom:8px}.myers-datatable .omit-column-list-item-container{display:flex;gap:8px;padding-inline:8px}.myers-datatable .omit-column-label{cursor:pointer;font-weight:400;width:100%}.myers-datatable .filter-options-button{display:flex}.myers-datatable .operation-filter-container{cursor:default;display:flex;flex-direction:column;gap:8px;min-width:182px;padding:8px}.myers-datatable .operation-filter-wrap{display:flex;flex-direction:column;gap:8px}.myers-datatable .operation-filter-input{background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);display:flex;font-weight:400;outline:none;padding:4px}.myers-datatable .operation-filter-button{all:unset;background-color:#fff;background-color:var(--tertiary);border:1px solid #c6c6c6;border:1px solid var(--border);border-radius:8px;border-radius:var(--borderRadiusSecondary);color:#1a1a1a;color:var(--textOnTertiary);cursor:pointer;font-weight:400;padding:4px;text-align:center;transition:background-color .25s ease-in-out;transition:background-color var(--transitionDuration) ease-in-out}.myers-datatable .operation-filter-button:hover{background-color:#fff;background-color:var(--tertiaryHover)}.myers-datatable .operation-and-or-container{align-items:center;display:flex;gap:8px;justify-content:center}.myers-datatable .operation-and-or-option{align-items:center;display:flex}.myers-datatable .operation-and-or-option-label{color:#1a1a1a;color:var(--black);font-weight:400}.myers-datatable .no-items-to-display{left:0;padding:8px;position:-webkit-sticky;position:sticky;text-align:center}.myers-datatable .table-row-clickable{cursor:pointer}.myers-datatable .elegance-button{all:unset;background-color:#00b300;background-color:var(--primary);color:#fff;color:var(--textOnPrimary);cursor:pointer;font-weight:400;text-align:center;transition:background-color .25s ease-in-out;transition:background-color var(--transitionDuration) ease-in-out}.myers-datatable .elegance-button:nth-child(2n){border-top:1px solid #c6c6c6;border-top:1px solid var(--border)}.myers-datatable .elegance-button:hover{background-color:#007d00;background-color:var(--primaryHover)}.myers-datatable .elegance-button-disabled{color:#b3b3b3;color:var(--disabledText);cursor:default}.myers-datatable .elegance-button-disabled,.myers-datatable .elegance-button-disabled:hover{background-color:#ececec;background-color:var(--disabled)}.myers-datatable a{color:#1955a8;text-transform:lowercase}.myers-datatable .save-error-message{color:red;font-size:14px;margin-right:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +/*# sourceMappingURL=main.b49cc262.css.map*/ \ No newline at end of file diff --git a/docs/static/css/main.b49cc262.css.map b/docs/static/css/main.b49cc262.css.map new file mode 100644 index 0000000..0c316a9 --- /dev/null +++ b/docs/static/css/main.b49cc262.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.b49cc262.css","mappings":"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","sources":["lib/index.scss","lib/index.css","lib/styles/elegance.css"],"sourcesContent":[".myers-datatable {\n\n position: relative;\n\n .table-container {\n display: flex;\n flex-direction: column;\n }\n\n .table-row {\n display: flex;\n width: fit-content;\n position: relative;\n }\n\n .table-cell {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .table-header-row {\n z-index: 2;\n position: sticky;\n top: 0px;\n width: fit-content;\n }\n\n .table-header-panel {\n height: 45px;\n }\n\n .table-header-panel-row {\n position: absolute;\n height: 45px;\n left: 0px;\n gap: 8px;\n right: calc(0px + 8px);\n /* 0px + scrollbar width */\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n }\n\n .table-header-panel-button {\n all: unset;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n cursor: pointer;\n font-size: 14px;\n }\n\n .table-header-panel-button:first-child {\n margin-right: 16px;\n }\n\n .spinner {\n border: 4px solid #f3f3f3;\n /* Light grey */\n border-top: 4px solid #7e7e7e;\n /* Blue */\n border-radius: 50%;\n width: 15px;\n height: 15px;\n animation: spin 1s linear infinite;\n margin-left: 5px;\n position: sticky;\n left: 0px;\n }\n\n .spinner-loading-text {\n margin-left: 10px;\n color: rgb(37, 37, 37);\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .spinner-container {\n position: absolute;\n background-color: white;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n z-index: 1;\n }\n\n .spinner-wrapper {\n display: flex;\n align-items: center;\n position: sticky;\n left: 0px;\n }\n\n .popup-floating-container {\n z-index: 2;\n outline: none;\n }\n}",".myers-datatable {\n position: relative;\n}\n.myers-datatable .table-container {\n display: flex;\n flex-direction: column;\n}\n.myers-datatable .table-row {\n display: flex;\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n.myers-datatable .table-cell {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.myers-datatable .table-header-row {\n z-index: 2;\n position: sticky;\n top: 0px;\n width: -moz-fit-content;\n width: fit-content;\n}\n.myers-datatable .table-header-panel {\n height: 45px;\n}\n.myers-datatable .table-header-panel-row {\n position: absolute;\n height: 45px;\n left: 0px;\n gap: 8px;\n right: 8px;\n /* 0px + scrollbar width */\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n.myers-datatable .table-header-panel-button {\n all: unset;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n cursor: pointer;\n font-size: 14px;\n}\n.myers-datatable .table-header-panel-button:first-child {\n margin-right: 16px;\n}\n.myers-datatable .spinner {\n border: 4px solid #f3f3f3;\n /* Light grey */\n border-top: 4px solid #7e7e7e;\n /* Blue */\n border-radius: 50%;\n width: 15px;\n height: 15px;\n animation: spin 1s linear infinite;\n margin-left: 5px;\n position: sticky;\n left: 0px;\n}\n.myers-datatable .spinner-loading-text {\n margin-left: 10px;\n color: rgb(37, 37, 37);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.myers-datatable .spinner-container {\n position: absolute;\n background-color: white;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n z-index: 1;\n}\n.myers-datatable .spinner-wrapper {\n display: flex;\n align-items: center;\n position: sticky;\n left: 0px;\n}\n.myers-datatable .popup-floating-container {\n z-index: 2;\n outline: none;\n}/*# sourceMappingURL=index.css.map */",":root {\n --primary: #00b300;\n --secondary: #f1fff1;\n --tertiary: #ffffff;\n\n --primaryHover: #007d00;\n --secondaryHover: #baffba;\n --tertiaryHover: #fff;\n\n --black: #1a1a1a;\n\n --textOnPrimary: #ffffff;\n --textOnTertiary: var(--black);\n\n --shadow: #d6d6d6 0px 0px 5px 0px;\n\n --iconOnPrimary: var(--black);\n --iconOnSecondary: #faefff;\n --iconOnTertiary: var(--black);\n\n\n --border: #c6c6c6;\n --disabled: #ececec;\n --disabledText: #b3b3b3;\n\n --borderRadiusPrimary: 16px;\n --borderRadiusSecondary: 8px;\n\n --transitionDuration: 250ms;\n}\n\n.myers-datatable {\n font-family: system-ui, sans-serif;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n color: var(--textOnTertiary);\n /* Handle */\n /* Handle on hover */\n}\n\n.myers-datatable ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n.myers-datatable ::-webkit-scrollbar-track {\n background: var(--secondary);\n}\n\n.myers-datatable ::-webkit-scrollbar-thumb {\n background: var(--primary);\n}\n\n.myers-datatable ::-webkit-scrollbar-thumb:hover {\n background: var(--primaryHover);\n}\n\n.myers-datatable .hide {\n display: none !important;\n}\n\n.myers-datatable .icon-button {\n all: unset;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.myers-datatable .table-scroll-container {\n flex: 1;\n overflow-y: scroll;\n position: relative;\n}\n\n.myers-datatable .table-cell {\n padding-block: 8px;\n padding-inline: 10px;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n font-size: 14px;\n}\n\n.myers-datatable .text-wrapper {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.myers-datatable .table-header-panel {\n background-color: var(--tertiary);\n}\n\n.myers-datatable .table-header-cell {\n background-color: var(--tertiary);\n color: var(--textOnTertiary);\n text-transform: capitalize;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding-inline: 0px;\n padding-block: 0px;\n overflow: visible;\n position: relative;\n border-radius: var(--borderRadiusPrimary);\n}\n\n.myers-datatable .table-header-row {\n background-color: var(--tertiary);\n}\n\n.myers-datatable .table-header-row:hover {\n background-color: var(--tertiaryHover) !important;\n}\n\n.myers-datatable .table-header-children-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.myers-datatable .table-header-column-name {\n margin-inline: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.myers-datatable .table-row {\n transition: background-color var(--transitionDuration) linear;\n box-shadow: var(--shadow);\n margin: 8px;\n border-radius: var(--borderRadiusPrimary);\n}\n\n.myers-datatable .table-row:nth-child(even) {\n background-color: var(--secondary);\n}\n\n.myers-datatable .table-row:hover {\n background-color: var(--secondaryHover);\n}\n\n.myers-datatable .column-header-options {\n display: flex;\n gap: 8px;\n margin-inline: 8px;\n}\n\n.myers-datatable .sortable-table-header {\n cursor: pointer;\n transition: all var(--transitionDuration) linear;\n color: var(--iconOnPrimary) !important;\n fill: var(--iconOnPrimary) !important;\n}\n\n.myers-datatable .sortable-table-header:hover {\n background-color: var(--primary);\n color: var(--textOnPrimary) !important;\n fill: var(--textOnPrimary) !important;\n}\n\n.myers-datatable .sortable-caret-container {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 16px;\n min-height: 16px;\n}\n\n.myers-datatable .sortable-caret {\n width: 16px;\n height: 16px;\n fill: inherit;\n}\n\n.myers-datatable .select-header-cell {\n width: 40px;\n min-width: 40px;\n max-width: 40px;\n align-items: center;\n}\n\n.myers-datatable .boolean-svg {\n height: 24px;\n width: 24px;\n}\n\n.myers-datatable .boolean-true-svg {\n fill: rgb(0, 165, 0);\n}\n\n.myers-datatable .boolean-false-svg {\n fill: rgb(255, 72, 72);\n}\n\n.myers-datatable .cell-datatype-name {\n text-transform: capitalize;\n}\n\n.myers-datatable .cell-datatype-image {\n max-height: 20px;\n}\n\n.myers-datatable .cell-datatype-paragraph {\n width: 400px;\n min-width: 400px;\n max-width: 400px;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.myers-datatable .cell-datatype-paragraph-closed {\n white-space: nowrap;\n}\n\n.myers-datatable .cell-datatype-paragraph-open {\n white-space: normal;\n}\n\n.myers-datatable .pagination-container {\n display: flex;\n align-items: center;\n gap: 10px;\n float: right;\n margin: 16px;\n align-self: flex-end;\n}\n\n.myers-datatable .pagination-rpp-container {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--text);\n}\n\n.myers-datatable .pagination-icon-button {\n cursor: pointer;\n all: unset;\n display: flex;\n align-items: center;\n}\n\n.myers-datatable .pagination-icon-button-container {\n display: flex;\n gap: 8px;\n}\n\n.myers-datatable .pagination-navigation-svg {\n width: 24px;\n height: 24px;\n fill: var(--textOnTertiary);\n cursor: pointer;\n}\n\n.myers-datatable .pagination-select-input {\n background-color: var(--tertiary);\n border: 1px solid var(--border);\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n outline: none;\n}\n\n.myers-datatable .select-header-checkbox {\n margin: 14px;\n}\n\n.myers-datatable .app-panel-button {\n vertical-align: middle;\n margin: 14px;\n}\n\n.myers-datatable .apps-button-header-cell {\n display: block;\n}\n\n.myers-datatable .header-svg {\n display: flex;\n height: 16px;\n width: 16px;\n fill: var(--iconOnPrimary);\n}\n\n.myers-datatable .io-checkmark-outline {\n width: 16px;\n height: 16px;\n color: green;\n}\n\n.myers-datatable .io-checkmark-outline:hover {\n color: green;\n}\n\n.myers-datatable .io-close-outline {\n width: 16px;\n height: 16px;\n color: red;\n}\n\n.myers-datatable .io-close-outline:hover {\n color: red;\n}\n\n.myers-datatable .table-header-panel-button-disabled>*,\n.myers-datatable .table-header-panel-button-disabled {\n color: gray;\n cursor: default;\n}\n\n.myers-datatable .edit-row-button {\n all: unset;\n cursor: pointer;\n transition: all var(--transitionDuration) ease-in-out;\n background-color: #fff;\n position: absolute;\n right: 0px;\n border-radius: 100%;\n padding: 3px;\n opacity: 0;\n}\n\n.myers-datatable .edit-row-button svg {\n color: var(--textOnTertiary);\n}\n\n.myers-datatable .edit-row-button-hover {\n opacity: 1;\n}\n\n.myers-datatable .io-pencil {\n color: gray;\n}\n\n.myers-datatable .edit-row-cell {\n text-overflow: ellipsis;\n overflow: hidden;\n position: relative;\n display: flex;\n flex: 1;\n align-items: center;\n}\n\n.myers-datatable .editable-cell-input {\n background-color: var(--tertiary);\n outline: none;\n display: flex;\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n border: 1px solid var(--border);\n padding: 4px;\n font-weight: normal;\n width: calc(100% - 36px);\n}\n\n.myers-datatable .editable-cell-input-wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.myers-datatable .editable-cell-error-message {\n font-size: 12px;\n color: red;\n white-space: break-spaces;\n margin-top: 4px;\n}\n\n.myers-datatable .editable-cell-input-checkbox {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.myers-datatable .apps-button {\n display: flex;\n}\n\n.myers-datatable .options-svg {\n display: flex;\n height: 20px;\n width: 20px;\n fill: var(--iconOnTertiary);\n}\n\n.myers-datatable .popup-floating-arrow {\n fill: var(--iconOnSecondary);\n}\n\n.myers-datatable .popup-container {\n display: flex;\n flex-direction: column;\n background-color: var(--tertiary);\n overflow: hidden;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadiusPrimary);\n}\n\n.myers-datatable .set-filter-container {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n gap: 4px;\n max-height: 150px;\n overflow-y: scroll;\n padding-inline: 4px;\n padding-block: 8px;\n}\n\n.myers-datatable .divider {\n height: 1px;\n background-color: var(--border);\n width: 100%;\n}\n\n.myers-datatable .set-filter-list-item-container {\n display: flex;\n gap: 8px;\n}\n\n.myers-datatable .set-filter-label {\n width: 100%;\n cursor: pointer;\n font-weight: normal;\n color: var(--black);\n}\n\n.myers-datatable .omit-column-container {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n}\n\n.myers-datatable .omit-column-title {\n padding: 8px;\n}\n\n.myers-datatable .omit-column-list {\n display: flex;\n flex-direction: column;\n gap: 4px;\n max-height: 150px;\n overflow-y: scroll;\n}\n\n.myers-datatable .omit-column-list:last-child {\n padding-bottom: 8px;\n}\n\n.myers-datatable .omit-column-list-item-container {\n display: flex;\n gap: 8px;\n padding-inline: 8px;\n}\n\n.myers-datatable .omit-column-label {\n width: 100%;\n font-weight: normal;\n cursor: pointer;\n}\n\n.myers-datatable .filter-options-button {\n display: flex;\n}\n\n.myers-datatable .operation-filter-container {\n min-width: 182px;\n cursor: default;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px;\n}\n\n.myers-datatable .operation-filter-wrap {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.myers-datatable .operation-filter-input {\n background-color: var(--tertiary);\n outline: none;\n display: flex;\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n border: 1px solid var(--border);\n padding: 4px;\n font-weight: normal;\n}\n\n.myers-datatable .operation-filter-button {\n all: unset;\n border: 1px solid var(--border);\n padding: 4px;\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n font-weight: normal;\n text-align: center;\n background-color: var(--tertiary);\n color: var(--textOnTertiary);\n transition: background-color var(--transitionDuration) ease-in-out;\n cursor: pointer;\n}\n\n.myers-datatable .operation-filter-button:hover {\n background-color: var(--tertiaryHover);\n}\n\n.myers-datatable .operation-and-or-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.myers-datatable .operation-and-or-option {\n display: flex;\n align-items: center;\n}\n\n.myers-datatable .operation-and-or-option-label {\n font-weight: normal;\n color: var(--black);\n}\n\n.myers-datatable .no-items-to-display {\n text-align: center;\n position: sticky;\n left: 0;\n padding: 8px;\n}\n\n.myers-datatable .table-row-clickable {\n cursor: pointer;\n}\n\n.myers-datatable .elegance-button {\n all: unset;\n font-weight: normal;\n text-align: center;\n background-color: var(--primary);\n color: var(--textOnPrimary);\n transition: background-color var(--transitionDuration) ease-in-out;\n cursor: pointer;\n}\n\n.myers-datatable .elegance-button:nth-child(even) {\n border-top: 1px solid var(--border);\n}\n\n.myers-datatable .elegance-button:hover {\n background-color: var(--primaryHover);\n}\n\n.myers-datatable .elegance-button-disabled {\n background-color: var(--disabled);\n cursor: default;\n color: var(--disabledText)\n}\n\n.myers-datatable .elegance-button-disabled:hover {\n background-color: var(--disabled);\n}\n\n.myers-datatable a {\n color: #1955a8;\n text-transform: lowercase;\n}\n\n.myers-datatable .save-error-message {\n font-size: 14px;\n color: red;\n margin-right: 16px;\n max-width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n/*# sourceMappingURL=elegance.css.map */"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/docs/static/css/main.ebabdcd4.css.map b/docs/static/css/main.ebabdcd4.css.map deleted file mode 100644 index fd961b0..0000000 --- a/docs/static/css/main.ebabdcd4.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.ebabdcd4.css","mappings":"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","sources":["lib/index.scss","lib/index.css","lib/styles/elegance.css"],"sourcesContent":[".myers-datatable {\n\n position: relative;\n\n .table-container {\n display: flex;\n flex-direction: column;\n }\n\n .table-row {\n display: flex;\n width: fit-content;\n position: relative;\n }\n\n .table-cell {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .table-header-row {\n z-index: 2;\n position: sticky;\n top: 0px;\n width: fit-content;\n }\n\n .table-header-panel {\n height: 45px;\n }\n\n .table-header-panel-row {\n position: absolute;\n height: 45px;\n left: 0px;\n gap: 8px;\n right: calc(0px + 8px);\n /* 0px + scrollbar width */\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n }\n\n .table-header-panel-button {\n all: unset;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n cursor: pointer;\n font-size: 14px;\n }\n\n .table-header-panel-button:first-child {\n margin-right: 16px;\n }\n\n .spinner {\n border: 4px solid #f3f3f3;\n /* Light grey */\n border-top: 4px solid #7e7e7e;\n /* Blue */\n border-radius: 50%;\n width: 15px;\n height: 15px;\n animation: spin 1s linear infinite;\n margin-left: 5px;\n position: sticky;\n left: 0px;\n }\n\n .spinner-loading-text {\n margin-left: 10px;\n color: rgb(37, 37, 37);\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .spinner-container {\n position: absolute;\n background-color: white;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n z-index: 1;\n }\n\n .spinner-wrapper {\n display: flex;\n align-items: center;\n position: sticky;\n left: 0px;\n }\n\n .popup-floating-container {\n z-index: 2;\n outline: none;\n }\n}",".myers-datatable {\n position: relative;\n}\n.myers-datatable .table-container {\n display: flex;\n flex-direction: column;\n}\n.myers-datatable .table-row {\n display: flex;\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n.myers-datatable .table-cell {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.myers-datatable .table-header-row {\n z-index: 2;\n position: sticky;\n top: 0px;\n width: -moz-fit-content;\n width: fit-content;\n}\n.myers-datatable .table-header-panel {\n height: 45px;\n}\n.myers-datatable .table-header-panel-row {\n position: absolute;\n height: 45px;\n left: 0px;\n gap: 8px;\n right: 8px;\n /* 0px + scrollbar width */\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n.myers-datatable .table-header-panel-button {\n all: unset;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n cursor: pointer;\n font-size: 14px;\n}\n.myers-datatable .table-header-panel-button:first-child {\n margin-right: 16px;\n}\n.myers-datatable .spinner {\n border: 4px solid #f3f3f3;\n /* Light grey */\n border-top: 4px solid #7e7e7e;\n /* Blue */\n border-radius: 50%;\n width: 15px;\n height: 15px;\n animation: spin 1s linear infinite;\n margin-left: 5px;\n position: sticky;\n left: 0px;\n}\n.myers-datatable .spinner-loading-text {\n margin-left: 10px;\n color: rgb(37, 37, 37);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.myers-datatable .spinner-container {\n position: absolute;\n background-color: white;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n z-index: 1;\n}\n.myers-datatable .spinner-wrapper {\n display: flex;\n align-items: center;\n position: sticky;\n left: 0px;\n}\n.myers-datatable .popup-floating-container {\n z-index: 2;\n outline: none;\n}/*# sourceMappingURL=index.css.map */",":root {\n --primary: #00b300;\n --secondary: #f1fff1;\n --tertiary: #ffffff;\n\n --primaryHover: #007d00;\n --secondaryHover: #baffba;\n --tertiaryHover: #fff;\n\n --black: #1a1a1a;\n\n --textOnPrimary: #ffffff;\n --textOnTertiary: var(--black);\n\n --shadow: #d6d6d6 0px 0px 5px 0px;\n\n --iconOnPrimary: var(--black);\n --iconOnSecondary: #faefff;\n --iconOnTertiary: var(--black);\n\n\n --border: #c6c6c6;\n --disabled: #ececec;\n --disabledText: #b3b3b3;\n\n --borderRadiusPrimary: 16px;\n --borderRadiusSecondary: 8px;\n\n --transitionDuration: 250ms;\n}\n\n.myers-datatable {\n font-family: system-ui, sans-serif;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n color: var(--textOnTertiary);\n /* Handle */\n /* Handle on hover */\n}\n\n.myers-datatable ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n.myers-datatable ::-webkit-scrollbar-track {\n background: var(--secondary);\n}\n\n.myers-datatable ::-webkit-scrollbar-thumb {\n background: var(--primary);\n}\n\n.myers-datatable ::-webkit-scrollbar-thumb:hover {\n background: var(--primaryHover);\n}\n\n.myers-datatable .hide {\n display: none !important;\n}\n\n.myers-datatable .icon-button {\n all: unset;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.myers-datatable .table-scroll-container {\n flex: 1;\n overflow-y: scroll;\n position: relative;\n}\n\n.myers-datatable .table-cell {\n padding-block: 8px;\n padding-inline: 10px;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n font-size: 14px;\n}\n\n.myers-datatable .text-wrapper {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.myers-datatable .table-header-panel {\n background-color: var(--tertiary);\n}\n\n.myers-datatable .table-header-cell {\n background-color: var(--tertiary);\n color: var(--textOnTertiary);\n text-transform: capitalize;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding-inline: 0px;\n padding-block: 0px;\n overflow: visible;\n position: relative;\n border-radius: var(--borderRadiusPrimary);\n}\n\n.myers-datatable .table-header-row {\n background-color: var(--tertiary);\n}\n\n.myers-datatable .table-header-row:hover {\n background-color: var(--tertiaryHover) !important;\n}\n\n.myers-datatable .table-header-children-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.myers-datatable .table-header-column-name {\n margin-inline: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.myers-datatable .table-row {\n transition: background-color var(--transitionDuration) linear;\n box-shadow: var(--shadow);\n margin: 8px;\n border-radius: var(--borderRadiusPrimary);\n}\n\n.myers-datatable .table-row:nth-child(even) {\n background-color: var(--secondary);\n}\n\n.myers-datatable .table-row:hover {\n background-color: var(--secondaryHover);\n}\n\n.myers-datatable .column-header-options {\n display: flex;\n gap: 8px;\n margin-inline: 8px;\n}\n\n.myers-datatable .sortable-table-header {\n cursor: pointer;\n transition: all var(--transitionDuration) linear;\n color: var(--iconOnPrimary) !important;\n fill: var(--iconOnPrimary) !important;\n}\n\n.myers-datatable .sortable-table-header:hover {\n background-color: var(--primary);\n color: var(--textOnPrimary) !important;\n fill: var(--textOnPrimary) !important;\n}\n\n.myers-datatable .sortable-caret-container {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 16px;\n min-height: 16px;\n}\n\n.myers-datatable .sortable-caret {\n width: 16px;\n height: 16px;\n fill: inherit;\n}\n\n.myers-datatable .select-header-cell {\n width: 40px;\n min-width: 40px;\n max-width: 40px;\n align-items: center;\n}\n\n.myers-datatable .boolean-svg {\n height: 24px;\n width: 24px;\n}\n\n.myers-datatable .boolean-true-svg {\n fill: rgb(0, 165, 0);\n}\n\n.myers-datatable .boolean-false-svg {\n fill: rgb(255, 72, 72);\n}\n\n.myers-datatable .cell-datatype-name {\n text-transform: capitalize;\n}\n\n.myers-datatable .cell-datatype-image {\n max-height: 20px;\n}\n\n.myers-datatable .cell-datatype-paragraph {\n width: 400px;\n min-width: 400px;\n max-width: 400px;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.myers-datatable .cell-datatype-paragraph-closed {\n white-space: nowrap;\n}\n\n.myers-datatable .cell-datatype-paragraph-open {\n white-space: normal;\n}\n\n.myers-datatable .pagination-container {\n display: flex;\n align-items: center;\n gap: 10px;\n float: right;\n margin: 16px;\n align-self: flex-end;\n}\n\n.myers-datatable .pagination-rpp-container {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--text);\n}\n\n.myers-datatable .pagination-icon-button {\n cursor: pointer;\n all: unset;\n display: flex;\n align-items: center;\n}\n\n.myers-datatable .pagination-icon-button-container {\n display: flex;\n gap: 8px;\n}\n\n.myers-datatable .pagination-navigation-svg {\n width: 24px;\n height: 24px;\n fill: var(--textOnTertiary);\n cursor: pointer;\n}\n\n.myers-datatable .pagination-select-input {\n background-color: var(--tertiary);\n border: 1px solid var(--border);\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n outline: none;\n}\n\n.myers-datatable .select-header-checkbox {\n margin: 14px;\n}\n\n.myers-datatable .app-panel-button {\n vertical-align: middle;\n margin: 14px;\n}\n\n.myers-datatable .apps-button-header-cell {\n display: block;\n}\n\n.myers-datatable .header-svg {\n display: flex;\n height: 16px;\n width: 16px;\n fill: var(--iconOnPrimary);\n}\n\n.myers-datatable .io-checkmark-outline {\n width: 16px;\n height: 16px;\n color: green;\n}\n\n.myers-datatable .io-checkmark-outline:hover {\n color: green;\n}\n\n.myers-datatable .io-close-outline {\n width: 16px;\n height: 16px;\n color: red;\n}\n\n.myers-datatable .io-close-outline:hover {\n color: red;\n}\n\n.myers-datatable .table-header-panel-button-disabled>*,\n.myers-datatable .table-header-panel-button-disabled {\n color: gray;\n cursor: default;\n}\n\n.myers-datatable .edit-row-button {\n all: unset;\n cursor: pointer;\n transition: all var(--transitionDuration) ease-in-out;\n background-color: #fff;\n position: absolute;\n right: 0px;\n border-radius: 100%;\n padding: 3px;\n opacity: 0;\n}\n\n.myers-datatable .edit-row-button svg {\n color: var(--textOnTertiary);\n}\n\n.myers-datatable .edit-row-button-hover {\n opacity: 1;\n}\n\n.myers-datatable .io-pencil {\n color: gray;\n}\n\n.myers-datatable .edit-row-cell {\n text-overflow: ellipsis;\n overflow: hidden;\n position: relative;\n display: flex;\n flex: 1;\n align-items: center;\n}\n\n.myers-datatable .editable-cell-input {\n background-color: var(--tertiary);\n outline: none;\n display: flex;\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n border: 1px solid var(--border);\n padding: 4px;\n font-weight: normal;\n width: calc(100% - 36px);\n}\n\n.myers-datatable .editable-cell-input-wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.myers-datatable .editable-cell-error-message {\n font-size: 12px;\n color: red;\n white-space: break-spaces;\n margin-top: 4px;\n}\n\n.myers-datatable .editable-cell-input-checkbox {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.myers-datatable .apps-button {\n display: flex;\n}\n\n.myers-datatable .options-svg {\n display: flex;\n height: 20px;\n width: 20px;\n fill: var(--iconOnTertiary);\n}\n\n.myers-datatable .popup-floating-arrow {\n fill: var(--iconOnSecondary);\n}\n\n.myers-datatable .popup-container {\n display: flex;\n flex-direction: column;\n background-color: var(--tertiary);\n overflow: hidden;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadiusPrimary);\n}\n\n.myers-datatable .set-filter-container {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n gap: 4px;\n max-height: 150px;\n overflow-y: scroll;\n padding-inline: 4px;\n padding-block: 8px;\n}\n\n.myers-datatable .divider {\n height: 1px;\n background-color: var(--border);\n width: 100%;\n}\n\n.myers-datatable .set-filter-list-item-container {\n display: flex;\n gap: 8px;\n}\n\n.myers-datatable .set-filter-label {\n width: 100%;\n cursor: pointer;\n font-weight: normal;\n color: var(--black);\n}\n\n.myers-datatable .omit-column-container {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n}\n\n.myers-datatable .omit-column-title {\n padding: 8px;\n}\n\n.myers-datatable .omit-column-list {\n display: flex;\n flex-direction: column;\n gap: 4px;\n max-height: 150px;\n overflow-y: scroll;\n}\n\n.myers-datatable .omit-column-list:last-child {\n padding-bottom: 8px;\n}\n\n.myers-datatable .omit-column-list-item-container {\n display: flex;\n gap: 8px;\n padding-inline: 8px;\n}\n\n.myers-datatable .omit-column-label {\n width: 100%;\n font-weight: normal;\n cursor: pointer;\n}\n\n.myers-datatable .filter-options-button {\n display: flex;\n}\n\n.myers-datatable .operation-filter-container {\n min-width: 182px;\n cursor: default;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px;\n}\n\n.myers-datatable .operation-filter-wrap {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.myers-datatable .operation-filter-input {\n background-color: var(--tertiary);\n outline: none;\n display: flex;\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n border: 1px solid var(--border);\n padding: 4px;\n font-weight: normal;\n}\n\n.myers-datatable .operation-filter-button {\n all: unset;\n border: 1px solid var(--border);\n padding: 4px;\n border-radius: var(--borderRadiusSecondary);\n border-radius: var(--borderRadiusSecondary);\n font-weight: normal;\n text-align: center;\n background-color: var(--tertiary);\n color: var(--textOnTertiary);\n transition: background-color var(--transitionDuration) ease-in-out;\n cursor: pointer;\n}\n\n.myers-datatable .operation-filter-button:hover {\n background-color: var(--tertiaryHover);\n}\n\n.myers-datatable .operation-and-or-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.myers-datatable .operation-and-or-option {\n display: flex;\n align-items: center;\n}\n\n.myers-datatable .operation-and-or-option-label {\n font-weight: normal;\n}\n\n.myers-datatable .no-items-to-display {\n text-align: center;\n position: sticky;\n left: 0;\n padding: 8px;\n}\n\n.myers-datatable .table-row-clickable {\n cursor: pointer;\n}\n\n.myers-datatable .elegance-button {\n all: unset;\n font-weight: normal;\n text-align: center;\n background-color: var(--primary);\n color: var(--textOnPrimary);\n transition: background-color var(--transitionDuration) ease-in-out;\n cursor: pointer;\n}\n\n.myers-datatable .elegance-button:nth-child(even) {\n border-top: 1px solid var(--border);\n}\n\n.myers-datatable .elegance-button:hover {\n background-color: var(--primaryHover);\n}\n\n.myers-datatable .elegance-button-disabled {\n background-color: var(--disabled);\n cursor: default;\n color: var(--disabledText)\n}\n\n.myers-datatable .elegance-button-disabled:hover {\n background-color: var(--disabled);\n}\n\n.myers-datatable a {\n color: #1955a8;\n text-transform: lowercase;\n}\n\n.myers-datatable .save-error-message {\n font-size: 14px;\n color: red;\n margin-right: 16px;\n max-width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n/*# sourceMappingURL=elegance.css.map */"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/package.json b/package.json index b22352b..b373ae5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@jjmyers/datatable", - "version": "1.0.11", + "version": "1.0.12", "private": false, "main": "build/index.js", "module": "build/index.esm.js", diff --git a/src/lib/styles/elegance.css b/src/lib/styles/elegance.css index 7a03351..7dd77de 100644 --- a/src/lib/styles/elegance.css +++ b/src/lib/styles/elegance.css @@ -520,6 +520,7 @@ .myers-datatable .operation-and-or-option-label { font-weight: normal; + color: var(--black); } .myers-datatable .no-items-to-display {