@pisell/materials 1.0.97 → 1.0.98

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.
Files changed (11) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/meta.js +1 -1
  5. package/build/lowcode/render/default/view.css +1 -1
  6. package/build/lowcode/view.css +1 -1
  7. package/es/components/record-view/index.js +14 -8
  8. package/es/components/record-view/index.less +6 -0
  9. package/lib/components/record-view/index.js +21 -7
  10. package/lib/components/record-view/index.less +6 -0
  11. package/package.json +1 -1
package/build/lowcode/render/default/view.css CHANGED
@@ -1 +1 @@
1
- .pisell-date-range-picker{display:inline-block;width:100%}.pisell-date-range-picker label{font-size:14px}.pisell-date-range-picker-no-border .MuiOutlinedInput-notchedOutline{border:none}.MuiOutlinedInput-notchedOutline legend{color:inherit;width:auto;margin-bottom:.5em;font-size:1.5em;line-height:11px;border:none}.MuiPickersPopper-root .MuiPickersLayout-root{width:625px;width:var(--pisell-date-range-picker-popup-width,625px)}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer{width:50%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header .MuiDayCalendar-weekDayLabel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root{min-width:200px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root:before{content:"";display:block;padding-top:67%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-monthContainer{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day{width:100%;height:auto}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day:before{content:"";display:block;padding-top:100%}.date-picker-action-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.date-picker-action-bar .date-picker-action-bar-left{width:192px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-action-bar .date-picker-action-bar-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:16px;border-top:1px solid rgba(0,0,0,.12)}.date-picker-action-bar-time-picker-popup{z-index:1400}.date-picker-shortcuts{width:192px;padding:12px 16px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-shortcuts .date-picker-shortcuts-item{cursor:pointer;padding:10px 16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.date-picker-shortcuts .date-picker-shortcuts-item:hover{background-color:#f9fafb}.materials-grid-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.materials-grid-header,.materials-grid-header .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid-header .right-wrap{grid-gap:8px;gap:8px}.table-fields-text-link{color:#7f56d9!important;color:var(--theme-color,#7f56d9)!important;cursor:pointer}.table-fields-text-link:hover{text-decoration:underline!important}.materials-grid-actions{-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;grid-gap:16px;gap:16px}.materials-grid-actions,.materials-grid-actions .left-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.materials-grid-actions .left-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;-webkit-transition:.2s;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:12px;height:28px}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator .pisell-lowcode-pagination-total-text{margin-right:auto;color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator .pisell-lowcode-pagination-item{position:relative;margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:0}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover,.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-disabled,.materials-grid-paginator .pisell-lowcode-pagination-disabled .paginator-page-btn{cursor:not-allowed;color:rgba(0,0,0,.25)}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{border-radius:8px 0 0 8px;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-next,.materials-grid-paginator .pisell-lowcode-pagination-prev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:auto;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-next{border:1px solid #d0d5dd;border-radius:0 8px 8px 0}.paginator-page-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px 4px 4px 4px;-webkit-transition:.2s;transition:.2s;font-size:12px;font-weight:400;color:#344054;color:var(--gray-700,#344054);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 16px}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid-paginator-mini{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;grid-gap:4px;gap:4px}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{margin:0;border-radius:8px;border:1px solid #d0d5dd}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.cell-provider{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;padding:12px}.cell-provider.focus{-webkit-box-shadow:var(--theme-color) 0 0 0 1px!important;box-shadow:var(--theme-color) 0 0 0 1px!important}.editable-cell-value-wrap{width:100%;height:100%}.materials-grid-table-cell{height:1px;padding:0!important}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.materials-grid-table-header-cell{height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 14px}.materials-grid-table-header-cell .field-icon{font-size:18px;color:#777}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-weight:600;font-size:14px;color:#1b1b1b;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;font-size:14px;cursor:pointer}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-top{padding:16px;border-bottom:1px solid #eaecf0;border-bottom:1px solid var(--gray-200,#eaecf0)}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-bottom{padding:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:272px}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-item{padding:10px}.materials-grid{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.materials-grid .pisell-lowcode-table-filter-column{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-dropdown-trigger{width:25px;height:25px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-table-filter-trigger.active{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-lowcode-table-column-sorters{cursor:pointer}.materials-grid .pisell-table-sorter-inner{width:25px;height:25px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:4px;margin-inline-start:4px;color:rgba(0,0,0,.29);font-size:12px;-webkit-transition:color .3s;transition:color .3s;border-radius:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-table-sorter-inner:hover{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down,.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-up{color:rgba(102,112,133,.65);font-size:12px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down{margin-top:-.3em}.materials-grid .pisell-table-sorter-inner .pisell-table-column-up{font-size:20px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-down{font-size:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid .pisell-table-sorter-inner.active{background:#f4ebff;background:var(--primary-100,#f4ebff);cursor:pointer;color:#7f56d9}.pisell-lowcode-translation-icon{cursor:pointer;color:#d9d9d9}.pisell-lowcode-translation-icon.active,.pisell-lowcode-translation-icon :hover{color:var(--theme-color)}.pisell-lowcode-translation-modal{position:relative;width:100%}.pisell-lowcode-record-view .pisell-lowcode-pagination{border:none;padding:0}.pisell-lowcode-record-view .materials-grid-paginator-mini{border:none}.pisell-lowcode-empty-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pisell-lowcode-scroll-footer-wrap,.pisell-lowcode-scroll-header-wrap{padding:12px 0}.pisell-lowcode-detail-modal-wrap{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#fff;z-index:1000}.pisell-lowcode-modal-header{padding:12px 20px}.pisell-lowcode-close-icon{font-size:18px}.pisell-lowcode-scroll-skeleton{padding:12px 24px}
1
+ .pisell-date-range-picker{display:inline-block;width:100%}.pisell-date-range-picker label{font-size:14px}.pisell-date-range-picker-no-border .MuiOutlinedInput-notchedOutline{border:none}.MuiOutlinedInput-notchedOutline legend{color:inherit;width:auto;margin-bottom:.5em;font-size:1.5em;line-height:11px;border:none}.MuiPickersPopper-root .MuiPickersLayout-root{width:625px;width:var(--pisell-date-range-picker-popup-width,625px)}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer{width:50%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header .MuiDayCalendar-weekDayLabel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root{min-width:200px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root:before{content:"";display:block;padding-top:67%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-monthContainer{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day{width:100%;height:auto}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day:before{content:"";display:block;padding-top:100%}.date-picker-action-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.date-picker-action-bar .date-picker-action-bar-left{width:192px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-action-bar .date-picker-action-bar-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:16px;border-top:1px solid rgba(0,0,0,.12)}.date-picker-action-bar-time-picker-popup{z-index:1400}.date-picker-shortcuts{width:192px;padding:12px 16px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-shortcuts .date-picker-shortcuts-item{cursor:pointer;padding:10px 16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.date-picker-shortcuts .date-picker-shortcuts-item:hover{background-color:#f9fafb}.materials-grid-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.materials-grid-header,.materials-grid-header .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid-header .right-wrap{grid-gap:8px;gap:8px}.table-fields-text-link{color:#7f56d9!important;color:var(--theme-color,#7f56d9)!important;cursor:pointer}.table-fields-text-link:hover{text-decoration:underline!important}.materials-grid-actions{-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;grid-gap:16px;gap:16px}.materials-grid-actions,.materials-grid-actions .left-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.materials-grid-actions .left-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;-webkit-transition:.2s;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:12px;height:28px}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator .pisell-lowcode-pagination-total-text{margin-right:auto;color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator .pisell-lowcode-pagination-item{position:relative;margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:0}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover,.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-disabled,.materials-grid-paginator .pisell-lowcode-pagination-disabled .paginator-page-btn{cursor:not-allowed;color:rgba(0,0,0,.25)}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{border-radius:8px 0 0 8px;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-next,.materials-grid-paginator .pisell-lowcode-pagination-prev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:auto;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-next{border:1px solid #d0d5dd;border-radius:0 8px 8px 0}.paginator-page-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px 4px 4px 4px;-webkit-transition:.2s;transition:.2s;font-size:12px;font-weight:400;color:#344054;color:var(--gray-700,#344054);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 16px}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid-paginator-mini{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;grid-gap:4px;gap:4px}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{margin:0;border-radius:8px;border:1px solid #d0d5dd}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.cell-provider{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;padding:12px}.cell-provider.focus{-webkit-box-shadow:var(--theme-color) 0 0 0 1px!important;box-shadow:var(--theme-color) 0 0 0 1px!important}.editable-cell-value-wrap{width:100%;height:100%}.materials-grid-table-cell{height:1px;padding:0!important}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.materials-grid-table-header-cell{height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 14px}.materials-grid-table-header-cell .field-icon{font-size:18px;color:#777}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-weight:600;font-size:14px;color:#1b1b1b;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;font-size:14px;cursor:pointer}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-top{padding:16px;border-bottom:1px solid #eaecf0;border-bottom:1px solid var(--gray-200,#eaecf0)}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-bottom{padding:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:272px}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-item{padding:10px}.materials-grid{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.materials-grid .pisell-lowcode-table-filter-column{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-dropdown-trigger{width:25px;height:25px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-table-filter-trigger.active{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-lowcode-table-column-sorters{cursor:pointer}.materials-grid .pisell-table-sorter-inner{width:25px;height:25px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:4px;margin-inline-start:4px;color:rgba(0,0,0,.29);font-size:12px;-webkit-transition:color .3s;transition:color .3s;border-radius:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-table-sorter-inner:hover{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down,.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-up{color:rgba(102,112,133,.65);font-size:12px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down{margin-top:-.3em}.materials-grid .pisell-table-sorter-inner .pisell-table-column-up{font-size:20px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-down{font-size:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid .pisell-table-sorter-inner.active{background:#f4ebff;background:var(--primary-100,#f4ebff);cursor:pointer;color:#7f56d9}.pisell-lowcode-translation-icon{cursor:pointer;color:#d9d9d9}.pisell-lowcode-translation-icon.active,.pisell-lowcode-translation-icon :hover{color:var(--theme-color)}.pisell-lowcode-translation-modal{position:relative;width:100%}.pisell-lowcode-record-view .pisell-lowcode-pagination{border:none;padding:0}.pisell-lowcode-record-view .materials-grid-paginator-mini{border:none}.pisell-lowcode-empty-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pisell-lowcode-scroll-footer-wrap,.pisell-lowcode-scroll-header-wrap{padding:12px 0}.pisell-lowcode-detail-modal-wrap{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#fff;z-index:1000}.pisell-lowcode-modal-header{padding:12px 20px}.pisell-lowcode-close-icon{font-size:18px;position:absolute;top:12px;right:20px}.pisell-lowcode-scroll-skeleton{padding:12px 24px}
package/build/lowcode/view.css CHANGED
@@ -1 +1 @@
1
- .pisell-date-range-picker{display:inline-block;width:100%}.pisell-date-range-picker label{font-size:14px}.pisell-date-range-picker-no-border .MuiOutlinedInput-notchedOutline{border:none}.MuiOutlinedInput-notchedOutline legend{color:inherit;width:auto;margin-bottom:.5em;font-size:1.5em;line-height:11px;border:none}.MuiPickersPopper-root .MuiPickersLayout-root{width:625px;width:var(--pisell-date-range-picker-popup-width,625px)}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer{width:50%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header .MuiDayCalendar-weekDayLabel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root{min-width:200px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root:before{content:"";display:block;padding-top:67%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-monthContainer{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day{width:100%;height:auto}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day:before{content:"";display:block;padding-top:100%}.date-picker-action-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.date-picker-action-bar .date-picker-action-bar-left{width:192px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-action-bar .date-picker-action-bar-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:16px;border-top:1px solid rgba(0,0,0,.12)}.date-picker-action-bar-time-picker-popup{z-index:1400}.date-picker-shortcuts{width:192px;padding:12px 16px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-shortcuts .date-picker-shortcuts-item{cursor:pointer;padding:10px 16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.date-picker-shortcuts .date-picker-shortcuts-item:hover{background-color:#f9fafb}.materials-grid-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.materials-grid-header,.materials-grid-header .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid-header .right-wrap{grid-gap:8px;gap:8px}.table-fields-text-link{color:#7f56d9!important;color:var(--theme-color,#7f56d9)!important;cursor:pointer}.table-fields-text-link:hover{text-decoration:underline!important}.materials-grid-actions{-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;grid-gap:16px;gap:16px}.materials-grid-actions,.materials-grid-actions .left-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.materials-grid-actions .left-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;-webkit-transition:.2s;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:12px;height:28px}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator .pisell-lowcode-pagination-total-text{margin-right:auto;color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator .pisell-lowcode-pagination-item{position:relative;margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:0}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover,.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-disabled,.materials-grid-paginator .pisell-lowcode-pagination-disabled .paginator-page-btn{cursor:not-allowed;color:rgba(0,0,0,.25)}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{border-radius:8px 0 0 8px;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-next,.materials-grid-paginator .pisell-lowcode-pagination-prev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:auto;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-next{border:1px solid #d0d5dd;border-radius:0 8px 8px 0}.paginator-page-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px 4px 4px 4px;-webkit-transition:.2s;transition:.2s;font-size:12px;font-weight:400;color:#344054;color:var(--gray-700,#344054);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 16px}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid-paginator-mini{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;grid-gap:4px;gap:4px}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{margin:0;border-radius:8px;border:1px solid #d0d5dd}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.cell-provider{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;padding:12px}.cell-provider.focus{-webkit-box-shadow:var(--theme-color) 0 0 0 1px!important;box-shadow:var(--theme-color) 0 0 0 1px!important}.editable-cell-value-wrap{width:100%;height:100%}.materials-grid-table-cell{height:1px;padding:0!important}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.materials-grid-table-header-cell{height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 14px}.materials-grid-table-header-cell .field-icon{font-size:18px;color:#777}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-weight:600;font-size:14px;color:#1b1b1b;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;font-size:14px;cursor:pointer}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-top{padding:16px;border-bottom:1px solid #eaecf0;border-bottom:1px solid var(--gray-200,#eaecf0)}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-bottom{padding:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:272px}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-item{padding:10px}.materials-grid{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.materials-grid .pisell-lowcode-table-filter-column{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-dropdown-trigger{width:25px;height:25px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-table-filter-trigger.active{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-lowcode-table-column-sorters{cursor:pointer}.materials-grid .pisell-table-sorter-inner{width:25px;height:25px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:4px;margin-inline-start:4px;color:rgba(0,0,0,.29);font-size:12px;-webkit-transition:color .3s;transition:color .3s;border-radius:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-table-sorter-inner:hover{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down,.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-up{color:rgba(102,112,133,.65);font-size:12px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down{margin-top:-.3em}.materials-grid .pisell-table-sorter-inner .pisell-table-column-up{font-size:20px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-down{font-size:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid .pisell-table-sorter-inner.active{background:#f4ebff;background:var(--primary-100,#f4ebff);cursor:pointer;color:#7f56d9}.pisell-lowcode-translation-icon{cursor:pointer;color:#d9d9d9}.pisell-lowcode-translation-icon.active,.pisell-lowcode-translation-icon :hover{color:var(--theme-color)}.pisell-lowcode-translation-modal{position:relative;width:100%}.pisell-lowcode-record-view .pisell-lowcode-pagination{border:none;padding:0}.pisell-lowcode-record-view .materials-grid-paginator-mini{border:none}.pisell-lowcode-empty-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pisell-lowcode-scroll-footer-wrap,.pisell-lowcode-scroll-header-wrap{padding:12px 0}.pisell-lowcode-detail-modal-wrap{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#fff;z-index:1000}.pisell-lowcode-modal-header{padding:12px 20px}.pisell-lowcode-close-icon{font-size:18px}.pisell-lowcode-scroll-skeleton{padding:12px 24px}
1
+ .pisell-date-range-picker{display:inline-block;width:100%}.pisell-date-range-picker label{font-size:14px}.pisell-date-range-picker-no-border .MuiOutlinedInput-notchedOutline{border:none}.MuiOutlinedInput-notchedOutline legend{color:inherit;width:auto;margin-bottom:.5em;font-size:1.5em;line-height:11px;border:none}.MuiPickersPopper-root .MuiPickersLayout-root{width:625px;width:var(--pisell-date-range-picker-popup-width,625px)}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer{width:50%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-header .MuiDayCalendar-weekDayLabel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root{min-width:200px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiPickersSlideTransition-root:before{content:"";display:block;padding-top:67%}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-monthContainer{padding:0 20px}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day{width:100%;height:auto}.MuiPickersPopper-root .MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiDateRangePickerDay-root .MuiDateRangePickerDay-day:before{content:"";display:block;padding-top:100%}.date-picker-action-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.date-picker-action-bar .date-picker-action-bar-left{width:192px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-action-bar .date-picker-action-bar-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:16px;border-top:1px solid rgba(0,0,0,.12)}.date-picker-action-bar-time-picker-popup{z-index:1400}.date-picker-shortcuts{width:192px;padding:12px 16px;border-right:1px solid rgba(0,0,0,.12)}.date-picker-shortcuts .date-picker-shortcuts-item{cursor:pointer;padding:10px 16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.date-picker-shortcuts .date-picker-shortcuts-item:hover{background-color:#f9fafb}.materials-grid-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.materials-grid-header,.materials-grid-header .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid-header .right-wrap{grid-gap:8px;gap:8px}.table-fields-text-link{color:#7f56d9!important;color:var(--theme-color,#7f56d9)!important;cursor:pointer}.table-fields-text-link:hover{text-decoration:underline!important}.materials-grid-actions{-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;grid-gap:16px;gap:16px}.materials-grid-actions,.materials-grid-actions .left-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.materials-grid-actions .left-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;-webkit-transition:.2s;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:12px;height:28px}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator .pisell-lowcode-pagination-total-text{margin-right:auto;color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator .pisell-lowcode-pagination-item{position:relative;margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:0}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{margin:0;border-radius:0;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover,.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-disabled,.materials-grid-paginator .pisell-lowcode-pagination-disabled .paginator-page-btn{cursor:not-allowed;color:rgba(0,0,0,.25)}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{font-weight:450!important;color:rgba(0,0,0,.88)!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{border-radius:8px 0 0 8px;border:1px solid #d0d5dd;border-right:none}.materials-grid-paginator .pisell-lowcode-pagination-next,.materials-grid-paginator .pisell-lowcode-pagination-prev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:auto;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-next{border:1px solid #d0d5dd;border-radius:0 8px 8px 0}.paginator-page-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px 4px 4px 4px;-webkit-transition:.2s;transition:.2s;font-size:12px;font-weight:400;color:#344054;color:var(--gray-700,#344054);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 16px}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid-paginator-mini{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:50px;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #f0f0f0;border-top:none;padding:0 20px;margin:0!important}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;grid-gap:4px;gap:4px}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{margin:0;border-radius:8px;border:1px solid #d0d5dd}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.cell-provider{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;padding:12px}.cell-provider.focus{-webkit-box-shadow:var(--theme-color) 0 0 0 1px!important;box-shadow:var(--theme-color) 0 0 0 1px!important}.editable-cell-value-wrap{width:100%;height:100%}.materials-grid-table-cell{height:1px;padding:0!important}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.materials-grid-table-header-cell{height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 14px}.materials-grid-table-header-cell .field-icon{font-size:18px;color:#777}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-weight:600;font-size:14px;color:#1b1b1b;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;font-size:14px;cursor:pointer}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-top{padding:16px;border-bottom:1px solid #eaecf0;border-bottom:1px solid var(--gray-200,#eaecf0)}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-bottom{padding:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:272px}.pisell-table-filter-dropdown .pisell-table-filter-dropdown-item{padding:10px}.materials-grid{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.materials-grid .pisell-lowcode-table-filter-column{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-dropdown-trigger{width:25px;height:25px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-lowcode-table-filter-column .pisell-lowcode-table-filter-trigger.active{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-lowcode-table-column-sorters{cursor:pointer}.materials-grid .pisell-table-sorter-inner{width:25px;height:25px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:4px;margin-inline-start:4px;color:rgba(0,0,0,.29);font-size:12px;-webkit-transition:color .3s;transition:color .3s;border-radius:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.materials-grid .pisell-table-sorter-inner:hover{background:#f4ebff;background:var(--primary-100,#f4ebff)}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down,.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-up{color:rgba(102,112,133,.65);font-size:12px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-sorter-down{margin-top:-.3em}.materials-grid .pisell-table-sorter-inner .pisell-table-column-up{font-size:20px}.materials-grid .pisell-table-sorter-inner .pisell-table-column-down{font-size:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.materials-grid .pisell-table-sorter-inner.active{background:#f4ebff;background:var(--primary-100,#f4ebff);cursor:pointer;color:#7f56d9}.pisell-lowcode-translation-icon{cursor:pointer;color:#d9d9d9}.pisell-lowcode-translation-icon.active,.pisell-lowcode-translation-icon :hover{color:var(--theme-color)}.pisell-lowcode-translation-modal{position:relative;width:100%}.pisell-lowcode-record-view .pisell-lowcode-pagination{border:none;padding:0}.pisell-lowcode-record-view .materials-grid-paginator-mini{border:none}.pisell-lowcode-empty-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pisell-lowcode-scroll-footer-wrap,.pisell-lowcode-scroll-header-wrap{padding:12px 0}.pisell-lowcode-detail-modal-wrap{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#fff;z-index:1000}.pisell-lowcode-modal-header{padding:12px 20px}.pisell-lowcode-close-icon{font-size:18px;position:absolute;top:12px;right:20px}.pisell-lowcode-scroll-skeleton{padding:12px 24px}
package/es/components/record-view/index.js CHANGED
@@ -10,6 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
11
  import React, { useCallback, useMemo, useState } from "react";
12
12
  import { Button, Col, Empty, List, Row, Skeleton, Space } from "antd";
13
+ import { getUniqueId } from "@pisell/utils";
13
14
  import Pagination from "../Pagination";
14
15
  import { CloseOutlined } from "@ant-design/icons";
15
16
  import InfiniteScroll from "react-infinite-scroll-component";
@@ -54,6 +55,9 @@ var RecordView = function RecordView(props) {
54
55
  }
55
56
  }, [responsive, pcDetailModalDisplay, padDetailModalDisplay, mobilePadDetailModalDisplay]);
56
57
  var _footer = useMemo(function () {
58
+ if (!(pagination && paginationType === "default") && !footer) {
59
+ return null;
60
+ }
57
61
  return /*#__PURE__*/React.createElement(React.Fragment, null, pagination && paginationType === "default" && /*#__PURE__*/React.createElement(Pagination, _extends({
58
62
  showLessItems: true
59
63
  }, pagination)), footer);
@@ -88,12 +92,15 @@ var RecordView = function RecordView(props) {
88
92
  return /*#__PURE__*/React.createElement(Button, item);
89
93
  }))));
90
94
  }, [props.dataSource, locale, emptyButtons]);
95
+ var scrollListId = useMemo(function () {
96
+ return "scrollableDiv-".concat(getUniqueId());
97
+ }, []);
91
98
  var list = useMemo(function () {
92
99
  if (paginationType === "scroll") {
93
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
100
+ return /*#__PURE__*/React.createElement("div", null, header && /*#__PURE__*/React.createElement("div", {
94
101
  className: "".concat(prefix, "scroll-header-wrap")
95
102
  }, header), /*#__PURE__*/React.createElement("div", {
96
- id: "scrollableDiv",
103
+ id: scrollListId,
97
104
  style: {
98
105
  height: listHeight || 400,
99
106
  overflow: "auto"
@@ -102,23 +109,22 @@ var RecordView = function RecordView(props) {
102
109
  dataLength: props.dataSource.length,
103
110
  next: loadMoreData,
104
111
  hasMore: props.dataSource.length < ((pagination === null || pagination === void 0 ? void 0 : pagination.total) || 999999),
105
- loader: /*#__PURE__*/React.createElement(Skeleton, {
112
+ loader: props.dataSource.length > 0 && /*#__PURE__*/React.createElement(Skeleton, {
106
113
  avatar: true,
107
114
  paragraph: {
108
115
  rows: 1
109
116
  },
110
- active: true
117
+ active: true,
118
+ className: "".concat(prefix, "scroll-skeleton")
111
119
  }),
112
- scrollableTarget: "scrollableDiv"
120
+ scrollableTarget: scrollListId
113
121
  }, /*#__PURE__*/React.createElement(List, _extends({}, others, {
114
- split: false,
115
122
  renderItem: _renderItem
116
- }), emptyDom))), /*#__PURE__*/React.createElement("div", {
123
+ }), emptyDom))), _footer && /*#__PURE__*/React.createElement("div", {
117
124
  className: "".concat(prefix, "scroll-footer-wrap")
118
125
  }, _footer));
119
126
  }
120
127
  return /*#__PURE__*/React.createElement(List, _extends({}, others, {
121
- split: false,
122
128
  renderItem: _renderItem,
123
129
  header: header,
124
130
  footer: _footer
package/es/components/record-view/index.less CHANGED
@@ -36,5 +36,11 @@
36
36
  }
37
37
  &-close-icon {
38
38
  font-size: 18px;
39
+ position: absolute;
40
+ top: 12px;
41
+ right: 20px;
42
+ }
43
+ &-scroll-skeleton {
44
+ padding: 12px 24px;
39
45
  }
40
46
  }
package/lib/components/record-view/index.js CHANGED
@@ -34,6 +34,7 @@ __export(record_view_exports, {
34
34
  module.exports = __toCommonJS(record_view_exports);
35
35
  var import_react = __toESM(require("react"));
36
36
  var import_antd = require("antd");
37
+ var import_utils = require("@pisell/utils");
37
38
  var import_Pagination = __toESM(require("../Pagination"));
38
39
  var import_icons = require("@ant-design/icons");
39
40
  var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
@@ -81,6 +82,9 @@ var RecordView = (props) => {
81
82
  mobilePadDetailModalDisplay
82
83
  ]);
83
84
  const _footer = (0, import_react.useMemo)(() => {
85
+ if (!(pagination && paginationType === "default") && !footer) {
86
+ return null;
87
+ }
84
88
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, pagination && paginationType === "default" && /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { showLessItems: true, ...pagination }), footer);
85
89
  }, [pagination, footer]);
86
90
  const _renderItem = (0, import_react.useCallback)(
@@ -117,12 +121,15 @@ var RecordView = (props) => {
117
121
  }
118
122
  ), !!emptyButtons.length && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}empty-button` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, emptyButtons.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...item })))));
119
123
  }, [props.dataSource, locale, emptyButtons]);
124
+ const scrollListId = (0, import_react.useMemo)(() => {
125
+ return `scrollableDiv-${(0, import_utils.getUniqueId)()}`;
126
+ }, []);
120
127
  const list = (0, import_react.useMemo)(() => {
121
128
  if (paginationType === "scroll") {
122
- return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
129
+ return /* @__PURE__ */ import_react.default.createElement("div", null, header && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
123
130
  "div",
124
131
  {
125
- id: "scrollableDiv",
132
+ id: scrollListId,
126
133
  style: {
127
134
  height: listHeight || 400,
128
135
  overflow: "auto"
@@ -134,18 +141,25 @@ var RecordView = (props) => {
134
141
  dataLength: props.dataSource.length,
135
142
  next: loadMoreData,
136
143
  hasMore: props.dataSource.length < ((pagination == null ? void 0 : pagination.total) || 999999),
137
- loader: /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { avatar: true, paragraph: { rows: 1 }, active: true }),
138
- scrollableTarget: "scrollableDiv"
144
+ loader: props.dataSource.length > 0 && /* @__PURE__ */ import_react.default.createElement(
145
+ import_antd.Skeleton,
146
+ {
147
+ avatar: true,
148
+ paragraph: { rows: 1 },
149
+ active: true,
150
+ className: `${prefix}scroll-skeleton`
151
+ }
152
+ ),
153
+ scrollableTarget: scrollListId
139
154
  },
140
- /* @__PURE__ */ import_react.default.createElement(import_antd.List, { ...others, split: false, renderItem: _renderItem }, emptyDom)
155
+ /* @__PURE__ */ import_react.default.createElement(import_antd.List, { ...others, renderItem: _renderItem }, emptyDom)
141
156
  )
142
- ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-footer-wrap` }, _footer));
157
+ ), _footer && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-footer-wrap` }, _footer));
143
158
  }
144
159
  return /* @__PURE__ */ import_react.default.createElement(
145
160
  import_antd.List,
146
161
  {
147
162
  ...others,
148
- split: false,
149
163
  renderItem: _renderItem,
150
164
  header,
151
165
  footer: _footer
package/lib/components/record-view/index.less CHANGED
@@ -36,5 +36,11 @@
36
36
  }
37
37
  &-close-icon {
38
38
  font-size: 18px;
39
+ position: absolute;
40
+ top: 12px;
41
+ right: 20px;
42
+ }
43
+ &-scroll-skeleton {
44
+ padding: 12px 24px;
39
45
  }
40
46
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.97",
3
+ "version": "1.0.98",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",