@embeddable.com/remarkable-ui 0.1.32 → 0.1.34
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/BarChartDefaultHorizontalPro.js +3 -3
- package/dist/BarChartDefaultPro.js +3 -3
- package/dist/BarChartGroupedHorizontalPro.js +3 -3
- package/dist/BarChartGroupedPro.js +3 -3
- package/dist/BarChartStackedHorizontalPro.js +3 -3
- package/dist/BarChartStackedPro.js +3 -3
- package/dist/ChartCard-Cr2L2Uki.js +110 -0
- package/dist/ChartCard-Cr2L2Uki.js.map +1 -0
- package/dist/{ComparisonPeriod.type.emb-Q_A2MmQY.js → ComparisonPeriod.type.emb-C7ixEJKv.js} +2 -2
- package/dist/{ComparisonPeriod.type.emb-Q_A2MmQY.js.map → ComparisonPeriod.type.emb-C7ixEJKv.js.map} +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +6 -6
- package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
- package/dist/DateRangeSelectFieldPro.js +5 -5
- package/dist/DonutChartPro.js +2 -2
- package/dist/DonutLabelChartPro.js +2 -2
- package/dist/{EditorCard-CNU8sUaR.js → EditorCard-B7s7sQ-B.js} +11 -11
- package/dist/{EditorCard-CNU8sUaR.js.map → EditorCard-B7s7sQ-B.js.map} +1 -1
- package/dist/{KpiChart-C-SmtMQp.js → KpiChart-PRQV9-IW.js} +15 -15
- package/dist/{KpiChart-C-SmtMQp.js.map → KpiChart-PRQV9-IW.js.map} +1 -1
- package/dist/KpiChartNumberComparisonPro.js +6 -6
- package/dist/KpiChartNumberPro.js +4 -4
- package/dist/LineChartComparisonDefaultPro.js +36 -36
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +3 -3
- package/dist/LineChartGroupedPro.js +3 -3
- package/dist/MultiSelectFieldPro.js +2 -2
- package/dist/PieChartPro.js +2 -2
- package/dist/SingleSelectField-DXVRxF0n.js +96 -0
- package/dist/SingleSelectField-DXVRxF0n.js.map +1 -0
- package/dist/SingleSelectFieldPro.js +2 -2
- package/dist/TableChartPaginated.js +281 -0
- package/dist/TableChartPaginated.js.map +1 -0
- package/dist/{bars.utils-BaxcPPid.js → bars.utils-D2ZNn4I1.js} +4 -4
- package/dist/{bars.utils-BaxcPPid.js.map → bars.utils-D2ZNn4I1.js.map} +1 -1
- package/dist/{charts.utils-CQtEx-IN.js → charts.utils-BFYHGiMZ.js} +2350 -2320
- package/dist/charts.utils-BFYHGiMZ.js.map +1 -0
- package/dist/{component.constants-B1QqUi2G.js → component.constants-D59iJ42U.js} +3911 -3504
- package/dist/component.constants-D59iJ42U.js.map +1 -0
- package/dist/{editors.timeRange.utils-CteuBPel.js → editors.timeRange.utils-D9m6B3r1.js} +2 -2
- package/dist/{editors.timeRange.utils-CteuBPel.js.map → editors.timeRange.utils-D9m6B3r1.js.map} +1 -1
- package/dist/embeddable-components.json +11 -10
- package/dist/embeddable-theme-2b917.js +1310 -1275
- package/dist/{embeddable-types-4ace4.js → embeddable-types-363c8.js} +42 -35
- package/dist/embeddable-types.js.map +1 -1
- package/dist/{formatter.utils-B3HZzPUm.js → formatter.utils-DDLdrAl9.js} +2 -2
- package/dist/{formatter.utils-B3HZzPUm.js.map → formatter.utils-DDLdrAl9.js.map} +1 -1
- package/dist/{ga-DOnkmpCn.js → ga-BgTlCTPa.js} +5 -5
- package/dist/ga-BgTlCTPa.js.map +1 -0
- package/dist/index-Bh33sXJ4.js +209 -0
- package/dist/index-Bh33sXJ4.js.map +1 -0
- package/dist/{index-SdQVlaEz.js → index-BsjrQxtw.js} +8 -8
- package/dist/{index-SdQVlaEz.js.map → index-BsjrQxtw.js.map} +1 -1
- package/dist/index-CWufi8Tg.js +56 -0
- package/dist/index-CWufi8Tg.js.map +1 -0
- package/dist/{index-Dye21BCa.js → index-D10laZQ1.js} +5 -5
- package/dist/{index-Dye21BCa.js.map → index-D10laZQ1.js.map} +1 -1
- package/dist/{index-DyMUkLDE.js → index-DWhYhJ0M.js} +4 -4
- package/dist/{index-DyMUkLDE.js.map → index-DWhYhJ0M.js.map} +1 -1
- package/dist/{index-Fs7N8msy.js → index-fW1psiZu.js} +9 -9
- package/dist/{index-Fs7N8msy.js.map → index-fW1psiZu.js.map} +1 -1
- package/dist/index.js +182 -174
- package/dist/index.js.map +1 -1
- package/dist/{pies.utils-CPE4fxFn.js → pies.utils-D6CRlUd4.js} +4 -4
- package/dist/{pies.utils-CPE4fxFn.js.map → pies.utils-D6CRlUd4.js.map} +1 -1
- package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts +4 -2
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts +3 -2
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.d.ts +1 -0
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types.d.ts +1 -0
- package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types.d.ts.map +1 -1
- package/dist/remarkable-pro/components/charts/tables/TableChartPaginated/index.d.ts +28 -0
- package/dist/remarkable-pro/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -0
- package/dist/remarkable-pro/components/charts/tables/tables.utils.d.ts +17 -0
- package/dist/remarkable-pro/components/charts/tables/tables.utils.d.ts.map +1 -0
- package/dist/remarkable-pro/components/component.constants.d.ts +46 -0
- package/dist/remarkable-pro/components/component.constants.d.ts.map +1 -1
- package/dist/remarkable-pro/components/component.utils.d.ts +1 -1
- package/dist/remarkable-pro/components/component.utils.d.ts.map +1 -1
- package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.d.ts.map +1 -1
- package/dist/remarkable-pro/theme/i18n/translations/de.d.ts.map +1 -1
- package/dist/remarkable-pro/theme/i18n/translations/en.d.ts.map +1 -1
- package/dist/remarkable-ui/charts/tables/Table.hooks.d.ts +9 -0
- package/dist/remarkable-ui/charts/tables/Table.hooks.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.d.ts +4 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.stories.d.ts +6 -0
- package/dist/remarkable-ui/charts/tables/TablePaginated.stories.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TableBody/TableBody.d.ts +4 -0
- package/dist/remarkable-ui/charts/tables/components/TableBody/TableBody.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TableHeader/TableHeader.d.ts +4 -0
- package/dist/remarkable-ui/charts/tables/components/TableHeader/TableHeader.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.d.ts +6 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.stories.d.ts +10 -0
- package/dist/remarkable-ui/charts/tables/components/TablePagination/TablePagination.stories.d.ts.map +1 -0
- package/dist/remarkable-ui/charts/tables/tables.types.d.ts +44 -0
- package/dist/remarkable-ui/charts/tables/tables.types.d.ts.map +1 -0
- package/dist/remarkable-ui/editors/InputField/InputField.d.ts +4 -0
- package/dist/remarkable-ui/editors/InputField/InputField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/NumberField/NumberField.d.ts +2 -0
- package/dist/remarkable-ui/editors/NumberField/NumberField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/NumberField/NumberField.stories.d.ts +4 -0
- package/dist/remarkable-ui/editors/NumberField/NumberField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/TextField/TextField.d.ts +2 -0
- package/dist/remarkable-ui/editors/TextField/TextField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/TextField/TextField.stories.d.ts +5 -0
- package/dist/remarkable-ui/editors/TextField/TextField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts +2 -0
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts +2 -0
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts +2 -0
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts +2 -0
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.d.ts +1 -0
- package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.d.ts.map +1 -1
- package/dist/remarkable-ui/hooks/useDebounce.hook.d.ts +2 -0
- package/dist/remarkable-ui/hooks/useDebounce.hook.d.ts.map +1 -0
- package/dist/remarkable-ui/hooks/useObserverHeight.hook.d.ts +2 -0
- package/dist/remarkable-ui/hooks/useObserverHeight.hook.d.ts.map +1 -0
- package/dist/remarkable-ui/index.d.ts +4 -0
- package/dist/remarkable-ui/index.d.ts.map +1 -1
- package/dist/remarkable-ui/shared/FieldErrorMessage/FieldErrorMessage.d.ts +5 -0
- package/dist/remarkable-ui/shared/FieldErrorMessage/FieldErrorMessage.d.ts.map +1 -0
- package/dist/remarkable-ui/styles/styles.utils.d.ts +1 -1
- package/dist/remarkable-ui/styles/styles.utils.d.ts.map +1 -1
- package/dist/remarkable-ui.css +1 -1
- package/dist/{timeRange.utils-C0iy3N-l.js → timeRange.utils-D6gvWIhx.js} +2 -2
- package/dist/{timeRange.utils-C0iy3N-l.js.map → timeRange.utils-D6gvWIhx.js.map} +1 -1
- package/package.json +10 -12
- package/dist/BaseButton-Bf7IgH4E.js +0 -24
- package/dist/BaseButton-Bf7IgH4E.js.map +0 -1
- package/dist/ChartCard-CACbKXZ7.js +0 -109
- package/dist/ChartCard-CACbKXZ7.js.map +0 -1
- package/dist/SingleSelectField-AZ79m6bQ.js +0 -88
- package/dist/SingleSelectField-AZ79m6bQ.js.map +0 -1
- package/dist/charts.utils-CQtEx-IN.js.map +0 -1
- package/dist/component.constants-B1QqUi2G.js.map +0 -1
- package/dist/ga-DOnkmpCn.js.map +0 -1
- package/dist/index-BcXLOYYi.js +0 -203
- package/dist/index-BcXLOYYi.js.map +0 -1
- package/dist/index-DXHlr-gm.js +0 -56
- package/dist/index-DXHlr-gm.js.map +0 -1
package/dist/remarkable-ui.css
CHANGED
|
@@ -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)}._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_1jnyv_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_1jnyv_1 ._rightContent_1jnyv_19{flex-shrink:0}._button_1jnyv_1 ._leftContent_1jnyv_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_1jnyv_1 ._leftContent_1jnyv_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_1jnyv_1:hover,._button_1jnyv_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_1jnyv_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_1jnyv_1._hasValue_1jnyv_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_1jnyv_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_1jnyv_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_1jnyv_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1jnyv_80{animation:_spin_1jnyv_1 1s linear infinite}._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_1qaa2_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_1qaa2_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_1qaa2_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_1qaa2_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_1qaa2_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_1qaa2_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_1qaa2_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_1qaa2_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_1qaa2_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_1qaa2_1 div{display:flex}._clearIcon_1qaa2_71{cursor:pointer}._inputContainer_1qaa2_75{position:relative}._requiredText_1qaa2_79{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)}._textField_1t43l_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_1t43l_1 ._characterCount_1t43l_5{display:flex;justify-content:flex-start;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}._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)}@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)}._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)}._chartCard_zkf3k_1{height:100%;width:100%}._error_zkf3k_6 svg,._error_zkf3k_6 h2,._error_zkf3k_6 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_zkf3k_12{position:absolute;right:0}@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}._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_1e96n_1{justify-content:center}._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}._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}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a2 as i } from "./component.constants-
|
|
1
|
+
import { a2 as i } from "./component.constants-D59iJ42U.js";
|
|
2
2
|
const f = (o, t, s) => {
|
|
3
3
|
var d;
|
|
4
4
|
if (!o || !t)
|
|
@@ -17,4 +17,4 @@ export {
|
|
|
17
17
|
v as a,
|
|
18
18
|
f as g
|
|
19
19
|
};
|
|
20
|
-
//# sourceMappingURL=timeRange.utils-
|
|
20
|
+
//# sourceMappingURL=timeRange.utils-D6gvWIhx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeRange.utils-
|
|
1
|
+
{"version":3,"file":"timeRange.utils-D6gvWIhx.js","sources":["../src/remarkable-pro/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n primaryDateRange: TimeRange,\n comparisonPeriod: string | undefined,\n theme: Theme,\n): TimeRange => {\n if (!primaryDateRange || !comparisonPeriod) {\n return undefined;\n }\n\n const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n ? theme.defaults.dateRangesOptions\n .find((option) => option.value === primaryDateRange?.relativeTimeString)\n ?.getRange()\n : primaryDateRange;\n\n const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n (option) => option.value === comparisonPeriod,\n );\n\n return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n comparisonPeriod: string | undefined,\n theme: Theme,\n): string => {\n const option = theme.defaults.comparisonPeriodsOptions.find(\n (option) => option.value === comparisonPeriod,\n );\n return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}
|
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.
|
|
4
|
+
"version": "0.1.34",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
"prettier:write": "prettier . --write",
|
|
33
33
|
"release": "npm run embeddable:package && changeset publish",
|
|
34
34
|
"storybook": "storybook dev -p 6006",
|
|
35
|
-
"types:check": "tsc --noEmit --incremental false"
|
|
35
|
+
"types:check": "tsc --noEmit --incremental false",
|
|
36
|
+
"postinstall": "node -e \"try{require('child_process').execSync('xattr -dr com.apple.quarantine node_modules/@swc || true',{stdio:'inherit'})}catch(e){}\""
|
|
36
37
|
},
|
|
37
38
|
"keywords": [
|
|
38
39
|
"embeddable",
|
|
@@ -55,8 +56,8 @@
|
|
|
55
56
|
},
|
|
56
57
|
"dependencies": {
|
|
57
58
|
"@changesets/cli": "^2.29.6",
|
|
58
|
-
"@embeddable.com/core": "^2.
|
|
59
|
-
"@embeddable.com/react": "^2.
|
|
59
|
+
"@embeddable.com/core": "^2.13.0",
|
|
60
|
+
"@embeddable.com/react": "^2.12.0",
|
|
60
61
|
"@radix-ui/react-dropdown-menu": "^2.1.15",
|
|
61
62
|
"@tabler/icons-react": "^3.34.1",
|
|
62
63
|
"chart.js": "^4.5.0",
|
|
@@ -72,15 +73,15 @@
|
|
|
72
73
|
"xlsx": "^0.18.5"
|
|
73
74
|
},
|
|
74
75
|
"devDependencies": {
|
|
75
|
-
"@embeddable.com/sdk-core": "^4.1.
|
|
76
|
-
"@embeddable.com/sdk-react": "^4.0.
|
|
77
|
-
"@eslint/css": "^0.
|
|
78
|
-
"@eslint/js": "^9.31.0",
|
|
76
|
+
"@embeddable.com/sdk-core": "^4.1.3",
|
|
77
|
+
"@embeddable.com/sdk-react": "^4.0.7",
|
|
78
|
+
"@eslint/css": "^0.13.0",
|
|
79
79
|
"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
|
|
80
80
|
"@storybook/react": "^9.0.18",
|
|
81
81
|
"@storybook/react-webpack5": "^9.0.17",
|
|
82
|
+
"@swc-node/core": "1.14.1",
|
|
82
83
|
"@swc/cli": "^0.4.0",
|
|
83
|
-
"@swc/core": "
|
|
84
|
+
"@swc/core": "1.13.5",
|
|
84
85
|
"@types/chroma-js": "^3.1.1",
|
|
85
86
|
"@types/react": "^19.1.9",
|
|
86
87
|
"@types/react-dom": "^19.1.7",
|
|
@@ -105,8 +106,5 @@
|
|
|
105
106
|
"peerDependencies": {
|
|
106
107
|
"react": ">=19.1.1",
|
|
107
108
|
"react-dom": ">=19.1.1"
|
|
108
|
-
},
|
|
109
|
-
"optionalDependencies": {
|
|
110
|
-
"@swc/core-linux-x64-gnu": "^1.13.5"
|
|
111
109
|
}
|
|
112
110
|
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { j as c, a6 as e } from "./component.constants-B1QqUi2G.js";
|
|
2
|
-
const m = "_baseButton_zbrmc_1", _ = "_primary_zbrmc_15", i = "_secondary_zbrmc_34", b = "_icon_zbrmc_55", s = {
|
|
3
|
-
baseButton: m,
|
|
4
|
-
primary: _,
|
|
5
|
-
secondary: i,
|
|
6
|
-
icon: b
|
|
7
|
-
}, y = ({
|
|
8
|
-
variant: t = "primary",
|
|
9
|
-
size: o = "medium",
|
|
10
|
-
className: r,
|
|
11
|
-
children: n,
|
|
12
|
-
...a
|
|
13
|
-
}) => /* @__PURE__ */ c.jsx(
|
|
14
|
-
"button",
|
|
15
|
-
{
|
|
16
|
-
className: e(s.baseButton, s[t], s[o], r),
|
|
17
|
-
...a,
|
|
18
|
-
children: n
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
export {
|
|
22
|
-
y as B
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=BaseButton-Bf7IgH4E.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton-Bf7IgH4E.js","sources":["../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport styles from './BaseButton.module.css';\n\nexport type BaseButtonProps = {\n variant?: 'primary' | 'secondary';\n size?: 'small' | 'medium';\n ref?: React.Ref<HTMLButtonElement>;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const BaseButton: React.FC<BaseButtonProps> = ({\n variant = 'primary',\n size = 'medium',\n className,\n children,\n ...props\n}) => {\n return (\n <button\n className={clsx(styles.baseButton, styles[variant], styles[size], className)}\n {...props}\n >\n {children}\n </button>\n );\n};\n"],"names":["BaseButton","variant","size","className","children","props","jsx","clsx","styles"],"mappings":";;;;;;GAUaA,IAAwC,CAAC;AAAA,EACpD,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOP,CAAO,GAAGO,EAAON,CAAI,GAAGC,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { a4 as p, j as t, a6 as k, aB as y, i as x, ad as v, ag as B, U as l, ae as N, a8 as I, a9 as L, ab as S, ac as C, aC as R } from "./component.constants-B1QqUi2G.js";
|
|
2
|
-
import D, { useRef as M } from "react";
|
|
3
|
-
import { useTheme as f } from "@embeddable.com/react";
|
|
4
|
-
import { B as $ } from "./BaseButton-Bf7IgH4E.js";
|
|
5
|
-
/**
|
|
6
|
-
* @license @tabler/icons-react v3.34.1 - MIT
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the MIT license.
|
|
9
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/
|
|
11
|
-
const b = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], T = p("outline", "dots-vertical", "DotsVertical", b), z = "_skeleton_12e7h_10", P = {
|
|
12
|
-
skeleton: z
|
|
13
|
-
}, w = () => /* @__PURE__ */ t.jsx("div", { className: P.skeleton }), A = "_iconButton_134uf_1", E = "_icon_134uf_1", _ = {
|
|
14
|
-
iconButton: A,
|
|
15
|
-
icon: E
|
|
16
|
-
}, V = ({ icon: a, className: n, ...o }) => /* @__PURE__ */ t.jsx($, { variant: "secondary", className: k(_.iconButton, n), ...o, children: /* @__PURE__ */ t.jsx(a, { className: _.icon }) }), F = "_chartCard_zkf3k_1", H = "_error_zkf3k_6", K = "_rightContent_zkf3k_12", u = {
|
|
17
|
-
chartCard: F,
|
|
18
|
-
error: H,
|
|
19
|
-
rightContent: K
|
|
20
|
-
}, O = "_loading_7lgag_7", U = {
|
|
21
|
-
loading: O
|
|
22
|
-
}, j = () => /* @__PURE__ */ t.jsx(y, { className: U.loading }), q = "_list_mwshn_1", G = {
|
|
23
|
-
list: q
|
|
24
|
-
}, J = (a) => {
|
|
25
|
-
var i, c;
|
|
26
|
-
const n = f();
|
|
27
|
-
x(n);
|
|
28
|
-
const [o, e] = D.useState(!1), r = ((c = (i = n.charts) == null ? void 0 : i.chartCardMenuPro) == null ? void 0 : c.options) ?? [];
|
|
29
|
-
if (r.length === 0)
|
|
30
|
-
return null;
|
|
31
|
-
const d = (s) => {
|
|
32
|
-
e(!0), setTimeout(() => {
|
|
33
|
-
Promise.resolve(s()).finally(() => e(!1));
|
|
34
|
-
}, 100);
|
|
35
|
-
}, h = (s) => {
|
|
36
|
-
d(() => s({ ...a, theme: n }));
|
|
37
|
-
};
|
|
38
|
-
return /* @__PURE__ */ t.jsx(
|
|
39
|
-
v,
|
|
40
|
-
{
|
|
41
|
-
side: "bottom",
|
|
42
|
-
align: "end",
|
|
43
|
-
triggerComponent: o ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(V, { icon: T }),
|
|
44
|
-
children: /* @__PURE__ */ t.jsx(B, { className: G.list, autoFocus: !0, children: r.map((s, m) => {
|
|
45
|
-
const g = l.t(s.labelKey);
|
|
46
|
-
return /* @__PURE__ */ t.jsx(
|
|
47
|
-
N,
|
|
48
|
-
{
|
|
49
|
-
label: g,
|
|
50
|
-
onClick: () => h(s.onClick),
|
|
51
|
-
startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx("img", { src: s.iconSrc, alt: `${g} icon` }) : void 0
|
|
52
|
-
},
|
|
53
|
-
m
|
|
54
|
-
);
|
|
55
|
-
}) })
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}, Z = ({
|
|
59
|
-
title: a,
|
|
60
|
-
subtitle: n,
|
|
61
|
-
children: o,
|
|
62
|
-
data: e,
|
|
63
|
-
errorMessage: r,
|
|
64
|
-
dimensionsAndMeasures: d = [],
|
|
65
|
-
...h
|
|
66
|
-
}) => {
|
|
67
|
-
const i = f();
|
|
68
|
-
x(i);
|
|
69
|
-
const c = M(null), s = e.data && e.data.length > 0, m = () => !s && e.isLoading ? /* @__PURE__ */ t.jsx(w, {}) : r ? /* @__PURE__ */ t.jsx(
|
|
70
|
-
C,
|
|
71
|
-
{
|
|
72
|
-
className: u.error,
|
|
73
|
-
icon: R,
|
|
74
|
-
title: l.t("charts.errorTitle"),
|
|
75
|
-
message: r
|
|
76
|
-
}
|
|
77
|
-
) : s ? o : /* @__PURE__ */ t.jsx(
|
|
78
|
-
C,
|
|
79
|
-
{
|
|
80
|
-
title: l.t("charts.emptyTitle"),
|
|
81
|
-
message: l.t("charts.emptyMessage")
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
return /* @__PURE__ */ t.jsxs(I, { ref: c, className: u.chartCard, ...h, children: [
|
|
85
|
-
/* @__PURE__ */ t.jsx(
|
|
86
|
-
L,
|
|
87
|
-
{
|
|
88
|
-
title: a,
|
|
89
|
-
subtitle: n,
|
|
90
|
-
rightContent: /* @__PURE__ */ t.jsx("div", { "data-no-export": !0, className: u.rightContent, children: e.isLoading ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(
|
|
91
|
-
J,
|
|
92
|
-
{
|
|
93
|
-
title: a,
|
|
94
|
-
containerRef: c,
|
|
95
|
-
data: e.data,
|
|
96
|
-
dimensionsAndMeasures: d
|
|
97
|
-
}
|
|
98
|
-
) })
|
|
99
|
-
}
|
|
100
|
-
),
|
|
101
|
-
/* @__PURE__ */ t.jsx(S, { children: m() })
|
|
102
|
-
] });
|
|
103
|
-
};
|
|
104
|
-
export {
|
|
105
|
-
Z as C,
|
|
106
|
-
V as I,
|
|
107
|
-
w as S
|
|
108
|
-
};
|
|
109
|
-
//# sourceMappingURL=ChartCard-CACbKXZ7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartCard-CACbKXZ7.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/shared/Skeleton/Skeleton.tsx","../src/remarkable-ui/shared/IconButton/IconButton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - 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\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n return <div className={styles.skeleton} />;\n};\n","import clsx from 'clsx';\nimport React from 'react';\nimport styles from './IconButton.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\n\ntype IconButtonProps = Omit<BaseButtonProps, 'variant'> & {\n className?: string;\n icon: TablerIcon;\n};\n\nexport const IconButton: React.FC<IconButtonProps> = ({ icon: Icon, className, ...props }) => {\n return (\n <BaseButton variant=\"secondary\" className={clsx(styles.iconButton, className)} {...props}>\n <Icon className={styles.icon} />\n </BaseButton>\n );\n};\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n Dropdown,\n IconButton,\n SelectList,\n SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isLoading, setIsLoading] = React.useState(false);\n\n const options = theme.charts?.chartCardMenuPro?.options ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void | Promise<void>) => {\n setIsLoading(true);\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuProOptionOnClickProps) => void) => {\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <IconButton icon={IconDotsVertical} />}\n >\n <SelectList className={styles.list} autoFocus>\n {options.map((option, index) => {\n const label = i18n.t(option.labelKey);\n\n return (\n <SelectListOption\n key={index}\n label={label}\n onClick={() => handleExport(option.onClick)}\n startIcon={\n option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n }\n />\n );\n })}\n </SelectList>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, FC, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardContentInfo,\n CardHeader,\n Skeleton,\n} from '../../../../../remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\n\ntype ChartCardProps = {\n title: string;\n subtitle?: string;\n children: React.ReactNode;\n data: DataResponse;\n isLoading?: boolean;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension | Measure)[];\n};\n\nexport const ChartCard: FC<ChartCardProps> = ({\n title,\n subtitle,\n children,\n data,\n errorMessage,\n dimensionsAndMeasures = [],\n ...props\n}) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = data.data && data.data.length > 0;\n\n const getDisplay = () => {\n if (!hasData && data.isLoading) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardContentInfo\n className={styles.error}\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardContentInfo\n title={i18n.t('charts.emptyTitle')}\n message={i18n.t('charts.emptyMessage')}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card ref={chartRef} className={styles.chartCard} {...props}>\n <CardHeader\n title={title}\n subtitle={subtitle}\n rightContent={\n <div data-no-export className={styles.rightContent}>\n {data.isLoading ? (\n <ChartCardLoading />\n ) : (\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n />\n )}\n </div>\n }\n />\n\n <CardContent>{getDisplay()}</CardContent>\n </Card>\n );\n};\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","IconButton","Icon","className","props","BaseButton","clsx","ChartCardLoading","IconLoader2","ChartCardMenuPro","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","_b","_a","startAction","onClick","handleExport","Dropdown","SelectList","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","chartRef","useRef","hasData","getDisplay","CardContentInfo","IconAlertCircle","jsxs","Card","CardHeader","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { j as l, ad as R, ag as D, ah as E, ae as j, af as k } from "./component.constants-B1QqUi2G.js";
|
|
2
|
-
import { useState as i, useRef as w, useEffect as B, useMemo as K } from "react";
|
|
3
|
-
import { u as M, d as N, I as P, S as T } from "./EditorCard-CNU8sUaR.js";
|
|
4
|
-
const G = ({
|
|
5
|
-
value: t = "",
|
|
6
|
-
startIcon: g,
|
|
7
|
-
options: a,
|
|
8
|
-
disabled: d,
|
|
9
|
-
placeholder: p,
|
|
10
|
-
isSearchable: u,
|
|
11
|
-
isClearable: C,
|
|
12
|
-
isLoading: f,
|
|
13
|
-
noOptionsMessage: S = "No options available",
|
|
14
|
-
onChange: L,
|
|
15
|
-
onSearch: s
|
|
16
|
-
}) => {
|
|
17
|
-
const [o, v] = i(!1), [b, x] = i(""), [O, c] = i(t), m = w(null);
|
|
18
|
-
M(o, m), B(() => {
|
|
19
|
-
if (!t) {
|
|
20
|
-
c("");
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
const e = a.find((r) => r.value === t);
|
|
24
|
-
e && c(e.label);
|
|
25
|
-
}, [t, a]);
|
|
26
|
-
const n = K(() => s ? N(s) : void 0, [s]), F = u && !s ? a.filter((e) => e.label.toLowerCase().includes(b.toLowerCase())) : a, h = (e) => {
|
|
27
|
-
if (x(""), L(e ?? ""), s == null || s(""), e === "")
|
|
28
|
-
c("");
|
|
29
|
-
else {
|
|
30
|
-
const r = a.find((y) => y.value === e);
|
|
31
|
-
r && c(r.label);
|
|
32
|
-
}
|
|
33
|
-
}, I = (e) => {
|
|
34
|
-
x(e), n == null || n(e);
|
|
35
|
-
};
|
|
36
|
-
return /* @__PURE__ */ l.jsx(
|
|
37
|
-
R,
|
|
38
|
-
{
|
|
39
|
-
open: o,
|
|
40
|
-
onOpenChange: v,
|
|
41
|
-
disabled: d,
|
|
42
|
-
triggerComponent: /* @__PURE__ */ l.jsx(
|
|
43
|
-
k,
|
|
44
|
-
{
|
|
45
|
-
startIcon: g,
|
|
46
|
-
"aria-label": "Select option",
|
|
47
|
-
placeholder: p,
|
|
48
|
-
disabled: d,
|
|
49
|
-
valueLabel: O,
|
|
50
|
-
onClear: () => h(""),
|
|
51
|
-
isClearable: C,
|
|
52
|
-
isLoading: f
|
|
53
|
-
}
|
|
54
|
-
),
|
|
55
|
-
children: /* @__PURE__ */ l.jsxs(D, { children: [
|
|
56
|
-
u && /* @__PURE__ */ l.jsx(
|
|
57
|
-
E,
|
|
58
|
-
{
|
|
59
|
-
ref: m,
|
|
60
|
-
startIcon: P,
|
|
61
|
-
"aria-label": "Search options",
|
|
62
|
-
placeholder: "Search…",
|
|
63
|
-
role: "searchbox",
|
|
64
|
-
value: b,
|
|
65
|
-
onKeyDown: (e) => e.stopPropagation(),
|
|
66
|
-
onChange: I
|
|
67
|
-
}
|
|
68
|
-
),
|
|
69
|
-
/* @__PURE__ */ l.jsxs(T, { disabled: f, children: [
|
|
70
|
-
F.map((e) => /* @__PURE__ */ l.jsx(
|
|
71
|
-
j,
|
|
72
|
-
{
|
|
73
|
-
onClick: () => h(e == null ? void 0 : e.value),
|
|
74
|
-
isSelected: e.value === t,
|
|
75
|
-
...e
|
|
76
|
-
},
|
|
77
|
-
(e == null ? void 0 : e.value) ?? e.label
|
|
78
|
-
)),
|
|
79
|
-
a.length === 0 && /* @__PURE__ */ l.jsx(j, { disabled: !0, value: "empty", label: S })
|
|
80
|
-
] })
|
|
81
|
-
] })
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
};
|
|
85
|
-
export {
|
|
86
|
-
G as S
|
|
87
|
-
};
|
|
88
|
-
//# sourceMappingURL=SingleSelectField-AZ79m6bQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectField-AZ79m6bQ.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';\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};\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}) => {\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 return (\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 />\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 );\n};\n"],"names":["SingleSelectField","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","jsxs","SelectListOptions","SelectListOption"],"mappings":"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"}
|