@embeddable.com/remarkable-ui 0.1.35 → 0.1.36

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 (39) hide show
  1. package/dist/ComparisonPeriodSelectFieldPro.js +2 -2
  2. package/dist/DateRangeSelectFieldPro.js +1 -1
  3. package/dist/EditorCard-VE-lXcu3.js +76 -0
  4. package/dist/EditorCard-VE-lXcu3.js.map +1 -0
  5. package/dist/MultiSelectFieldPro.js +1 -1
  6. package/dist/SingleSelectField-Dzx78rCq.js +107 -0
  7. package/dist/SingleSelectField-Dzx78rCq.js.map +1 -0
  8. package/dist/SingleSelectFieldPro.js +1 -1
  9. package/dist/component.constants-D59iJ42U.js.map +1 -1
  10. package/dist/embeddable-components.json +11 -11
  11. package/dist/{index-CWufi8Tg.js → index-BlqpkSit.js} +3 -3
  12. package/dist/{index-CWufi8Tg.js.map → index-BlqpkSit.js.map} +1 -1
  13. package/dist/index-CVw4TFfQ.js +220 -0
  14. package/dist/index-CVw4TFfQ.js.map +1 -0
  15. package/dist/{index-D10laZQ1.js → index-IjB-3gUH.js} +3 -3
  16. package/dist/{index-D10laZQ1.js.map → index-IjB-3gUH.js.map} +1 -1
  17. package/dist/index.js +6 -6
  18. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts +2 -2
  19. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts.map +1 -1
  20. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts +1 -0
  21. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts.map +1 -1
  22. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts +2 -2
  23. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts.map +1 -1
  24. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts +1 -0
  25. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts.map +1 -1
  26. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.d.ts +7 -0
  27. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.d.ts.map +1 -0
  28. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.d.ts +3 -0
  29. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.d.ts.map +1 -1
  30. package/dist/remarkable-ui/editors/select/shared/SelectList/selectList.utils.d.ts +7 -0
  31. package/dist/remarkable-ui/editors/select/shared/SelectList/selectList.utils.d.ts.map +1 -0
  32. package/dist/remarkable-ui.css +1 -1
  33. package/package.json +1 -1
  34. package/dist/EditorCard-B7s7sQ-B.js +0 -62
  35. package/dist/EditorCard-B7s7sQ-B.js.map +0 -1
  36. package/dist/SingleSelectField-DXVRxF0n.js +0 -96
  37. package/dist/SingleSelectField-DXVRxF0n.js.map +0 -1
  38. package/dist/index-Ba7NiFTr.js +0 -209
  39. package/dist/index-Ba7NiFTr.js.map +0 -1
@@ -584,4 +584,4 @@
584
584
  --em-box-shadow-default-position-y: 1px;
585
585
  --em-box-shadow-default-spread: 0px;
586
586
  }
