@reportportal/ui-kit 0.0.1-alpha.198 → 0.0.1-alpha.199
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/systemAlert.js +69 -53
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
|
-
*/._filter-item_b9lbt_16{display:flex;align-items:center;gap:8px;width:fit-content;max-width:210px;padding:1px 12px 1px 16px;border:1px solid var(--rp-ui-color-field-border);border-radius:40px;background-color:var(--rp-ui-base-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._filter-item_b9lbt_16:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-primary-hover)}._filter-item_b9lbt_16._selected_b9lbt_32{background-color:var(--rp-ui-base-topaz);color:var(--rp-ui-color-field-bg);border-color:transparent}._filter-item_b9lbt_16._selected_b9lbt_32 ._actions-button_b9lbt_37 svg path{fill:var(--rp-ui-color-field-bg)}._filter-item_b9lbt_16._selected_b9lbt_32:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-field-bg);background-color:var(--rp-ui-base-topaz);border-color:var(--rp-ui-base-topaz-hover)}._filter-item_b9lbt_16._disabled_b9lbt_29{border-color:var(--rp-ui-color-field-border-3-disabled);color:var(--rp-ui-color-disabled);opacity:.6}._filter-item_b9lbt_16:focus{outline:none}._filter-item_b9lbt_16:focus-visible:not(._disabled_b9lbt_29){border-color:var(--rp-ui-color-primary-focused);box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._caption-wrapper_b9lbt_58{flex:0 1 auto;font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._filters-icon-container_1ytvw_16{all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-width:40px;border-radius:20px;cursor:pointer}._filters-icon-container_1ytvw_16:focus-visible{outline:2px solid var(--rp-ui-base-topaz-focused)}._filters-icon-container_1ytvw_16:disabled{cursor:not-allowed;opacity:.6}._filters-icon-container_1ytvw_16:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-400)}._filters-icon-container_1ytvw_16._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._opened_1ytvw_37:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43{gap:8px;padding:8px 12px;background-color:var(--rp-ui-base-bg-200)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filters-count_1ytvw_51{font-size:13px;line-height:20px;color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-hover)}._filter-icon_1ytvw_34{display:flex}._filter-icon_1ytvw_34 svg{width:16px;height:16px}._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-300)}._clear-wrapper_1ytvw_86{width:24px;height:24px;border-left:1px solid var(--rp-ui-base-sm-info-line-100);display:flex;align-items:center;justify-content:flex-end}._icon_1ytvw_95,._clear-icon_1ytvw_95{display:inline-block;width:16px;height:16px}._clear-icon_1ytvw_95{background:none;border:none;padding:0;font:inherit;outline:none;cursor:pointer}._clear-icon_1ytvw_95 svg>path{fill:var(--rp-ui-color-field-icon)}._clear-icon_1ytvw_95._disabled_1ytvw_112{pointer-events:none}._clear-icon_1ytvw_95:hover svg>path{fill:var(--rp-ui-color-field-hover-2)}._clear-icon_1ytvw_95:focus svg>path{fill:var(--rp-ui-color-primary-focused)}._clear-icon_1ytvw_95:active svg>path{fill:var(--rp-ui-color-primary-pressed)}._issue-list_ypfdt_16{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;flex-wrap:nowrap;position:relative}._issue-list_ypfdt_16._expanded_ypfdt_25{flex-wrap:wrap;overflow:visible}._issue_ypfdt_16{display:inline-flex;max-width:100%;flex-shrink:0}._counter-wrapper_ypfdt_36{flex-shrink:0;display:inline-flex;width:fit-content}._counter_ypfdt_36{flex-shrink:0;display:inline-flex;min-width:32px;align-items:center;justify-content:center}._tooltip-wrapper_ypfdt_50{display:inline-flex;width:100%}._hidden_ypfdt_55{visibility:hidden;position:absolute;pointer-events:none}._ellipsis_ypfdt_61{flex-shrink:1;min-width:0;overflow:hidden}._modal-content_ppzcb_1{width:100%;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1mwne_1{display:flex;align-items:center;column-gap:10px}._button-container_1mwne_7{display:inline-block;min-width:70px}._modal-footer_1mwne_12{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1mwne_12._with-extra-node_1mwne_19{justify-content:space-between}._size-small_1mwne_23{flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._buttons-block_1mwne_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._button-container_1mwne_7{margin:0 0 10px}._size-small_1mwne_23 ._button-container_1mwne_7:last-child{margin-bottom:0}._modal-header_w4aaf_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_w4aaf_1._width-description_w4aaf_10{padding-bottom:8px}._modal-header-content_w4aaf_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_w4aaf_20{font-family:var(--rp-ui-base-font-family-heading);flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_w4aaf_29{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_35896_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center;overflow:hidden}._overlay-default_35896_12{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_35896_16{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_35896_20{position:fixed;width:100%;height:100%}._modal-window_35896_26{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_35896_43{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._scrollable-wrapper_35896_54{margin-right:-12px}._scrollable-content_35896_58{padding-right:12px}._size-default_35896_62{width:480px}@media (max-width: 480px){._size-default_35896_62{right:10px;left:10px;transform:none;width:auto}}._size-small_35896_74{width:320px}@media (max-width: 320px){._size-small_35896_74{right:10px;left:10px;transform:none;width:auto}}._size-large_35896_86{width:720px}@media (max-width: 720px){._size-large_35896_86{right:10px;left:10px;transform:none;width:auto}}._popover-wrapper_n3nff_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_n3nff_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_n3nff_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:var(--rp-ui-base-fw-bold);font-size:13px;line-height:20px;margin-bottom:8px}._segmented-control_8evzz_16{display:inline-flex;box-sizing:border-box;gap:4px;padding:2px;border-radius:6px;background-color:var(--rp-ui-color-bg-3)}._segmented-control_8evzz_16._full-width_8evzz_24{width:100%;display:flex}._button_8evzz_29{display:inline-flex;flex:1;box-sizing:border-box;gap:8px;padding:8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--rp-ui-color-text);font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease}._button_8evzz_29:hover:not(._disabled_8evzz_50):not(._active_8evzz_50){background-color:var(--rp-ui-color-field-hover);color:var(--rp-ui-color-text)}._button_8evzz_29._active_8evzz_50{background-color:var(--rp-ui-color-field-bg);color:var(--rp-ui-color-text);border-radius:4px;box-shadow:0 1px 3px #3743621a}._button_8evzz_29:focus-visible:not(._disabled_8evzz_50){border-color:var(--rp-ui-color-primary-focused);outline:none;box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._button_8evzz_29._disabled_8evzz_50{cursor:not-allowed;opacity:.5;color:var(--rp-ui-base-e-300)}._button_8evzz_29._disabled_8evzz_50:hover{background-color:transparent}._icon_8evzz_74{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}._side-panel-overlay_5ebdz_1{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._side-panel-overlay_5ebdz_1._active_5ebdz_11{opacity:1;pointer-events:auto}._overlay-default_5ebdz_16{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_5ebdz_20{background-color:var(--rp-ui-base-overlay-light-cyan)}._side-panel_5ebdz_1{position:fixed;display:flex;flex-direction:column;width:max-content;min-width:320px;max-width:700px;height:100vh;background-color:var(--rp-ui-base-bg-100);box-shadow:var(--rp-ui-base-shadow-secondary);overflow:hidden;transition:transform .3s ease-in-out;pointer-events:none}._side-panel_5ebdz_1._active_5ebdz_11{pointer-events:auto}._side-right_5ebdz_42{right:0;transform:translate(100%)}._side-right_5ebdz_42._active_5ebdz_11{transform:translate(0)}._side-left_5ebdz_50{left:0;transform:translate(-100%)}._side-left_5ebdz_50._active_5ebdz_11{transform:translate(0)}._header-section_5ebdz_58{flex-shrink:0;margin-bottom:16px}._header-section_5ebdz_58._compact_5ebdz_62{margin-bottom:8px}._header_5ebdz_58{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rp-ui-base-border-100)}._header_5ebdz_58>:first-child{flex:1}._header-content_5ebdz_78{flex:1}._close-button_5ebdz_82{flex-shrink:0;width:32px;height:32px}._title_5ebdz_88{font-size:20px;line-height:31px;font-family:var(--rp-ui-base-font-family-heading);color:var(--rp-ui-base-almost-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}._description_5ebdz_99{margin:8px 0 0;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:var(--rp-ui-base-font-size-md);line-height:var(--rp-ui-base-lh-md);color:var(--rp-ui-base-almost-black)}._content_5ebdz_108{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}._footer_5ebdz_115{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--rp-ui-base-border-100)}._divider_5ebdz_121{flex-shrink:0;height:1px;background-color:var(--rp-ui-base-e-100)}._sortable-item_1l4xp_16{position:relative;width:100%;transition:opacity .2s ease;--sortable-gap: 8px}._sortable-item--horizontal_1l4xp_22{width:fit-content}._sortable-item--drop-target-top_1l4xp_25:before{content:"";position:absolute;top:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(-50%);pointer-events:none}._sortable-item--drop-target-bottom_1l4xp_38:after{content:"";position:absolute;bottom:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(50%);pointer-events:none}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-top_1l4xp_25:before{display:block;position:static;top:auto;margin-bottom:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-bottom_1l4xp_38:after{display:block;position:static;bottom:auto;margin-top:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--drop-target-left_1l4xp_67:before{content:"";position:absolute;top:0;left:calc(var(--sortable-gap) / -2 - 1px);border-left:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._sortable-item--drop-target-right_1l4xp_77:after{content:"";position:absolute;top:0;right:calc(var(--sortable-gap) / -2 - 1px);border-right:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._drag-handle_1l4xp_88{cursor:grab;touch-action:none}._drag-handle_1l4xp_88:active{cursor:grabbing}._drag-handle--disabled_1l4xp_95{cursor:not-allowed;opacity:.5}._drag-layer_1izcx_1{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}._drag-preview_1izcx_11{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:376px;height:52px;padding-left:12px;background-color:var(--rp-ui-base-bg-000);border:1px solid var(--rp-ui-color-field-border);border-radius:4px;box-shadow:0 4px 12px #00000026;font-size:13px;font-weight:500;color:var(--rp-ui-base-almost-black);white-space:nowrap}._drag-preview_1izcx_11 svg{width:16px;height:16px}._drag-preview_1izcx_11 svg path{fill:var(--rp-ui-color-field-icon)}._drop-confirmation-popover_ie1p0_16{position:fixed;transform:translate(-50%,-100%);margin-bottom:8px;z-index:1000;display:flex;flex-direction:column;width:160px;min-width:120px;max-width:480px;padding:8px 0;background-color:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:0 8px 20px #00000026}._drop-confirmation-popover--before_ie1p0_31{transform:translate(-50%,-110%);margin-bottom:0}._drop-confirmation-popover--after_ie1p0_35{transform:translate(-50%);margin-top:8px;margin-bottom:0}._drop-confirmation-popover--inside_ie1p0_40{transform:translate(-50%,-108%);margin-bottom:0}._drop-confirmation-popover_ie1p0_16:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--rp-ui-base-bg-000);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._drop-confirmation-popover--after_ie1p0_35:after{top:-8px;left:50%;bottom:auto;border-top:none;border-bottom:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover--inside_ie1p0_40:after{bottom:-8px;border-top:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover__button_ie1p0_68{display:block;width:100%;padding:8px 16px;border:none;border-radius:3px;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--rp-ui-base-almost-black);transition:background-color .15s ease}._drop-confirmation-popover__button_ie1p0_68:hover{background-color:var(--rp-ui-base-bg-200)}._drop-confirmation-popover__divider_ie1p0_84{display:block;height:1px;margin:5px 16px;background:var(--rp-ui-divider-bg)}._tree-sortable-item_xdaea_16{position:relative;transition:opacity .2s ease}._tree-sortable-item--dragging_xdaea_20{opacity:.5}._tree-sortable-item--pending_xdaea_23{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}._tree-sortable-item--drop-before_xdaea_29:before{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;top:0}._tree-sortable-item--drop-after_xdaea_40:after{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;bottom:0}._tree-sortable-item--drop-inside_xdaea_51{position:relative}._tree-sortable-item--drop-inside_xdaea_51:before{content:"";position:absolute;top:0;left:var(--tree-item-indent, 0);right:0;bottom:0;border:2px dashed var(--rp-ui-color-primary-focused);border-radius:4px;background-color:var(--rp-ui-base-topaz-100);pointer-events:none;z-index:1}._tree-sortable-item--drop-inside_xdaea_51 ._tree-sortable-item_xdaea_16:before{display:none}._system-alert_jbf1d_1{display:flex;box-sizing:border-box;width:600px;padding:16px;gap:16px;border-radius:16px;justify-content:space-between;box-shadow:var(--rp-ui-base-shadow-secondary)}._system-alert--black_jbf1d_11 svg path{fill:var(--rp-ui-base-almost-black)!important}._system-alert_jbf1d_1._error_jbf1d_14{background-color:var(--rp-ui-base-sm-error)}._system-alert_jbf1d_1._success_jbf1d_17{background-color:var(--rp-ui-base-test-execution-status-passed)}._system-alert_jbf1d_1._info_jbf1d_20{background-color:var(--rp-ui-base-no-defect-bug-group)}._system-alert_jbf1d_1._warning_jbf1d_23{background-color:var(--rp-ui-base-defect-type-AB)}._system-alert_jbf1d_1 ._icon-wrapper_jbf1d_26{width:20px;height:24px;display:grid;place-content:center}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32{display:flex;gap:16px;flex-direction:column;flex:1}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title_jbf1d_38{text-align:start;font-family:var(--rp-ui-base-font-family);font-size:15px;line-height:24px;font-weight:var(--rp-ui-base-fw-semi-bold);display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title--white_jbf1d_50{color:var(--rp-ui-base-bg-000)}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title--black_jbf1d_53{color:var(--rp-ui-base-almost-black)}._system-alert_jbf1d_1 ._close-button_jbf1d_56{background:none;border:none;width:24px;height:24px;cursor:pointer}._system-alert_jbf1d_1 ._close-button_jbf1d_56 svg path{fill:var(--rp-ui-base-bg-000)}._tooltip-wrapper_1n6ya_16{display:block;width:100%;height:fit-content;cursor:pointer}._tooltip-wrapper_1n6ya_16:focus-visible{outline:2px auto var(--rp-ui-base-topaz-focused)}._tooltip-content_1n6ya_26{font-size:11px;line-height:16px;padding:16px;border-radius:8px;background-color:var(--rp-ui-base-tooltip-bg);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%}
|
|
15
|
+
*/._filter-item_b9lbt_16{display:flex;align-items:center;gap:8px;width:fit-content;max-width:210px;padding:1px 12px 1px 16px;border:1px solid var(--rp-ui-color-field-border);border-radius:40px;background-color:var(--rp-ui-base-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._filter-item_b9lbt_16:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-primary-hover)}._filter-item_b9lbt_16._selected_b9lbt_32{background-color:var(--rp-ui-base-topaz);color:var(--rp-ui-color-field-bg);border-color:transparent}._filter-item_b9lbt_16._selected_b9lbt_32 ._actions-button_b9lbt_37 svg path{fill:var(--rp-ui-color-field-bg)}._filter-item_b9lbt_16._selected_b9lbt_32:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-field-bg);background-color:var(--rp-ui-base-topaz);border-color:var(--rp-ui-base-topaz-hover)}._filter-item_b9lbt_16._disabled_b9lbt_29{border-color:var(--rp-ui-color-field-border-3-disabled);color:var(--rp-ui-color-disabled);opacity:.6}._filter-item_b9lbt_16:focus{outline:none}._filter-item_b9lbt_16:focus-visible:not(._disabled_b9lbt_29){border-color:var(--rp-ui-color-primary-focused);box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._caption-wrapper_b9lbt_58{flex:0 1 auto;font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._filters-icon-container_1ytvw_16{all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-width:40px;border-radius:20px;cursor:pointer}._filters-icon-container_1ytvw_16:focus-visible{outline:2px solid var(--rp-ui-base-topaz-focused)}._filters-icon-container_1ytvw_16:disabled{cursor:not-allowed;opacity:.6}._filters-icon-container_1ytvw_16:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-400)}._filters-icon-container_1ytvw_16._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._opened_1ytvw_37:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43{gap:8px;padding:8px 12px;background-color:var(--rp-ui-base-bg-200)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filters-count_1ytvw_51{font-size:13px;line-height:20px;color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-hover)}._filter-icon_1ytvw_34{display:flex}._filter-icon_1ytvw_34 svg{width:16px;height:16px}._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-300)}._clear-wrapper_1ytvw_86{width:24px;height:24px;border-left:1px solid var(--rp-ui-base-sm-info-line-100);display:flex;align-items:center;justify-content:flex-end}._icon_1ytvw_95,._clear-icon_1ytvw_95{display:inline-block;width:16px;height:16px}._clear-icon_1ytvw_95{background:none;border:none;padding:0;font:inherit;outline:none;cursor:pointer}._clear-icon_1ytvw_95 svg>path{fill:var(--rp-ui-color-field-icon)}._clear-icon_1ytvw_95._disabled_1ytvw_112{pointer-events:none}._clear-icon_1ytvw_95:hover svg>path{fill:var(--rp-ui-color-field-hover-2)}._clear-icon_1ytvw_95:focus svg>path{fill:var(--rp-ui-color-primary-focused)}._clear-icon_1ytvw_95:active svg>path{fill:var(--rp-ui-color-primary-pressed)}._issue-list_ypfdt_16{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;flex-wrap:nowrap;position:relative}._issue-list_ypfdt_16._expanded_ypfdt_25{flex-wrap:wrap;overflow:visible}._issue_ypfdt_16{display:inline-flex;max-width:100%;flex-shrink:0}._counter-wrapper_ypfdt_36{flex-shrink:0;display:inline-flex;width:fit-content}._counter_ypfdt_36{flex-shrink:0;display:inline-flex;min-width:32px;align-items:center;justify-content:center}._tooltip-wrapper_ypfdt_50{display:inline-flex;width:100%}._hidden_ypfdt_55{visibility:hidden;position:absolute;pointer-events:none}._ellipsis_ypfdt_61{flex-shrink:1;min-width:0;overflow:hidden}._modal-content_ppzcb_1{width:100%;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1mwne_1{display:flex;align-items:center;column-gap:10px}._button-container_1mwne_7{display:inline-block;min-width:70px}._modal-footer_1mwne_12{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1mwne_12._with-extra-node_1mwne_19{justify-content:space-between}._size-small_1mwne_23{flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._buttons-block_1mwne_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._button-container_1mwne_7{margin:0 0 10px}._size-small_1mwne_23 ._button-container_1mwne_7:last-child{margin-bottom:0}._modal-header_w4aaf_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_w4aaf_1._width-description_w4aaf_10{padding-bottom:8px}._modal-header-content_w4aaf_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_w4aaf_20{font-family:var(--rp-ui-base-font-family-heading);flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_w4aaf_29{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_35896_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center;overflow:hidden}._overlay-default_35896_12{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_35896_16{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_35896_20{position:fixed;width:100%;height:100%}._modal-window_35896_26{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_35896_43{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._scrollable-wrapper_35896_54{margin-right:-12px}._scrollable-content_35896_58{padding-right:12px}._size-default_35896_62{width:480px}@media (max-width: 480px){._size-default_35896_62{right:10px;left:10px;transform:none;width:auto}}._size-small_35896_74{width:320px}@media (max-width: 320px){._size-small_35896_74{right:10px;left:10px;transform:none;width:auto}}._size-large_35896_86{width:720px}@media (max-width: 720px){._size-large_35896_86{right:10px;left:10px;transform:none;width:auto}}._popover-wrapper_n3nff_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_n3nff_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_n3nff_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:var(--rp-ui-base-fw-bold);font-size:13px;line-height:20px;margin-bottom:8px}._segmented-control_8evzz_16{display:inline-flex;box-sizing:border-box;gap:4px;padding:2px;border-radius:6px;background-color:var(--rp-ui-color-bg-3)}._segmented-control_8evzz_16._full-width_8evzz_24{width:100%;display:flex}._button_8evzz_29{display:inline-flex;flex:1;box-sizing:border-box;gap:8px;padding:8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--rp-ui-color-text);font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease}._button_8evzz_29:hover:not(._disabled_8evzz_50):not(._active_8evzz_50){background-color:var(--rp-ui-color-field-hover);color:var(--rp-ui-color-text)}._button_8evzz_29._active_8evzz_50{background-color:var(--rp-ui-color-field-bg);color:var(--rp-ui-color-text);border-radius:4px;box-shadow:0 1px 3px #3743621a}._button_8evzz_29:focus-visible:not(._disabled_8evzz_50){border-color:var(--rp-ui-color-primary-focused);outline:none;box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._button_8evzz_29._disabled_8evzz_50{cursor:not-allowed;opacity:.5;color:var(--rp-ui-base-e-300)}._button_8evzz_29._disabled_8evzz_50:hover{background-color:transparent}._icon_8evzz_74{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}._side-panel-overlay_5ebdz_1{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._side-panel-overlay_5ebdz_1._active_5ebdz_11{opacity:1;pointer-events:auto}._overlay-default_5ebdz_16{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_5ebdz_20{background-color:var(--rp-ui-base-overlay-light-cyan)}._side-panel_5ebdz_1{position:fixed;display:flex;flex-direction:column;width:max-content;min-width:320px;max-width:700px;height:100vh;background-color:var(--rp-ui-base-bg-100);box-shadow:var(--rp-ui-base-shadow-secondary);overflow:hidden;transition:transform .3s ease-in-out;pointer-events:none}._side-panel_5ebdz_1._active_5ebdz_11{pointer-events:auto}._side-right_5ebdz_42{right:0;transform:translate(100%)}._side-right_5ebdz_42._active_5ebdz_11{transform:translate(0)}._side-left_5ebdz_50{left:0;transform:translate(-100%)}._side-left_5ebdz_50._active_5ebdz_11{transform:translate(0)}._header-section_5ebdz_58{flex-shrink:0;margin-bottom:16px}._header-section_5ebdz_58._compact_5ebdz_62{margin-bottom:8px}._header_5ebdz_58{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rp-ui-base-border-100)}._header_5ebdz_58>:first-child{flex:1}._header-content_5ebdz_78{flex:1}._close-button_5ebdz_82{flex-shrink:0;width:32px;height:32px}._title_5ebdz_88{font-size:20px;line-height:31px;font-family:var(--rp-ui-base-font-family-heading);color:var(--rp-ui-base-almost-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}._description_5ebdz_99{margin:8px 0 0;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:var(--rp-ui-base-font-size-md);line-height:var(--rp-ui-base-lh-md);color:var(--rp-ui-base-almost-black)}._content_5ebdz_108{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}._footer_5ebdz_115{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--rp-ui-base-border-100)}._divider_5ebdz_121{flex-shrink:0;height:1px;background-color:var(--rp-ui-base-e-100)}._sortable-item_1l4xp_16{position:relative;width:100%;transition:opacity .2s ease;--sortable-gap: 8px}._sortable-item--horizontal_1l4xp_22{width:fit-content}._sortable-item--drop-target-top_1l4xp_25:before{content:"";position:absolute;top:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(-50%);pointer-events:none}._sortable-item--drop-target-bottom_1l4xp_38:after{content:"";position:absolute;bottom:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(50%);pointer-events:none}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-top_1l4xp_25:before{display:block;position:static;top:auto;margin-bottom:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-bottom_1l4xp_38:after{display:block;position:static;bottom:auto;margin-top:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--drop-target-left_1l4xp_67:before{content:"";position:absolute;top:0;left:calc(var(--sortable-gap) / -2 - 1px);border-left:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._sortable-item--drop-target-right_1l4xp_77:after{content:"";position:absolute;top:0;right:calc(var(--sortable-gap) / -2 - 1px);border-right:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._drag-handle_1l4xp_88{cursor:grab;touch-action:none}._drag-handle_1l4xp_88:active{cursor:grabbing}._drag-handle--disabled_1l4xp_95{cursor:not-allowed;opacity:.5}._drag-layer_1izcx_1{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}._drag-preview_1izcx_11{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:376px;height:52px;padding-left:12px;background-color:var(--rp-ui-base-bg-000);border:1px solid var(--rp-ui-color-field-border);border-radius:4px;box-shadow:0 4px 12px #00000026;font-size:13px;font-weight:500;color:var(--rp-ui-base-almost-black);white-space:nowrap}._drag-preview_1izcx_11 svg{width:16px;height:16px}._drag-preview_1izcx_11 svg path{fill:var(--rp-ui-color-field-icon)}._drop-confirmation-popover_ie1p0_16{position:fixed;transform:translate(-50%,-100%);margin-bottom:8px;z-index:1000;display:flex;flex-direction:column;width:160px;min-width:120px;max-width:480px;padding:8px 0;background-color:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:0 8px 20px #00000026}._drop-confirmation-popover--before_ie1p0_31{transform:translate(-50%,-110%);margin-bottom:0}._drop-confirmation-popover--after_ie1p0_35{transform:translate(-50%);margin-top:8px;margin-bottom:0}._drop-confirmation-popover--inside_ie1p0_40{transform:translate(-50%,-108%);margin-bottom:0}._drop-confirmation-popover_ie1p0_16:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--rp-ui-base-bg-000);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._drop-confirmation-popover--after_ie1p0_35:after{top:-8px;left:50%;bottom:auto;border-top:none;border-bottom:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover--inside_ie1p0_40:after{bottom:-8px;border-top:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover__button_ie1p0_68{display:block;width:100%;padding:8px 16px;border:none;border-radius:3px;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--rp-ui-base-almost-black);transition:background-color .15s ease}._drop-confirmation-popover__button_ie1p0_68:hover{background-color:var(--rp-ui-base-bg-200)}._drop-confirmation-popover__divider_ie1p0_84{display:block;height:1px;margin:5px 16px;background:var(--rp-ui-divider-bg)}._tree-sortable-item_xdaea_16{position:relative;transition:opacity .2s ease}._tree-sortable-item--dragging_xdaea_20{opacity:.5}._tree-sortable-item--pending_xdaea_23{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}._tree-sortable-item--drop-before_xdaea_29:before{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;top:0}._tree-sortable-item--drop-after_xdaea_40:after{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;bottom:0}._tree-sortable-item--drop-inside_xdaea_51{position:relative}._tree-sortable-item--drop-inside_xdaea_51:before{content:"";position:absolute;top:0;left:var(--tree-item-indent, 0);right:0;bottom:0;border:2px dashed var(--rp-ui-color-primary-focused);border-radius:4px;background-color:var(--rp-ui-base-topaz-100);pointer-events:none;z-index:1}._tree-sortable-item--drop-inside_xdaea_51 ._tree-sortable-item_xdaea_16:before{display:none}._system-alert_4435u_1{display:flex;box-sizing:border-box;min-width:100%;max-width:600px;padding:16px;gap:16px;border-radius:16px;justify-content:space-between;box-shadow:var(--rp-ui-base-shadow-secondary)}._system-alert--black_4435u_12 svg path{fill:var(--rp-ui-base-almost-black)!important}._system-alert_4435u_1._error_4435u_15{background-color:var(--rp-ui-base-sm-error)}._system-alert_4435u_1._success_4435u_18{background-color:var(--rp-ui-base-test-execution-status-passed)}._system-alert_4435u_1._info_4435u_21{background-color:var(--rp-ui-base-no-defect-bug-group)}._system-alert_4435u_1._warning_4435u_24{background-color:var(--rp-ui-base-defect-type-AB)}._system-alert_4435u_1 ._icon-wrapper_4435u_27{width:20px;height:24px;display:grid;place-content:center}._system-alert_4435u_1 ._content-wrapper_4435u_33{display:flex;gap:16px;flex-direction:column;flex:1;min-width:0}._system-alert_4435u_1 ._content-wrapper_4435u_33 ._title_4435u_40{text-align:start;font-family:var(--rp-ui-base-font-family);font-size:15px;line-height:24px;font-weight:var(--rp-ui-base-fw-semi-bold);display:-webkit-box;max-width:100%;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}._system-alert_4435u_1 ._content-wrapper_4435u_33 ._title--white_4435u_54{color:var(--rp-ui-base-bg-000)}._system-alert_4435u_1 ._content-wrapper_4435u_33 ._title--black_4435u_57{color:var(--rp-ui-base-almost-black)}._system-alert_4435u_1 ._close-button_4435u_60{background:none;border:none;width:24px;height:24px;cursor:pointer}._system-alert_4435u_1 ._close-button_4435u_60 svg path{fill:var(--rp-ui-base-bg-000)}._tooltip-wrapper_1n6ya_16{display:block;width:100%;height:fit-content;cursor:pointer}._tooltip-wrapper_1n6ya_16:focus-visible{outline:2px auto var(--rp-ui-base-topaz-focused)}._tooltip-content_1n6ya_26{font-size:11px;line-height:16px;padding:16px;border-radius:8px;background-color:var(--rp-ui-base-tooltip-bg);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%}
|
package/dist/systemAlert.js
CHANGED
|
@@ -1,71 +1,87 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { c as
|
|
4
|
-
import { S as
|
|
5
|
-
import { S as
|
|
6
|
-
var n = /* @__PURE__ */ ((
|
|
7
|
-
const
|
|
8
|
-
"system-alert": "_system-
|
|
9
|
-
"system-alert--black": "_system-alert--
|
|
10
|
-
error:
|
|
11
|
-
success:
|
|
12
|
-
info:
|
|
13
|
-
warning:
|
|
14
|
-
"icon-wrapper": "_icon-
|
|
15
|
-
"content-wrapper": "_content-
|
|
16
|
-
title:
|
|
17
|
-
"title--white": "_title--
|
|
18
|
-
"title--black": "_title--
|
|
19
|
-
"close-button": "_close-
|
|
20
|
-
},
|
|
21
|
-
title:
|
|
22
|
-
onClose:
|
|
23
|
-
icon:
|
|
24
|
-
type:
|
|
25
|
-
typographyColor: o =
|
|
26
|
-
duration:
|
|
27
|
-
className:
|
|
28
|
-
dataAutomationId:
|
|
1
|
+
import { jsxs as I, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useState as O, useRef as S, useEffect as m } from "react";
|
|
3
|
+
import { c as p } from "./bind-06a7ff84.js";
|
|
4
|
+
import { S as E } from "./close-4d480ef7.js";
|
|
5
|
+
import { S as k, b as x, a as H } from "./success-8fd8bd2c.js";
|
|
6
|
+
var n = /* @__PURE__ */ ((e) => (e.INFO = "info", e.SUCCESS = "success", e.WARNING = "warning", e.ERROR = "error", e))(n || {}), w = /* @__PURE__ */ ((e) => (e.WHITE = "white", e.BLACK = "black", e))(w || {});
|
|
7
|
+
const W = "_error_4435u_15", z = "_success_4435u_18", F = "_info_4435u_21", T = "_warning_4435u_24", U = "_title_4435u_40", j = {
|
|
8
|
+
"system-alert": "_system-alert_4435u_1",
|
|
9
|
+
"system-alert--black": "_system-alert--black_4435u_12",
|
|
10
|
+
error: W,
|
|
11
|
+
success: z,
|
|
12
|
+
info: F,
|
|
13
|
+
warning: T,
|
|
14
|
+
"icon-wrapper": "_icon-wrapper_4435u_27",
|
|
15
|
+
"content-wrapper": "_content-wrapper_4435u_33",
|
|
16
|
+
title: U,
|
|
17
|
+
"title--white": "_title--white_4435u_54",
|
|
18
|
+
"title--black": "_title--black_4435u_57",
|
|
19
|
+
"close-button": "_close-button_4435u_60"
|
|
20
|
+
}, r = p.bind(j), A = 4e3, C = ({
|
|
21
|
+
title: e,
|
|
22
|
+
onClose: i,
|
|
23
|
+
icon: b = null,
|
|
24
|
+
type: c = n.INFO,
|
|
25
|
+
typographyColor: o = w.WHITE,
|
|
26
|
+
duration: a = A,
|
|
27
|
+
className: d,
|
|
28
|
+
dataAutomationId: v
|
|
29
29
|
}) => {
|
|
30
|
-
const [
|
|
31
|
-
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
}, [t]), _(() => {
|
|
35
|
-
if ([n.WARNING, n.ERROR].includes(r))
|
|
30
|
+
const [N, l] = O(""), u = S(null);
|
|
31
|
+
m(() => {
|
|
32
|
+
const s = u.current;
|
|
33
|
+
if (!s)
|
|
36
34
|
return;
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
35
|
+
const _ = () => {
|
|
36
|
+
const { offsetHeight: h, scrollHeight: g } = s;
|
|
37
|
+
h < g ? l(e) : l("");
|
|
38
|
+
};
|
|
39
|
+
if (_(), typeof ResizeObserver > "u")
|
|
40
|
+
return;
|
|
41
|
+
const f = new ResizeObserver(_);
|
|
42
|
+
return f.observe(s), () => f.disconnect();
|
|
43
|
+
}, [e]), m(() => {
|
|
44
|
+
if ([n.WARNING, n.ERROR].includes(c))
|
|
45
|
+
return;
|
|
46
|
+
const s = setTimeout(() => {
|
|
47
|
+
i();
|
|
48
|
+
}, a);
|
|
49
|
+
return () => clearTimeout(s);
|
|
50
|
+
}, [c, a, i]);
|
|
51
|
+
const R = () => {
|
|
52
|
+
switch (c) {
|
|
44
53
|
case "info":
|
|
45
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ t(H, {});
|
|
46
55
|
case "success":
|
|
47
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ t(x, {});
|
|
48
57
|
case "warning":
|
|
49
58
|
case "error":
|
|
50
|
-
return /* @__PURE__ */
|
|
59
|
+
return /* @__PURE__ */ t(k, {});
|
|
51
60
|
default:
|
|
52
|
-
return
|
|
61
|
+
return b;
|
|
53
62
|
}
|
|
54
63
|
};
|
|
55
|
-
return /* @__PURE__ */
|
|
64
|
+
return /* @__PURE__ */ I(
|
|
56
65
|
"div",
|
|
57
66
|
{
|
|
58
|
-
className:
|
|
59
|
-
|
|
60
|
-
"data-automation-id": b,
|
|
67
|
+
className: r("system-alert", c, d, `system-alert--${o}`),
|
|
68
|
+
"data-automation-id": v,
|
|
61
69
|
children: [
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */
|
|
64
|
-
|
|
70
|
+
/* @__PURE__ */ t("div", { className: r("icon-wrapper"), children: R() }),
|
|
71
|
+
/* @__PURE__ */ t("div", { className: r("content-wrapper"), children: /* @__PURE__ */ t(
|
|
72
|
+
"h2",
|
|
73
|
+
{
|
|
74
|
+
ref: u,
|
|
75
|
+
className: r("title", `title--${o}`),
|
|
76
|
+
title: N || void 0,
|
|
77
|
+
children: e
|
|
78
|
+
}
|
|
79
|
+
) }),
|
|
80
|
+
/* @__PURE__ */ t("button", { className: r("close-button"), onClick: i, "aria-label": "close system alert", children: /* @__PURE__ */ t(E, {}) })
|
|
65
81
|
]
|
|
66
82
|
}
|
|
67
83
|
);
|
|
68
84
|
};
|
|
69
85
|
export {
|
|
70
|
-
|
|
86
|
+
C as SystemAlert
|
|
71
87
|
};
|