587
- ._card_ekfxn_1{position:relative;display:flex;flex-direction:column;gap:var(--em-card-gap-default, 2rem);padding:var(--em-card-padding-default, 2rem);border-radius:var(--em-card-border-radius-default, 2rem);background:var(--em-background-color-default, #f7f7f8);box-sizing:border-box}._content_ekfxn_12{display:flex;flex-direction:column;flex-grow:1;overflow:auto}._header_ekfxn_19{width:100%;display:flex;gap:var(--em-card-title-padding-default, 1rem);justify-content:space-between;position:relative;align-items:center}._titles_ekfxn_28{display:flex;flex-direction:column;gap:var(--em-card-title-padding-default, 1rem)}._title_ekfxn_28{color:var(--em-card-title-color-default, #212129);font-size:var(--em-card-title-font-size, 1.25rem);font-style:normal;font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-font-line-height, 1.1875rem)}._subtitle_ekfxn_42{color:var(--em-foreground-color-muted, #5c5c66);font-family:var(--em-card-subtitle-font-font-family, Inter);font-size:var(--em-card-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-font-line-height, .875rem)}._typography_1vbmb_1{font-family:var(--em-font-default, "Inter", sans-serif);margin:unset}._info_11vdf_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-info-padding-default, .75rem)}._title_11vdf_9{color:var(--em-card-empty-title-color-default, #212129);text-align:center;font-size:var(--em-card-empty-title-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-title-font-weight, 500);line-height:var(--em-card-empty-title-font-line-height, 1rem)}._message_11vdf_18{color:var(--em-card-empty-subtitle-color-default, #5c5c66);text-align:center;font-size:var(--em-card-empty-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-subtitle-font-weight, 400);line-height:var(--em-card-empty-subtitle-font-line-height, 1rem)}._errorMessage_1cos3_1{color:var(--em-text-input-label-color-error, #bc1010);font-family:var(--em-text-input-label-font-font-family, Inter);font-size:var(--em-text-input-label-font-size, .75rem);font-weight:var(--em-text-input-label-font-weight-default, 500)}._iconButton_134uf_1{width:var(--em-icon-btn-size-width, 1.25rem);height:var(--em-icon-btn-size-height, 2rem);padding:var(--em-icon-btn-padding-top, .5rem) var(--em-icon-btn-padding-right, .125rem) var(--em-icon-btn-padding-bottom, .5rem) var(--em-icon-btn-padding-left, .125rem)}._icon_134uf_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._baseButton_zbrmc_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}._baseButton_zbrmc_1:disabled{cursor:unset;pointer-events:none}._primary_zbrmc_15{background:var(--em-primary-btn-background-color-default, #5c5c66);color:var(--em-primary-btn-label-color-default, #fff);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._primary_zbrmc_15:hover,._primary_zbrmc_15:focus{background:var(--em-primary-btn-background-color-hover, #212129)}._primary_zbrmc_15:active{background:var(--em-primary-btn-background-color-pressed, #000)}._primary_zbrmc_15:disabled{background:var(--em-primary-btn-background-color-disabled, #ededf1);color:var(--em-primary-btn-label-color-disabled, #b8b8bd)}._secondary_zbrmc_34{background:var(--em-secondary-btn-background-color-default, #ededf1);color:var(--em-secondary-btn-label-color-default, #212129);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._secondary_zbrmc_34:hover,._secondary_zbrmc_34:focus{background:var(--em-secondary-btn-background-color-hover, #e4e4ea)}._secondary_zbrmc_34:active{background:var(--em-secondary-btn-background-color-pressed, #d2d2d5)}._secondary_zbrmc_34:disabled{background:var(--em-secondary-btn-background-color-disabled, #ededf1);color:var(--em-secondary-btn-label-color-disabled, #b8b8bd)}._icon_zbrmc_55{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._listItem_1yck8_1{box-sizing:border-box;height:var(--em-select-list-item-size-height, 2rem);max-height:var(--em-select-list-item-size-height, 2rem);padding:var(--em-select-list-item-padding-default, .5rem);border-radius:var(--em-select-list-item-border-radius-default, .5rem);background:var(--em-select-list-item-background-color-default, #fff);color:var(--em-select-list-item-label-color-default, #212129);font-style:normal;display:flex;outline:none;cursor:pointer;align-items:center;justify-content:space-between;width:100%;overflow:hidden}._listItem_1yck8_1 ._leftContent_1yck8_20{flex:1 1 auto;min-width:0;overflow:hidden;display:flex}._listItem_1yck8_1 ._rightContent_1yck8_27{flex:0 0 auto;max-width:50%;display:flex}._listItem_1yck8_1 ._leftContent_1yck8_20 p,._listItem_1yck8_1 ._rightContent_1yck8_27 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listItem_1yck8_1:hover,._listItem_1yck8_1:focus{background:var(--em-select-list-item-background-color-hover, #f7f7f8)}._listItem_1yck8_1:active{background:var(--em-select-list-item-background-color-pressed, #ededf1)}._listItem_1yck8_1._disabled_1yck8_49{color:var(--em-select-list-item-label-color-disabled, #b8b8bd);pointer-events:none;-webkit-user-select:none;user-select:none}._listItem_1yck8_1 ._leftContent_1yck8_20 p{padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-left-label-font-size, .75rem);font-weight:var(--em-select-list-item-left-label-font-weight, 500);line-height:var(--em-select-list-item-left-label-font-line-height, .875rem)}._listItem_1yck8_1 ._rightContent_1yck8_27 p{color:var(--em-select-list-item-right-label-color-default, #5c5c66);padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-right-label-font-size, .75rem);font-weight:var(--em-select-list-item-right-label-font-weight, 400);line-height:var(--em-select-list-item-right-label-font-line-height, .875rem)}._listItem_1yck8_1._selected_1yck8_72{background:var(--em-select-list-item-background-color-selected, #212129);color:var(--em-select-list-item-left-label-color-selected, #fff)}._listItem_1yck8_1._selected_1yck8_72 ._leftContent_1yck8_20 p,._listItem_1yck8_1._selected_1yck8_72 ._rightContent_1yck8_27 p{color:inherit}._listItem_1yck8_1 svg,._listItem_1yck8_1 img{width:var(--em-select-list-item-icon-size-width, 1rem);height:var(--em-select-list-item-icon-size-height, 1rem);color:inherit}._button_10cpl_1{display:flex;align-items:center;justify-content:space-between;padding:var(--em-select-menu-padding-default, .75rem);border-radius:var(--em-select-menu-border-radius-default, .75rem);border:var(--em-select-menu-border-width-default, 1px) solid var(--em-select-menu-border-color-default, #d2d2d5);background:var(--em-select-menu-background-color-default, #fff);cursor:pointer;color:var(--em-select-menu-label-color-default, #212129);height:var(--em-select-menu-size-height-default, 2rem);max-height:var(--em-select-menu-size-height-default, 2rem);min-width:var(--em-select-menu-size-width-min-width, 10rem);width:100%;outline:none}._button_10cpl_1 ._rightContent_10cpl_19{flex-shrink:0}._button_10cpl_1 ._leftContent_10cpl_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_10cpl_1 ._leftContent_10cpl_23 span{text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-select-menu-label-padding-default, .5rem);font-size:var(--em-select-menu-label-font-size, .75rem);font-style:normal;font-weight:var(--em-select-menu-label-font-weight, 500);line-height:var(--em-select-menu-label-font-line-height, .875rem)}._button_10cpl_1:hover,._button_10cpl_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_10cpl_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_10cpl_1._hasValue_10cpl_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_10cpl_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_10cpl_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_10cpl_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_10cpl_80{animation:_spin_10cpl_1 1s linear infinite}._buttonError_10cpl_84{border:var(--em-text-input-border-width-error, 2px) solid var(--em-status-negative-foreground, #bc1010)}._list_18km3_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-select-menu-size-width-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--em-select-menu-list-padding-default, .5rem);max-height:var(--em-select-menu-list-size-max-height, 20rem);gap:var(--em-select-menu-list-gap-default, .5rem);border-radius:var(--em-select-menu-list-border-radius-default, .75rem);background:var(--em-background-color-neutral, #fff);box-shadow:var(--em-box-shadow-default-position-x, 0) var(--em-box-shadow-default-position-y, 1px) var(--em-box-shadow-default-blur, 40px) var(--em-box-shadow-default-spread, 0) var(--em-box-shadow-default-color, rgba(33, 33, 41, .25))}._input_ties8_1{display:flex;align-items:center;box-sizing:border-box;height:var(--em-text-input-size-height, 2rem);width:100%;padding:var(--em-text-input-padding-default, .5rem);border-radius:var(--em-text-input-border-radius-default, .5rem);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-default, #f7f7f8);color:var(--em-text-input-label-color-filled, #212129)}._input_ties8_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_ties8_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_ties8_1 input{border:none;background:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:inherit;width:100%;padding:0 var(--em-text-input-padding-default, .5rem);font-size:var(--em-text-input-label-font-size, .75rem);font-style:normal;font-weight:var(--em-text-input-label-font-weight, 500);line-height:var(--em-text-input-label-font-line-height, .875rem)}._input_ties8_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1:has(input:disabled){color:var(--em-text-input-label-color-disabled, #b8b8bd);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-disabled, #fff)}._input_ties8_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_ties8_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_ties8_1 div{display:flex}._clearIcon_ties8_71{cursor:pointer}._inputContainer_ties8_75{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._requiredText_ties8_81{padding-bottom:var(--em-form-padding-small, .5rem);display:flex;align-items:center;justify-content:flex-end;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._inputError_ties8_92{border:var(--em-text-input-border-width-error, 2px) solid var(--em-text-input-border-color-error, #bc1010)}._textField_aiklj_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_aiklj_1 ._characterCount_aiklj_5{display:flex;justify-content:flex-start;font-family:var(--em-form-section-font-font-family, Inter);font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._tableContainer_ih7qn_1{background:var(--em-table-background-color-default-header, #fff);display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;border-radius:var(--em-table-border-radius-default, .75rem)}._scrollX_ih7qn_14{overflow-x:auto;overflow-y:hidden;flex:1}._table_ih7qn_1{width:100%;border-collapse:collapse}._table_ih7qn_1 th,._table_ih7qn_1 td{border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;cursor:pointer;height:var(--em-table-size-cell-height_R, 2.5rem);max-height:var(--em-table-size-cell-height_R, 2.5rem);min-width:var(--em-table-size-min-width_R, 3rem);padding:var(--em-table-padding-medium_R, .5rem)}._table_ih7qn_1 th:hover,._table_ih7qn_1 th:focus-within{background:var(--em-table-background-color-hover-header_R, #f7f7f8)}._table_ih7qn_1 tr:has(td:hover){background:var(--em-table-background-color-hover-row_R, #fafafa)}._table_ih7qn_1 th:first-child,._table_ih7qn_1 td:first-child{border-left:none}._table_ih7qn_1 th:last-child,._table_ih7qn_1 td:last-child{border-right:none}._table_ih7qn_1 tr:first-child th,._table_ih7qn_1 tr:first-child td{border-top:none}._tablePagination_eu6nu_1{height:3rem;display:flex;justify-content:center;align-items:center;width:100%}._tablePaginationCentral_eu6nu_10{gap:1rem;display:flex;align-items:center;color:var(--em-table-text-default_R, #212129);font-size:var(--em-table-font-font-size_R, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium_R, 500);line-height:var(--em-table-font-line-height_R, .875rem)}._tablePaginationCentralButtons_eu6nu_24{display:flex;align-items:center;gap:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th{padding:unset}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4{position:sticky;left:0;z-index:1;pointer-events:none;min-width:var(--em-table-size-min-width_R, 3rem);width:var(--em-table-size-min-width_R, 3rem);background:var(--em-table-background-color-default-header_R, #fff)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4 button p{color:var(--em-table-text-muted, #5c5c66)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29{cursor:pointer;width:100%;border:unset;background-color:unset;display:flex;justify-content:space-between;padding:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 svg{width:var(--em-table-icon-size-width, 1rem);height:var(--em-table-icon-size-height, 1rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium, 500);line-height:var(--em-table-font-line-height, .875rem)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1{position:sticky;left:0;z-index:1;pointer-events:none;background:var(--em-table-background-color-default-header_R, #fff)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1 p{color:var(--em-table-text-muted, #5c5c66)}._tableBodyCell_zz1co_1{position:relative}._tableBodyCell_zz1co_1 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-weight-regular, 400);line-height:.875rem}._copyButton_zz1co_38{position:absolute;top:50%;right:var(--em-table-padding-medium_R, .5rem);transform:translateY(-50%);opacity:0}._copyButton_zz1co_38._leftAlign_zz1co_46{left:var(--em-table-padding-medium_R, .5rem);right:auto}._tableBodyCell_zz1co_1:hover ._copyButton_zz1co_38{opacity:1}@keyframes _shimmer_12e7h_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_12e7h_10{animation:_shimmer_12e7h_1 1.5s infinite;background:linear-gradient(90deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-border-radius-300, 12px)}._chartCard_hyfnm_1{height:100%;width:100%}._error_hyfnm_6 svg,._error_hyfnm_6 h2,._error_hyfnm_6 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_hyfnm_12{position:absolute;position:relative;right:0}._fixedContent_hyfnm_18{z-index:1;background:var(--em-background-color-default, #f7f7f8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._fixedContent_hyfnm_18._loading_hyfnm_27{z-index:2}@keyframes _spin_7lgag_1{to{transform:rotate(360deg)}}._loading_7lgag_7{padding:var(--em-card-loader-padding-default, .25rem);border-radius:var(--em-card-loader-border-radius-default, 9999px);background:var(--em-background-color-default, #f7f7f8);width:var(--em-card-loader-icon-size-width, 1.5rem);height:var(--em-card-loader-icon-size-height, 1.5rem);animation:_spin_7lgag_1 2s linear infinite}._list_mwshn_1{width:auto}._kpiChartContainer_joxtc_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}._kpiChartContainer_joxtc_1>p{width:100%;font-size:52px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpi-kpi-font-font-color, #212129);font-style:normal;font-weight:var(--em-kpi-kpi-font-font-weight, 700);line-height:normal}._kpiComparisonContainer_joxtc_26{align-items:center;display:flex;flex-direction:column;padding:var(--em-chart-grid-padding-lg, 1rem) 0 0 0;gap:var(--em-chart-grid-padding-default, .5rem);font-size:var(--em-kpi-trend-font-font-size, 1rem)}._kpiComparisonContainer_joxtc_26>p{text-align:center;color:var(--em-chart-grid-font-color-default, #000);font-size:.875em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500)}._kpiChangeHidden_joxtc_47{visibility:hidden}._kpiChartChangeContainer_13m4l_1{display:flex;align-items:center;gap:var(--em-chart-grid-padding-default, .5rem);color:var(--em-chart-grid-font-color-default, #000)}._kpiChartChangeContainer_13m4l_1>p{font-size:.875em;color:inherit}._kpiChangeBadge_13m4l_13{display:flex;justify-content:center;align-items:center;padding:var(--em-kpi-trend-padding-default, .25rem);border-radius:var(--em-kpi-trend-border-radius-default, .375rem)}._kpiChangeBadge_13m4l_13>svg{width:1em;height:1em}._kpiChangeBadge_13m4l_13>p{padding:0 var(--em-kpi-trend-padding-default, .25rem);font-size:1em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500);line-height:var(--em-kpi-trend-font-line-height, 1rem)}._kpiChangeBadge_13m4l_13._positive_13m4l_36{background:var(--em-kpi-trend-background-color-positive, #e1f0e9);color:var(--em-kpi-trend-label-color-positive, #0f955a)}._kpiChangeBadge_13m4l_13._negative_13m4l_41{background:var(--em-kpi-trend-background-color-negative, #f6e2e2);color:var(--em-kpi-trend-label-color-negative, #bc1010)}._listOptions_2o1ip_1{height:100%;overflow:auto}._listOptions_2o1ip_1._disabled_2o1ip_6{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}._error_1xvr5_1 svg,._error_1xvr5_1 h2,._error_1xvr5_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._card_1xvr5_7{background:unset;padding:unset}._selectField_73cni_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._icon_14m1u_1{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._buttonMedium_14m1u_6{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._buttonSmall_14m1u_14{height:var(--em-primary-btn-size-small-height, 2rem);padding:var(--em-primary-btn-padding-small-top, .375rem) var(--em-primary-btn-padding-small-right, .375rem) var(--em-primary-btn-padding-small-bottom, .375rem) var(--em-primary-btn-padding-small-left, .375rem)}._buttonText_14m1u_22{padding:0 var(--em-primary-btn-label-padding-default, .5rem)}._buttonTextMedium_14m1u_26{font-size:var(--em-primary-btn-label-font-default-size, .875rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-default-weight, 700);line-height:var(--em-primary-btn-label-font-default-line-height, 1rem)}._buttonTextSmall_14m1u_35{font-size:var(--em-primary-btn-label-font-small-size, .75rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-small-weight, 500);line-height:var(--em-primary-btn-label-font-small-line-height, .875rem)}._submitButton_gpe2a_1{justify-content:center}._selectField_gpe2a_5{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._container_436fl_1{width:100%;height:100%;display:flex;gap:var(--em-empty-state-padding-default, 1rem);overflow:hidden;box-sizing:border-box}._column_436fl_10{display:flex;flex-direction:column;gap:var(--em-empty-state-padding-default, 1rem);min-width:var(--em-empty-state-skeleton-size-min-width, 8rem);max-width:var(--em-empty-state-skeleton-size-max-width, 16rem);flex:1;height:100%}._box_436fl_20{background-color:var(--em-empty-state-background-color-default, #f7f7f8);border-radius:var(--em-card-border-radius-default, 2rem);opacity:var(--em-empty-state-opacity-default, .6)}._short_436fl_26{width:100%;aspect-ratio:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem);max-height:var(--em-empty-state-skeleton-size-max-width, 16rem);flex-shrink:0}._tall_436fl_34{width:100%;flex:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem)}._icon_bk4b5_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._iconPrimary_bk4b5_6{color:var(--em-primary-btn-icon-color-default, #ffffff)}._iconSecondary_bk4b5_9{color:var(--em-secondary-btn-icon-color-default, #212129)}._buttonIcon_bk4b5_12{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._ghostButton_1cvh9_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;height:var(--em-ghost-btn-size-height, 1.25rem);padding:var(--em-ghost-btn-padding-default, .125rem);flex-shrink:0;background:transparent;color:var(--em-ghost-btn-label-color-default, #212129);font-family:var(--em-ghost-btn-label-font-default-font-family, Inter);font-size:var(--em-ghost-btn-label-font-default-size, .75rem);font-style:normal;font-weight:var(--em-ghost-btn-label-font-default-weight, 400);line-height:var(--em-ghost-btn-label-font-default-line-height, .875rem)}._ghostButton_1cvh9_1:hover,._ghostButton_1cvh9_1:focus{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-hover, #f7f7f8)}._ghostButton_1cvh9_1:active{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-pressed, #ededf1)}._ghostButton_1cvh9_1:disabled{cursor:unset;pointer-events:none;background:transparent;color:var(--em-ghost-btn-label-color-disabled, #b8b8bd)}._icon_1cvh9_38{width:var(--em-ghost-btn-icon-size-width, .75rem);height:var(--em-ghost-btn-icon-size-height, .75rem)}._label_1cvh9_42{display:flex;padding:0 var(--em-ghost-btn-label-padding-default, .25rem);align-items:center}._overlay_1wzuc_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--em-foreground-color-neutral);z-index:9999;display:flex;align-items:center;justify-content:center}._actions_pvzr9_1{display:flex;gap:var(--em-form-padding-small, .5rem);justify-content:flex-end;padding-top:var(--em-card-padding-default);overflow:unset}._switchContainer_nupfs_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--em-switch-container-gap, .75rem)}._switchLabel_nupfs_8{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}._switchLabel_nupfs_8 ._switchInput_nupfs_14{position:absolute;opacity:0;width:0;height:0}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default) solid var(--em-switch-focus-color, #0066cc);outline-offset:var(--em-border-width-default)}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus:not(:focus-visible)+._switchTrack_nupfs_21{outline:none}@media(prefers-contrast:high){._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default, .0625rem) solid;outline-offset:var(--em-border-width-default, .0625rem)}}._switchLabel_nupfs_8 ._switchTrack_nupfs_21{position:relative;display:inline-flex;justify-content:flex-end;align-items:center;width:var(--em-switch-size-width, 2rem);height:var(--em-switch-size-height, 1rem);border-radius:var(--em-border-radius-500, 624.9375rem);background:var(--em-switch-background-color-off, #e4e4ea);transition:all .2s ease-in-out;vertical-align:middle}._switchLabel_nupfs_8 ._switchTrack_nupfs_21 ._switchThumb_nupfs_51{position:absolute;top:50%;left:var(--em-switch-thumb-padding, .125rem);transform:translateY(-50%);background:var(--em-switch-thumb-background-color, #ffffff);border-radius:50%;transition:all .2s ease-in-out;box-shadow:var(--em-switch-thumb-shadow, 0 2px 4px rgba(0, 0, 0, .1));width:var(--em-switch-slider-size-width, .75rem);height:var(--em-switch-slider-size-height, .75rem)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchTrack_nupfs_21{background:var(--em-switch-background-color-on, #212129)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchThumb_nupfs_51{left:calc(100% - var(--em-switch-padding, .125rem));transform:translate(-100%,-50%)}._switchLabel_nupfs_8:not(._disabled_nupfs_78):hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover, #e4e4ea)}._switchLabel_nupfs_8:not(._disabled_nupfs_78)._checked_nupfs_66:hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover-checked, #212129)}._switchLabel_nupfs_8._disabled_nupfs_78{cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-disabled, #f5f5f6);cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchThumb_nupfs_51{background:var(--em-switch-thumb-background-color-disabled, #d2d2d5);box-shadow:none}._switchLabel_nupfs_8._disabled_nupfs_78 ._labelText_nupfs_100{color:var(--em-switch-label-color-disabled, #b8b8bd);cursor:not-allowed}._switchLabel_nupfs_8 ._labelText_nupfs_100{color:var(--em-form-section-font-font-color, #212129);font-size:var(--em-form-form-font-font-size-title, .875rem);font-style:normal;font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);display:inline-block;vertical-align:middle;margin-left:var(--em-form-padding-small, .5rem)}@media(prefers-reduced-motion:reduce){._switchTrack_nupfs_21,._switchThumb_nupfs_51{transition:none}}
587
+ ._card_ekfxn_1{position:relative;display:flex;flex-direction:column;gap:var(--em-card-gap-default, 2rem);padding:var(--em-card-padding-default, 2rem);border-radius:var(--em-card-border-radius-default, 2rem);background:var(--em-background-color-default, #f7f7f8);box-sizing:border-box}._content_ekfxn_12{display:flex;flex-direction:column;flex-grow:1;overflow:auto}._header_ekfxn_19{width:100%;display:flex;gap:var(--em-card-title-padding-default, 1rem);justify-content:space-between;position:relative;align-items:center}._titles_ekfxn_28{display:flex;flex-direction:column;gap:var(--em-card-title-padding-default, 1rem)}._title_ekfxn_28{color:var(--em-card-title-color-default, #212129);font-size:var(--em-card-title-font-size, 1.25rem);font-style:normal;font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-font-line-height, 1.1875rem)}._subtitle_ekfxn_42{color:var(--em-foreground-color-muted, #5c5c66);font-family:var(--em-card-subtitle-font-font-family, Inter);font-size:var(--em-card-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-font-line-height, .875rem)}._typography_1vbmb_1{font-family:var(--em-font-default, "Inter", sans-serif);margin:unset}._info_11vdf_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-info-padding-default, .75rem)}._title_11vdf_9{color:var(--em-card-empty-title-color-default, #212129);text-align:center;font-size:var(--em-card-empty-title-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-title-font-weight, 500);line-height:var(--em-card-empty-title-font-line-height, 1rem)}._message_11vdf_18{color:var(--em-card-empty-subtitle-color-default, #5c5c66);text-align:center;font-size:var(--em-card-empty-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-subtitle-font-weight, 400);line-height:var(--em-card-empty-subtitle-font-line-height, 1rem)}._errorMessage_1cos3_1{color:var(--em-text-input-label-color-error, #bc1010);font-family:var(--em-text-input-label-font-font-family, Inter);font-size:var(--em-text-input-label-font-size, .75rem);font-weight:var(--em-text-input-label-font-weight-default, 500)}._iconButton_134uf_1{width:var(--em-icon-btn-size-width, 1.25rem);height:var(--em-icon-btn-size-height, 2rem);padding:var(--em-icon-btn-padding-top, .5rem) var(--em-icon-btn-padding-right, .125rem) var(--em-icon-btn-padding-bottom, .5rem) var(--em-icon-btn-padding-left, .125rem)}._icon_134uf_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._baseButton_zbrmc_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}._baseButton_zbrmc_1:disabled{cursor:unset;pointer-events:none}._primary_zbrmc_15{background:var(--em-primary-btn-background-color-default, #5c5c66);color:var(--em-primary-btn-label-color-default, #fff);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._primary_zbrmc_15:hover,._primary_zbrmc_15:focus{background:var(--em-primary-btn-background-color-hover, #212129)}._primary_zbrmc_15:active{background:var(--em-primary-btn-background-color-pressed, #000)}._primary_zbrmc_15:disabled{background:var(--em-primary-btn-background-color-disabled, #ededf1);color:var(--em-primary-btn-label-color-disabled, #b8b8bd)}._secondary_zbrmc_34{background:var(--em-secondary-btn-background-color-default, #ededf1);color:var(--em-secondary-btn-label-color-default, #212129);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._secondary_zbrmc_34:hover,._secondary_zbrmc_34:focus{background:var(--em-secondary-btn-background-color-hover, #e4e4ea)}._secondary_zbrmc_34:active{background:var(--em-secondary-btn-background-color-pressed, #d2d2d5)}._secondary_zbrmc_34:disabled{background:var(--em-secondary-btn-background-color-disabled, #ededf1);color:var(--em-secondary-btn-label-color-disabled, #b8b8bd)}._icon_zbrmc_55{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._listItem_1yck8_1{box-sizing:border-box;height:var(--em-select-list-item-size-height, 2rem);max-height:var(--em-select-list-item-size-height, 2rem);padding:var(--em-select-list-item-padding-default, .5rem);border-radius:var(--em-select-list-item-border-radius-default, .5rem);background:var(--em-select-list-item-background-color-default, #fff);color:var(--em-select-list-item-label-color-default, #212129);font-style:normal;display:flex;outline:none;cursor:pointer;align-items:center;justify-content:space-between;width:100%;overflow:hidden}._listItem_1yck8_1 ._leftContent_1yck8_20{flex:1 1 auto;min-width:0;overflow:hidden;display:flex}._listItem_1yck8_1 ._rightContent_1yck8_27{flex:0 0 auto;max-width:50%;display:flex}._listItem_1yck8_1 ._leftContent_1yck8_20 p,._listItem_1yck8_1 ._rightContent_1yck8_27 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listItem_1yck8_1:hover,._listItem_1yck8_1:focus{background:var(--em-select-list-item-background-color-hover, #f7f7f8)}._listItem_1yck8_1:active{background:var(--em-select-list-item-background-color-pressed, #ededf1)}._listItem_1yck8_1._disabled_1yck8_49{color:var(--em-select-list-item-label-color-disabled, #b8b8bd);pointer-events:none;-webkit-user-select:none;user-select:none}._listItem_1yck8_1 ._leftContent_1yck8_20 p{padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-left-label-font-size, .75rem);font-weight:var(--em-select-list-item-left-label-font-weight, 500);line-height:var(--em-select-list-item-left-label-font-line-height, .875rem)}._listItem_1yck8_1 ._rightContent_1yck8_27 p{color:var(--em-select-list-item-right-label-color-default, #5c5c66);padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-right-label-font-size, .75rem);font-weight:var(--em-select-list-item-right-label-font-weight, 400);line-height:var(--em-select-list-item-right-label-font-line-height, .875rem)}._listItem_1yck8_1._selected_1yck8_72{background:var(--em-select-list-item-background-color-selected, #212129);color:var(--em-select-list-item-left-label-color-selected, #fff)}._listItem_1yck8_1._selected_1yck8_72 ._leftContent_1yck8_20 p,._listItem_1yck8_1._selected_1yck8_72 ._rightContent_1yck8_27 p{color:inherit}._listItem_1yck8_1 svg,._listItem_1yck8_1 img{width:var(--em-select-list-item-icon-size-width, 1rem);height:var(--em-select-list-item-icon-size-height, 1rem);color:inherit}._button_10cpl_1{display:flex;align-items:center;justify-content:space-between;padding:var(--em-select-menu-padding-default, .75rem);border-radius:var(--em-select-menu-border-radius-default, .75rem);border:var(--em-select-menu-border-width-default, 1px) solid var(--em-select-menu-border-color-default, #d2d2d5);background:var(--em-select-menu-background-color-default, #fff);cursor:pointer;color:var(--em-select-menu-label-color-default, #212129);height:var(--em-select-menu-size-height-default, 2rem);max-height:var(--em-select-menu-size-height-default, 2rem);min-width:var(--em-select-menu-size-width-min-width, 10rem);width:100%;outline:none}._button_10cpl_1 ._rightContent_10cpl_19{flex-shrink:0}._button_10cpl_1 ._leftContent_10cpl_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_10cpl_1 ._leftContent_10cpl_23 span{text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-select-menu-label-padding-default, .5rem);font-size:var(--em-select-menu-label-font-size, .75rem);font-style:normal;font-weight:var(--em-select-menu-label-font-weight, 500);line-height:var(--em-select-menu-label-font-line-height, .875rem)}._button_10cpl_1:hover,._button_10cpl_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_10cpl_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_10cpl_1._hasValue_10cpl_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_10cpl_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_10cpl_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_10cpl_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_10cpl_80{animation:_spin_10cpl_1 1s linear infinite}._buttonError_10cpl_84{border:var(--em-text-input-border-width-error, 2px) solid var(--em-status-negative-foreground, #bc1010)}._list_18km3_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-select-menu-size-width-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--em-select-menu-list-padding-default, .5rem);max-height:var(--em-select-menu-list-size-max-height, 20rem);gap:var(--em-select-menu-list-gap-default, .5rem);border-radius:var(--em-select-menu-list-border-radius-default, .75rem);background:var(--em-background-color-neutral, #fff);box-shadow:var(--em-box-shadow-default-position-x, 0) var(--em-box-shadow-default-position-y, 1px) var(--em-box-shadow-default-blur, 40px) var(--em-box-shadow-default-spread, 0) var(--em-box-shadow-default-color, rgba(33, 33, 41, .25))}._input_ties8_1{display:flex;align-items:center;box-sizing:border-box;height:var(--em-text-input-size-height, 2rem);width:100%;padding:var(--em-text-input-padding-default, .5rem);border-radius:var(--em-text-input-border-radius-default, .5rem);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-default, #f7f7f8);color:var(--em-text-input-label-color-filled, #212129)}._input_ties8_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_ties8_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_ties8_1 input{border:none;background:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:inherit;width:100%;padding:0 var(--em-text-input-padding-default, .5rem);font-size:var(--em-text-input-label-font-size, .75rem);font-style:normal;font-weight:var(--em-text-input-label-font-weight, 500);line-height:var(--em-text-input-label-font-line-height, .875rem)}._input_ties8_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1:has(input:disabled){color:var(--em-text-input-label-color-disabled, #b8b8bd);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-disabled, #fff)}._input_ties8_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_ties8_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_ties8_1 div{display:flex}._clearIcon_ties8_71{cursor:pointer}._inputContainer_ties8_75{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._requiredText_ties8_81{padding-bottom:var(--em-form-padding-small, .5rem);display:flex;align-items:center;justify-content:flex-end;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._inputError_ties8_92{border:var(--em-text-input-border-width-error, 2px) solid var(--em-text-input-border-color-error, #bc1010)}._textField_aiklj_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_aiklj_1 ._characterCount_aiklj_5{display:flex;justify-content:flex-start;font-family:var(--em-form-section-font-font-family, Inter);font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._tableContainer_ih7qn_1{background:var(--em-table-background-color-default-header, #fff);display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;border-radius:var(--em-table-border-radius-default, .75rem)}._scrollX_ih7qn_14{overflow-x:auto;overflow-y:hidden;flex:1}._table_ih7qn_1{width:100%;border-collapse:collapse}._table_ih7qn_1 th,._table_ih7qn_1 td{border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;cursor:pointer;height:var(--em-table-size-cell-height_R, 2.5rem);max-height:var(--em-table-size-cell-height_R, 2.5rem);min-width:var(--em-table-size-min-width_R, 3rem);padding:var(--em-table-padding-medium_R, .5rem)}._table_ih7qn_1 th:hover,._table_ih7qn_1 th:focus-within{background:var(--em-table-background-color-hover-header_R, #f7f7f8)}._table_ih7qn_1 tr:has(td:hover){background:var(--em-table-background-color-hover-row_R, #fafafa)}._table_ih7qn_1 th:first-child,._table_ih7qn_1 td:first-child{border-left:none}._table_ih7qn_1 th:last-child,._table_ih7qn_1 td:last-child{border-right:none}._table_ih7qn_1 tr:first-child th,._table_ih7qn_1 tr:first-child td{border-top:none}._tablePagination_eu6nu_1{height:3rem;display:flex;justify-content:center;align-items:center;width:100%}._tablePaginationCentral_eu6nu_10{gap:1rem;display:flex;align-items:center;color:var(--em-table-text-default_R, #212129);font-size:var(--em-table-font-font-size_R, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium_R, 500);line-height:var(--em-table-font-line-height_R, .875rem)}._tablePaginationCentralButtons_eu6nu_24{display:flex;align-items:center;gap:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th{padding:unset}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4{position:sticky;left:0;z-index:1;pointer-events:none;min-width:var(--em-table-size-min-width_R, 3rem);width:var(--em-table-size-min-width_R, 3rem);background:var(--em-table-background-color-default-header_R, #fff)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4 button p{color:var(--em-table-text-muted, #5c5c66)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29{cursor:pointer;width:100%;border:unset;background-color:unset;display:flex;justify-content:space-between;padding:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 svg{width:var(--em-table-icon-size-width, 1rem);height:var(--em-table-icon-size-height, 1rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium, 500);line-height:var(--em-table-font-line-height, .875rem)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1{position:sticky;left:0;z-index:1;pointer-events:none;background:var(--em-table-background-color-default-header_R, #fff)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1 p{color:var(--em-table-text-muted, #5c5c66)}._tableBodyCell_zz1co_1{position:relative}._tableBodyCell_zz1co_1 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-weight-regular, 400);line-height:.875rem}._copyButton_zz1co_38{position:absolute;top:50%;right:var(--em-table-padding-medium_R, .5rem);transform:translateY(-50%);opacity:0}._copyButton_zz1co_38._leftAlign_zz1co_46{left:var(--em-table-padding-medium_R, .5rem);right:auto}._tableBodyCell_zz1co_1:hover ._copyButton_zz1co_38{opacity:1}@keyframes _shimmer_12e7h_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_12e7h_10{animation:_shimmer_12e7h_1 1.5s infinite;background:linear-gradient(90deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-border-radius-300, 12px)}._chartCard_hyfnm_1{height:100%;width:100%}._error_hyfnm_6 svg,._error_hyfnm_6 h2,._error_hyfnm_6 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_hyfnm_12{position:absolute;position:relative;right:0}._fixedContent_hyfnm_18{z-index:1;background:var(--em-background-color-default, #f7f7f8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._fixedContent_hyfnm_18._loading_hyfnm_27{z-index:2}@keyframes _spin_7lgag_1{to{transform:rotate(360deg)}}._loading_7lgag_7{padding:var(--em-card-loader-padding-default, .25rem);border-radius:var(--em-card-loader-border-radius-default, 9999px);background:var(--em-background-color-default, #f7f7f8);width:var(--em-card-loader-icon-size-width, 1.5rem);height:var(--em-card-loader-icon-size-height, 1.5rem);animation:_spin_7lgag_1 2s linear infinite}._list_mwshn_1{width:auto}._kpiChartContainer_joxtc_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}._kpiChartContainer_joxtc_1>p{width:100%;font-size:52px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpi-kpi-font-font-color, #212129);font-style:normal;font-weight:var(--em-kpi-kpi-font-font-weight, 700);line-height:normal}._kpiComparisonContainer_joxtc_26{align-items:center;display:flex;flex-direction:column;padding:var(--em-chart-grid-padding-lg, 1rem) 0 0 0;gap:var(--em-chart-grid-padding-default, .5rem);font-size:var(--em-kpi-trend-font-font-size, 1rem)}._kpiComparisonContainer_joxtc_26>p{text-align:center;color:var(--em-chart-grid-font-color-default, #000);font-size:.875em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500)}._kpiChangeHidden_joxtc_47{visibility:hidden}._kpiChartChangeContainer_13m4l_1{display:flex;align-items:center;gap:var(--em-chart-grid-padding-default, .5rem);color:var(--em-chart-grid-font-color-default, #000)}._kpiChartChangeContainer_13m4l_1>p{font-size:.875em;color:inherit}._kpiChangeBadge_13m4l_13{display:flex;justify-content:center;align-items:center;padding:var(--em-kpi-trend-padding-default, .25rem);border-radius:var(--em-kpi-trend-border-radius-default, .375rem)}._kpiChangeBadge_13m4l_13>svg{width:1em;height:1em}._kpiChangeBadge_13m4l_13>p{padding:0 var(--em-kpi-trend-padding-default, .25rem);font-size:1em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500);line-height:var(--em-kpi-trend-font-line-height, 1rem)}._kpiChangeBadge_13m4l_13._positive_13m4l_36{background:var(--em-kpi-trend-background-color-positive, #e1f0e9);color:var(--em-kpi-trend-label-color-positive, #0f955a)}._kpiChangeBadge_13m4l_13._negative_13m4l_41{background:var(--em-kpi-trend-background-color-negative, #f6e2e2);color:var(--em-kpi-trend-label-color-negative, #bc1010)}._listOptions_2o1ip_1{height:100%;overflow:auto}._listOptions_2o1ip_1._disabled_2o1ip_6{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}._category_1govg_1{display:flex;padding:var(--em-select-list-item-isolate-padding-default, 4px);flex:1 0 0;border-radius:var(--em-select-list-item-isolate-border-radius-default, 2px);background:var(--em-select-list-item-isolate-background-color-default, #ededf1)}._categoryLabel_1govg_9{color:var(--em-select-list-item-isolate-label-color-default, #212129);font-family:var(--em-select-list-item-isolate-label-font-font-family, Inter);font-size:var(--em-select-list-item-isolate-label-font-size, 12px);font-weight:var(--em-select-list-item-isolate-label-font-weight, 500);line-height:var(--em-select-list-item-isolate-label-font-line-height, 16px)}._error_1xvr5_1 svg,._error_1xvr5_1 h2,._error_1xvr5_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._card_1xvr5_7{background:unset;padding:unset}._selectField_73cni_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._icon_14m1u_1{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._buttonMedium_14m1u_6{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._buttonSmall_14m1u_14{height:var(--em-primary-btn-size-small-height, 2rem);padding:var(--em-primary-btn-padding-small-top, .375rem) var(--em-primary-btn-padding-small-right, .375rem) var(--em-primary-btn-padding-small-bottom, .375rem) var(--em-primary-btn-padding-small-left, .375rem)}._buttonText_14m1u_22{padding:0 var(--em-primary-btn-label-padding-default, .5rem)}._buttonTextMedium_14m1u_26{font-size:var(--em-primary-btn-label-font-default-size, .875rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-default-weight, 700);line-height:var(--em-primary-btn-label-font-default-line-height, 1rem)}._buttonTextSmall_14m1u_35{font-size:var(--em-primary-btn-label-font-small-size, .75rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-small-weight, 500);line-height:var(--em-primary-btn-label-font-small-line-height, .875rem)}._submitButton_gpe2a_1{justify-content:center}._selectField_gpe2a_5{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._container_436fl_1{width:100%;height:100%;display:flex;gap:var(--em-empty-state-padding-default, 1rem);overflow:hidden;box-sizing:border-box}._column_436fl_10{display:flex;flex-direction:column;gap:var(--em-empty-state-padding-default, 1rem);min-width:var(--em-empty-state-skeleton-size-min-width, 8rem);max-width:var(--em-empty-state-skeleton-size-max-width, 16rem);flex:1;height:100%}._box_436fl_20{background-color:var(--em-empty-state-background-color-default, #f7f7f8);border-radius:var(--em-card-border-radius-default, 2rem);opacity:var(--em-empty-state-opacity-default, .6)}._short_436fl_26{width:100%;aspect-ratio:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem);max-height:var(--em-empty-state-skeleton-size-max-width, 16rem);flex-shrink:0}._tall_436fl_34{width:100%;flex:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem)}._icon_bk4b5_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._iconPrimary_bk4b5_6{color:var(--em-primary-btn-icon-color-default, #ffffff)}._iconSecondary_bk4b5_9{color:var(--em-secondary-btn-icon-color-default, #212129)}._buttonIcon_bk4b5_12{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._ghostButton_1cvh9_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;height:var(--em-ghost-btn-size-height, 1.25rem);padding:var(--em-ghost-btn-padding-default, .125rem);flex-shrink:0;background:transparent;color:var(--em-ghost-btn-label-color-default, #212129);font-family:var(--em-ghost-btn-label-font-default-font-family, Inter);font-size:var(--em-ghost-btn-label-font-default-size, .75rem);font-style:normal;font-weight:var(--em-ghost-btn-label-font-default-weight, 400);line-height:var(--em-ghost-btn-label-font-default-line-height, .875rem)}._ghostButton_1cvh9_1:hover,._ghostButton_1cvh9_1:focus{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-hover, #f7f7f8)}._ghostButton_1cvh9_1:active{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-pressed, #ededf1)}._ghostButton_1cvh9_1:disabled{cursor:unset;pointer-events:none;background:transparent;color:var(--em-ghost-btn-label-color-disabled, #b8b8bd)}._icon_1cvh9_38{width:var(--em-ghost-btn-icon-size-width, .75rem);height:var(--em-ghost-btn-icon-size-height, .75rem)}._label_1cvh9_42{display:flex;padding:0 var(--em-ghost-btn-label-padding-default, .25rem);align-items:center}._overlay_1wzuc_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--em-foreground-color-neutral);z-index:9999;display:flex;align-items:center;justify-content:center}._actions_pvzr9_1{display:flex;gap:var(--em-form-padding-small, .5rem);justify-content:flex-end;padding-top:var(--em-card-padding-default);overflow:unset}._switchContainer_nupfs_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--em-switch-container-gap, .75rem)}._switchLabel_nupfs_8{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}._switchLabel_nupfs_8 ._switchInput_nupfs_14{position:absolute;opacity:0;width:0;height:0}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default) solid var(--em-switch-focus-color, #0066cc);outline-offset:var(--em-border-width-default)}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus:not(:focus-visible)+._switchTrack_nupfs_21{outline:none}@media(prefers-contrast:high){._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default, .0625rem) solid;outline-offset:var(--em-border-width-default, .0625rem)}}._switchLabel_nupfs_8 ._switchTrack_nupfs_21{position:relative;display:inline-flex;justify-content:flex-end;align-items:center;width:var(--em-switch-size-width, 2rem);height:var(--em-switch-size-height, 1rem);border-radius:var(--em-border-radius-500, 624.9375rem);background:var(--em-switch-background-color-off, #e4e4ea);transition:all .2s ease-in-out;vertical-align:middle}._switchLabel_nupfs_8 ._switchTrack_nupfs_21 ._switchThumb_nupfs_51{position:absolute;top:50%;left:var(--em-switch-thumb-padding, .125rem);transform:translateY(-50%);background:var(--em-switch-thumb-background-color, #ffffff);border-radius:50%;transition:all .2s ease-in-out;box-shadow:var(--em-switch-thumb-shadow, 0 2px 4px rgba(0, 0, 0, .1));width:var(--em-switch-slider-size-width, .75rem);height:var(--em-switch-slider-size-height, .75rem)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchTrack_nupfs_21{background:var(--em-switch-background-color-on, #212129)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchThumb_nupfs_51{left:calc(100% - var(--em-switch-padding, .125rem));transform:translate(-100%,-50%)}._switchLabel_nupfs_8:not(._disabled_nupfs_78):hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover, #e4e4ea)}._switchLabel_nupfs_8:not(._disabled_nupfs_78)._checked_nupfs_66:hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover-checked, #212129)}._switchLabel_nupfs_8._disabled_nupfs_78{cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-disabled, #f5f5f6);cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchThumb_nupfs_51{background:var(--em-switch-thumb-background-color-disabled, #d2d2d5);box-shadow:none}._switchLabel_nupfs_8._disabled_nupfs_78 ._labelText_nupfs_100{color:var(--em-switch-label-color-disabled, #b8b8bd);cursor:not-allowed}._switchLabel_nupfs_8 ._labelText_nupfs_100{color:var(--em-form-section-font-font-color, #212129);font-size:var(--em-form-form-font-font-size-title, .875rem);font-style:normal;font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);display:inline-block;vertical-align:middle;margin-left:var(--em-form-padding-small, .5rem)}@media(prefers-reduced-motion:reduce){._switchTrack_nupfs_21,._switchThumb_nupfs_51{transition:none}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@embeddable.com/remarkable-ui",
3
3
  "author": "embeddable (https://embeddable.com)",
4
- "version": "0.1.35",
4
+ "version": "0.1.36",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "types": "dist/index.d.ts",
@@ -1,62 +0,0 @@
1
- import { ac as l, j as r, af as m, i as u, ah as p, ai as _, al as x, am as f, U as h, aO as C } from "./component.constants-D59iJ42U.js";
2
- import { useEffect as j } from "react";
3
- import { useTheme as S } from "@embeddable.com/react";
4
- /**
5
- * @license @tabler/icons-react v3.35.0 - MIT
6
- *
7
- * This source code is licensed under the MIT license.
8
- * See the LICENSE file in the root directory of this source tree.
9
- */
10
- const b = [["path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], g = l("outline", "search", "Search", b), v = "_listOptions_2o1ip_1", y = "_disabled_2o1ip_6", o = {
11
- listOptions: v,
12
- disabled: y
13
- }, k = ({ children: t, disabled: e, ...s }) => /* @__PURE__ */ r.jsx("div", { className: m(o.listOptions, e && o.disabled), ...s, children: t });
14
- function A(t, e = 300) {
15
- let s;
16
- return (...a) => {
17
- clearTimeout(s), s = setTimeout(() => {
18
- t(...a);
19
- }, e);
20
- };
21
- }
22
- const D = (t, e) => {
23
- j(() => {
24
- t && setTimeout(() => {
25
- var s;
26
- (s = e.current) == null || s.focus();
27
- }, 100);
28
- }, [t, e]);
29
- }, O = "_error_1xvr5_1", T = "_card_1xvr5_7", c = {
30
- error: O,
31
- card: T
32
- }, H = ({
33
- title: t,
34
- subtitle: e,
35
- children: s,
36
- errorMessage: a,
37
- ...n
38
- }) => {
39
- const i = S();
40
- u(i);
41
- const d = () => a ? /* @__PURE__ */ r.jsx(
42
- f,
43
- {
44
- className: c.error,
45
- icon: C,
46
- title: h.t("editors.errorTitle"),
47
- message: a
48
- }
49
- ) : s;
50
- return /* @__PURE__ */ r.jsxs(p, { className: c.card, ...n, children: [
51
- /* @__PURE__ */ r.jsx(_, { title: t, subtitle: e }),
52
- /* @__PURE__ */ r.jsx(x, { children: d() })
53
- ] });
54
- };
55
- export {
56
- H as E,
57
- g as I,
58
- k as S,
59
- A as d,
60
- D as u
61
- };
62
- //# sourceMappingURL=EditorCard-B7s7sQ-B.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditorCard-B7s7sQ-B.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n children: React.ReactNode;\n disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n return (\n <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n {children}\n </div>\n );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n fn: T,\n delay = 300,\n): (...args: Parameters<T>) => void {\n let timer: NodeJS.Timeout;\n return (...args: Parameters<T>) => {\n clearTimeout(timer);\n timer = setTimeout(() => {\n fn(...args);\n }, delay);\n };\n}\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n isOpen: boolean,\n searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n useEffect(() => {\n if (isOpen) {\n setTimeout(() => {\n (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n }, 100);\n }\n }, [isOpen, searchFieldRef]);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardContentInfo, CardHeader } from '../../../../../remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n title?: string;\n subtitle?: string;\n children: React.ReactNode;\n errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n title,\n subtitle,\n children,\n errorMessage,\n ...props\n}) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const getDisplay = () => {\n if (errorMessage) {\n return (\n <CardContentInfo\n className={styles.error}\n icon={IconAlertCircle}\n title={i18n.t('editors.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.card} {...props}>\n <CardHeader title={title} subtitle={subtitle} />\n <CardContent>{getDisplay()}</CardContent>\n </Card>\n );\n};\n"],"names":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;ACZG,SAASM,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACVO,MAAMG,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAlB;AAAA,EACA,cAAAmB;AAAA,EACA,GAAGjB;AACL,MAAM;AACJ,QAAMkB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAhB,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWnB,EAAO;AAAA,MAClB,MAAMoB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRnB;AAGT,gCACG2B,GAAA,EAAK,WAAWtB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACyB,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9Cf,gBAAAA,EAAAA,IAAC0B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}
@@ -1,96 +0,0 @@
1
- import { j as s, ao as D, ar as N, as as k, ap as p, aq as q, an as w } from "./component.constants-D59iJ42U.js";
2
- import { useState as d, useRef as B, useEffect as K, useMemo as P } from "react";
3
- import { u as T, d as z, I as A, S as G } from "./EditorCard-B7s7sQ-B.js";
4
- const H = "_selectField_73cni_1", J = {
5
- selectField: H
6
- }, V = ({
7
- value: t = "",
8
- startIcon: F,
9
- options: a,
10
- disabled: o,
11
- placeholder: C,
12
- isSearchable: u,
13
- isClearable: S,
14
- isLoading: f,
15
- noOptionsMessage: g = "No options available",
16
- onChange: v,
17
- onSearch: l,
18
- error: L = !1,
19
- errorMessage: n
20
- }) => {
21
- const [x, O] = d(!1), [m, b] = d(""), [y, c] = d(t), j = B(null);
22
- T(x, j), K(() => {
23
- if (!t) {
24
- c("");
25
- return;
26
- }
27
- const e = a.find((r) => r.value === t);
28
- e && c(e.label);
29
- }, [t, a]);
30
- const i = P(() => l ? z(l) : void 0, [l]), E = u && !l ? a.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : a, h = (e) => {
31
- if (b(""), v(e ?? ""), l == null || l(""), e === "")
32
- c("");
33
- else {
34
- const r = a.find((_) => _.value === e);
35
- r && c(r.label);
36
- }
37
- }, I = (e) => {
38
- b(e), i == null || i(e);
39
- }, R = L || !!n;
40
- return /* @__PURE__ */ s.jsxs("div", { className: J.selectField, children: [
41
- /* @__PURE__ */ s.jsx(
42
- D,
43
- {
44
- open: x,
45
- onOpenChange: O,
46
- disabled: o,
47
- triggerComponent: /* @__PURE__ */ s.jsx(
48
- q,
49
- {
50
- startIcon: F,
51
- "aria-label": "Select option",
52
- placeholder: C,
53
- disabled: o,
54
- valueLabel: y,
55
- onClear: () => h(""),
56
- isClearable: S,
57
- isLoading: f,
58
- error: R
59
- }
60
- ),
61
- children: /* @__PURE__ */ s.jsxs(N, { children: [
62
- u && /* @__PURE__ */ s.jsx(
63
- k,
64
- {
65
- ref: j,
66
- startIcon: A,
67
- "aria-label": "Search options",
68
- placeholder: "Search…",
69
- role: "searchbox",
70
- value: m,
71
- onKeyDown: (e) => e.stopPropagation(),
72
- onChange: I
73
- }
74
- ),
75
- /* @__PURE__ */ s.jsxs(G, { disabled: f, children: [
76
- E.map((e) => /* @__PURE__ */ s.jsx(
77
- p,
78
- {
79
- onClick: () => h(e == null ? void 0 : e.value),
80
- isSelected: e.value === t,
81
- ...e
82
- },
83
- (e == null ? void 0 : e.value) ?? e.label
84
- )),
85
- a.length === 0 && /* @__PURE__ */ s.jsx(p, { disabled: !0, value: "empty", label: g })
86
- ] })
87
- ] })
88
- }
89
- ),
90
- n && /* @__PURE__ */ s.jsx(w, { message: n })
91
- ] });
92
- };
93
- export {
94
- V as S
95
- };
96
- //# sourceMappingURL=SingleSelectField-DXVRxF0n.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleSelectField-DXVRxF0n.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n SelectListOption,\n SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport styles from './SingleSelectField.module.css';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\n\nexport type SingleSelectFieldProps = {\n options: SelectListOptionProps[];\n startIcon?: TablerIcon;\n value?: string;\n disabled?: boolean;\n placeholder?: string;\n isSearchable?: boolean;\n isClearable?: boolean;\n isLoading?: boolean;\n noOptionsMessage?: string;\n onChange: (value: string) => void;\n onSearch?: (search: string) => void;\n error?: boolean;\n errorMessage?: string;\n};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n value = '',\n startIcon,\n options,\n disabled,\n placeholder,\n isSearchable,\n isClearable,\n isLoading,\n noOptionsMessage = 'No options available',\n onChange,\n onSearch,\n error = false,\n errorMessage,\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [searchValue, setSearchValue] = useState<string>('');\n const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n const searchFieldRef = useRef<HTMLInputElement>(null);\n useSelectSearchFocus(isOpen, searchFieldRef);\n\n useEffect(() => {\n if (!value) {\n setSelectedLabel('');\n return;\n }\n\n const option = options.find((opt) => opt.value === value);\n if (option) {\n setSelectedLabel(option.label);\n }\n }, [value, options]);\n\n const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n const displayOptions =\n isSearchable && !onSearch\n ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n : options;\n\n const handleChange = (newValue?: string) => {\n setSearchValue('');\n onChange(newValue ?? '');\n onSearch?.('');\n\n if (newValue === '') {\n setSelectedLabel('');\n } else {\n const option = options.find((opt) => opt.value === newValue);\n if (option) setSelectedLabel(option.label);\n }\n };\n\n const handleSearch = (newSearch: string) => {\n setSearchValue(newSearch);\n debouncedSearch?.(newSearch);\n };\n\n const hasError = error || !!errorMessage;\n\n return (\n <div className={styles.selectField}>\n <Dropdown\n open={isOpen}\n onOpenChange={setIsOpen}\n disabled={disabled}\n triggerComponent={\n <SelectButton\n startIcon={startIcon}\n aria-label=\"Select option\"\n placeholder={placeholder}\n disabled={disabled}\n valueLabel={selectedLabel}\n onClear={() => handleChange('')}\n isClearable={isClearable}\n isLoading={isLoading}\n error={hasError}\n />\n }\n >\n <SelectList>\n {isSearchable && (\n <TextField\n ref={searchFieldRef}\n startIcon={IconSearch}\n aria-label=\"Search options\"\n placeholder=\"Search…\"\n role=\"searchbox\"\n value={searchValue}\n onKeyDown={(e) => e.stopPropagation()}\n onChange={handleSearch}\n />\n )}\n <SelectListOptions disabled={isLoading}>\n {displayOptions.map((option) => (\n <SelectListOption\n key={option?.value ?? option.label}\n onClick={() => handleChange(option?.value)}\n isSelected={option.value === value}\n {...option}\n />\n ))}\n {options.length === 0 && (\n <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n )}\n </SelectListOptions>\n </SelectList>\n </Dropdown>\n {errorMessage && <FieldErrorMessage message={errorMessage} />}\n </div>\n );\n};\n"],"names":["SingleSelectField","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","hasError","jsxs","styles","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","FieldErrorMessage"],"mappings":"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"}
@@ -1,209 +0,0 @@
1
- import { ac as L, j as t, ae as V, ag as w, af as z, ao as U, ar as J, as as K, ap as N, aq as X, an as G, r as H, U as Q } from "./component.constants-D59iJ42U.js";
2
- import { g as W } from "./formatter.utils-DDLdrAl9.js";
3
- import { useTheme as Y } from "@embeddable.com/react";
4
- import { u as Z, d as ee, I as te, S as se, E as le } from "./EditorCard-B7s7sQ-B.js";
5
- import { useState as T, useRef as ae, useEffect as B, useMemo as ne } from "react";
6
- /**
7
- * @license @tabler/icons-react v3.35.0 - MIT
8
- *
9
- * This source code is licensed under the MIT license.
10
- * See the LICENSE file in the root directory of this source tree.
11
- */
12
- const oe = [["path", { d: "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z", key: "svg-0" }]], ce = L("outline", "square", "Square", oe);
13
- /**
14
- * @license @tabler/icons-react v3.35.0 - MIT
15
- *
16
- * This source code is licensed under the MIT license.
17
- * See the LICENSE file in the root directory of this source tree.
18
- */
19
- const ie = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], re = L("filled", "square-check-filled", "SquareCheckFilled", ie), ue = "_icon_14m1u_1", me = "_buttonMedium_14m1u_6", de = "_buttonSmall_14m1u_14", be = "_buttonText_14m1u_22", pe = "_buttonTextMedium_14m1u_26", xe = "_buttonTextSmall_14m1u_35", b = {
20
- icon: ue,
21
- buttonMedium: me,
22
- buttonSmall: de,
23
- buttonText: be,
24
- buttonTextMedium: pe,
25
- buttonTextSmall: xe
26
- }, _e = ({
27
- variant: u,
28
- startIcon: m,
29
- endIcon: n,
30
- children: d,
31
- size: c,
32
- ...o
33
- }) => /* @__PURE__ */ t.jsxs(
34
- V,
35
- {
36
- variant: u,
37
- ...o,
38
- className: c === "medium" ? b.buttonMedium : b.buttonSmall,
39
- size: c,
40
- children: [
41
- m && /* @__PURE__ */ t.jsx(m, { className: b.icon }),
42
- /* @__PURE__ */ t.jsx(
43
- w,
44
- {
45
- as: "span",
46
- className: z(
47
- b.buttonText,
48
- b[`buttonText${c.charAt(0).toUpperCase() + c.slice(1)}`]
49
- ),
50
- children: d
51
- }
52
- ),
53
- n && /* @__PURE__ */ t.jsx(n, { className: b.icon })
54
- ]
55
- }
56
- ), he = "_submitButton_gpe2a_1", fe = "_selectField_gpe2a_5", I = {
57
- submitButton: he,
58
- selectField: fe
59
- }, je = ({
60
- disabled: u,
61
- isClearable: m,
62
- isLoading: n,
63
- isSearchable: d,
64
- noOptionsMessage: c,
65
- options: o,
66
- placeholder: f,
67
- submitLabel: y = "Apply",
68
- values: s = [],
69
- onChange: j,
70
- onSearch: l,
71
- error: p = !1,
72
- errorMessage: x
73
- }) => {
74
- const [S, _] = T(!1), [h, i] = T(""), [r, v] = T(s), [k, M] = T(""), O = ae(null);
75
- Z(S, O), B(() => {
76
- v(s);
77
- }, [JSON.stringify(s)]), B(() => {
78
- if (n)
79
- return;
80
- if (!s || s.length === 0) {
81
- M("");
82
- return;
83
- }
84
- const e = s.map(
85
- (a) => {
86
- var g;
87
- return ((g = o.find((R) => R.value === a)) == null ? void 0 : g.label) ?? a;
88
- }
89
- );
90
- if (e.length > 0) {
91
- const a = e.join(", ");
92
- M(`(${e.length}) ${a}`);
93
- }
94
- }, [s, o, n]);
95
- const F = ne(() => l ? ee(l) : void 0, [l]), C = d && !l ? o.filter((e) => e.label.toLowerCase().includes(h.toLowerCase())) : o, q = r.every((e) => s.includes(e)) && s.every((e) => r.includes(e)), P = (e, a) => {
96
- e.preventDefault(), a && (r.includes(a) ? v(r.filter((g) => g !== a)) : v([...r, a]));
97
- }, D = (e) => {
98
- i(e), F == null || F(e);
99
- }, E = (e) => {
100
- j(e), _(!1), i(""), l == null || l("");
101
- }, $ = () => {
102
- i(""), l == null || l(""), j([]);
103
- }, A = p || !!x;
104
- return /* @__PURE__ */ t.jsxs("div", { className: I.selectField, children: [
105
- /* @__PURE__ */ t.jsx(
106
- U,
107
- {
108
- open: S,
109
- onOpenChange: _,
110
- disabled: u,
111
- triggerComponent: /* @__PURE__ */ t.jsx(
112
- X,
113
- {
114
- "aria-label": "Select options",
115
- placeholder: f,
116
- disabled: u,
117
- valueLabel: k,
118
- onClear: $,
119
- isClearable: m,
120
- isLoading: n,
121
- error: A
122
- }
123
- ),
124
- children: /* @__PURE__ */ t.jsxs(J, { children: [
125
- d && /* @__PURE__ */ t.jsx(
126
- K,
127
- {
128
- ref: O,
129
- startIcon: te,
130
- "aria-label": "Search options",
131
- placeholder: "Search…",
132
- role: "searchbox",
133
- value: h,
134
- onKeyDown: (e) => e.stopPropagation(),
135
- onChange: D
136
- }
137
- ),
138
- /* @__PURE__ */ t.jsxs(se, { disabled: n, children: [
139
- C.map((e) => /* @__PURE__ */ t.jsx(
140
- N,
141
- {
142
- onClick: (a) => P(a, e.value),
143
- startIcon: r.includes(e.value) ? /* @__PURE__ */ t.jsx(re, {}) : /* @__PURE__ */ t.jsx(ce, {}),
144
- ...e
145
- },
146
- (e == null ? void 0 : e.value) ?? e.label
147
- )),
148
- c && C.length === 0 && /* @__PURE__ */ t.jsx(N, { disabled: !0, value: "empty", label: c })
149
- ] }),
150
- /* @__PURE__ */ t.jsx(
151
- _e,
152
- {
153
- className: I.submitButton,
154
- disabled: q || n,
155
- variant: "primary",
156
- size: "medium",
157
- onClick: () => E(r),
158
- role: "button",
159
- children: y
160
- }
161
- )
162
- ] })
163
- }
164
- ),
165
- x && /* @__PURE__ */ t.jsx(G, { message: x })
166
- ] });
167
- }, Se = 200, ge = (u) => {
168
- var _, h;
169
- const m = Y(), n = W(m), {
170
- title: d,
171
- description: c,
172
- dimension: o,
173
- optionalSecondDimension: f,
174
- placeholder: y,
175
- results: s,
176
- selectedValues: j,
177
- setSearchValue: l,
178
- onChange: p
179
- } = H(u), x = ((_ = s.data) == null ? void 0 : _.map((i) => ({
180
- value: f ? i[f.name] : i[o.name],
181
- label: n.data(o, i[o.name])
182
- }))) ?? [], S = !s.isLoading && (((h = s.data) == null ? void 0 : h.length) ?? 0) === 0;
183
- return /* @__PURE__ */ t.jsx(le, { title: d, subtitle: c, children: /* @__PURE__ */ t.jsx(
184
- je,
185
- {
186
- isClearable: !0,
187
- isSearchable: !0,
188
- isLoading: s.isLoading,
189
- values: j ?? [],
190
- options: x,
191
- placeholder: y,
192
- noOptionsMessage: S ? Q.t("common.noOptionsFound") : void 0,
193
- onChange: (i) => p == null ? void 0 : p(i),
194
- onSearch: l
195
- }
196
- ) });
197
- }, Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
198
- __proto__: null,
199
- MAX_OPTIONS: Se,
200
- default: ge
201
- }, Symbol.toStringTag, { value: "Module" }));
202
- export {
203
- _e as B,
204
- Se as M,
205
- ge as a,
206
- je as b,
207
- Oe as i
208
- };
209
- //# sourceMappingURL=index-Ba7NiFTr.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-Ba7NiFTr.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSquare.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquareCheckFilled.mjs","../src/remarkable-ui/shared/Button/Button.tsx","../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z\", \"key\": \"svg-0\" }]];\nconst IconSquare = createReactComponent(\"outline\", \"square\", \"Square\", __iconNode);\n\nexport { __iconNode, IconSquare as default };\n//# sourceMappingURL=IconSquare.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z\", \"key\": \"svg-0\" }]];\nconst IconSquareCheckFilled = createReactComponent(\"filled\", \"square-check-filled\", \"SquareCheckFilled\", __iconNode);\n\nexport { __iconNode, IconSquareCheckFilled as default };\n//# sourceMappingURL=IconSquareCheckFilled.mjs.map\n","import { TablerIcon } from '@tabler/icons-react';\nimport styles from './Button.module.css';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\nimport { Typography } from '../Typography/Typography';\nimport clsx from 'clsx';\n\ntype ButtonProps = BaseButtonProps & {\n startIcon?: TablerIcon;\n endIcon?: TablerIcon;\n children: string;\n size: 'small' | 'medium';\n};\n\nexport const Button: React.FC<ButtonProps> = ({\n variant,\n startIcon: StartIcon,\n endIcon: EndIcon,\n children,\n size,\n ...props\n}) => {\n return (\n <BaseButton\n variant={variant}\n {...props}\n className={size === 'medium' ? styles.buttonMedium : styles.buttonSmall}\n size={size}\n >\n {StartIcon && <StartIcon className={styles.icon} />}\n <Typography\n as=\"span\"\n className={clsx(\n styles.buttonText,\n styles[`buttonText${size.charAt(0).toUpperCase() + size.slice(1)}`],\n )}\n >\n {children}\n </Typography>\n {EndIcon && <EndIcon className={styles.icon} />}\n </BaseButton>\n );\n};\n","import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n SelectListOption,\n SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport { IconSearch, IconSquare, IconSquareCheckFilled } from '@tabler/icons-react';\nimport { Button } from '../../../shared/Button/Button';\nimport styles from './MultiSelectField.module.css';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\n\nexport type MultiSelectFieldProps = {\n disabled?: boolean;\n isClearable?: boolean;\n isLoading?: boolean;\n isSearchable?: boolean;\n noOptionsMessage?: string;\n options: SelectListOptionProps[];\n placeholder?: string;\n submitLabel?: string;\n values?: string[];\n onChange: (value: string[]) => void;\n onSearch?: (search: string) => void;\n error?: boolean;\n errorMessage?: string;\n};\n\nexport const MultiSelectField: FC<MultiSelectFieldProps> = ({\n disabled,\n isClearable,\n isLoading,\n isSearchable,\n noOptionsMessage,\n options,\n placeholder,\n submitLabel = 'Apply',\n values = [],\n onChange,\n onSearch,\n error = false,\n errorMessage,\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [searchValue, setSearchValue] = useState<string>('');\n const [preValues, setPreValues] = useState<string[]>(values);\n const [selectedLabel, setSelectedLabel] = useState<string>('');\n\n const searchFieldRef = useRef<HTMLInputElement>(null);\n useSelectSearchFocus(isOpen, searchFieldRef);\n\n useEffect(() => {\n setPreValues(values);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(values)]);\n\n useEffect(() => {\n if (isLoading) {\n return;\n }\n\n if (!values || values.length === 0) {\n setSelectedLabel('');\n return;\n }\n const selectedOptions = values.map(\n (value) => options.find((o) => o.value === value)?.label ?? value,\n );\n\n if (selectedOptions.length > 0) {\n const newLabel = selectedOptions.join(', ');\n setSelectedLabel(`(${selectedOptions.length}) ${newLabel}`);\n }\n }, [values, options, isLoading]);\n\n const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n const displayOptions =\n isSearchable && !onSearch\n ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n : options;\n\n const isSubmitDisabled =\n preValues.every((preValue) => values.includes(preValue)) &&\n values.every((value) => preValues.includes(value));\n\n const handleSelectOption = (\n e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n newValue?: string,\n ) => {\n e.preventDefault();\n\n if (!newValue) return;\n\n if (preValues.includes(newValue)) {\n setPreValues(preValues.filter((v) => v !== newValue));\n } else {\n setPreValues([...preValues, newValue]);\n }\n };\n\n const handleSearch = (newSearch: string) => {\n setSearchValue(newSearch);\n debouncedSearch?.(newSearch);\n };\n\n const handleSave = (newValues: string[]) => {\n onChange(newValues);\n setIsOpen(false);\n setSearchValue('');\n onSearch?.('');\n };\n\n const handleClearAll = () => {\n setSearchValue('');\n onSearch?.('');\n onChange([]);\n };\n\n const hasError = error || !!errorMessage;\n\n return (\n <div className={styles.selectField}>\n <Dropdown\n open={isOpen}\n onOpenChange={setIsOpen}\n disabled={disabled}\n triggerComponent={\n <SelectButton\n aria-label=\"Select options\"\n placeholder={placeholder}\n disabled={disabled}\n valueLabel={selectedLabel}\n onClear={handleClearAll}\n isClearable={isClearable}\n isLoading={isLoading}\n error={hasError}\n />\n }\n >\n <SelectList>\n {isSearchable && (\n <TextField\n ref={searchFieldRef}\n startIcon={IconSearch}\n aria-label=\"Search options\"\n placeholder=\"Search…\"\n role=\"searchbox\"\n value={searchValue}\n onKeyDown={(e) => e.stopPropagation()}\n onChange={handleSearch}\n />\n )}\n <SelectListOptions disabled={isLoading}>\n {displayOptions.map((option) => (\n <SelectListOption\n key={option?.value ?? option.label}\n onClick={(e) => handleSelectOption(e, option.value)}\n startIcon={\n preValues.includes(option.value!) ? <IconSquareCheckFilled /> : <IconSquare />\n }\n {...option}\n />\n ))}\n {noOptionsMessage && displayOptions.length === 0 && (\n <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n )}\n </SelectListOptions>\n <Button\n className={styles.submitButton}\n disabled={isSubmitDisabled || isLoading}\n variant=\"primary\"\n size=\"medium\"\n onClick={() => handleSave(preValues)}\n role=\"button\"\n >\n {submitLabel}\n </Button>\n </SelectList>\n </Dropdown>\n {errorMessage && <FieldErrorMessage message={errorMessage} />}\n </div>\n );\n};\n","import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '../../../../remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n title?: string;\n description?: string;\n dimension: Dimension;\n optionalSecondDimension?: Dimension;\n placeholder?: string;\n results: DataResponse;\n selectedValues: string[];\n maxOptions?: number;\n setSearchValue: (search: string) => void;\n onChange?: (newValues: string[]) => void;\n};\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n const theme: Theme = useTheme() as Theme;\n const themeFormatter = getThemeFormatter(theme);\n const {\n title,\n description,\n dimension,\n optionalSecondDimension,\n placeholder,\n results,\n selectedValues,\n setSearchValue,\n onChange,\n } = resolveI18nProps(props);\n\n const options =\n results.data?.map((data) => {\n return {\n value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n label: themeFormatter.data(dimension, data[dimension.name]),\n };\n }) ?? [];\n\n const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n return (\n <EditorCard title={title} subtitle={description}>\n <MultiSelectField\n isClearable\n isSearchable\n isLoading={results.isLoading}\n values={selectedValues ?? []}\n options={options}\n placeholder={placeholder}\n noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n onChange={(newValues) => onChange?.(newValues)}\n onSearch={setSearchValue}\n />\n </EditorCard>\n );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["__iconNode","IconSquare","createReactComponent","IconSquareCheckFilled","Button","variant","StartIcon","EndIcon","children","size","props","jsxs","BaseButton","styles","jsx","Typography","clsx","MultiSelectField","disabled","isClearable","isLoading","isSearchable","noOptionsMessage","options","placeholder","submitLabel","values","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","preValues","setPreValues","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","selectedOptions","value","_a","o","newLabel","debouncedSearch","useMemo","debounce","displayOptions","option","isSubmitDisabled","preValue","handleSelectOption","newValue","v","handleSearch","newSearch","handleSave","newValues","handleClearAll","hasError","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","e","FieldErrorMessage","MAX_OPTIONS","MultiSelectFieldPro","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","results","selectedValues","resolveI18nProps","data","showNoOptionsMessage","_b","EditorCard","i18n"],"mappings":"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","x_google_ignoreList":[0,1]}