@banyan_cloud/roots 1.0.117 → 1.0.119
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/cjs/index.js +72 -44
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +72 -44
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +72 -44
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -46320,8 +46320,8 @@ var Calender = function Calender(props) {
|
|
|
46320
46320
|
});
|
|
46321
46321
|
};
|
|
46322
46322
|
|
|
46323
|
-
var css$I = ".
|
|
46324
|
-
var modules_5b831cd1 = {"root":"
|
|
46323
|
+
var css$I = ".DatePicker_module_root__c2ec4adb {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell] {\n flex: 1;\n width: 100%;\n min-width: 15rem;\n border-color: var(--grey3);\n border-style: solid;\n border-width: 0.0625rem 0 0.0625rem 0.0625rem;\n background-color: transparent !important;\n border-radius: 0.25rem 0 0 0.25rem;\n height: auto;\n padding: 0.75rem 1rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell] > [data-elem=component1] {\n flex: 0 0 auto;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__c2ec4adb {\n width: 1.5rem;\n height: 1.5rem;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__c2ec4adb.DatePicker_module_light__c2ec4adb path {\n stroke: var(--black);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__c2ec4adb.DatePicker_module_dark__c2ec4adb path {\n stroke: var(--white);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell].DatePicker_module_light__c2ec4adb > [data-elem=component2] {\n color: var(--dark-grey);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_customPicker__c2ec4adb[data-elem=base-cell].DatePicker_module_dark__c2ec4adb > [data-elem=component2] {\n color: var(--white);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n min-width: 15rem;\n overflow: visible;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_label__c2ec4adb {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_label__c2ec4adb.DatePicker_module_light__c2ec4adb {\n color: var(--black);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_label__c2ec4adb.DatePicker_module_dark__c2ec4adb {\n color: var(--white);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background-color: transparent;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid transparent;\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb.DatePicker_module_withCustom__c2ec4adb {\n border-radius: 0 0.25rem 0.25rem 0;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb.DatePicker_module_disabled__c2ec4adb {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: not-allowed;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb.DatePicker_module_disabled__c2ec4adb .DatePicker_module_downArrow__c2ec4adb {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb.DatePicker_module_disabled__c2ec4adb .DatePicker_module_placeholder__c2ec4adb {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb.DatePicker_module_open__c2ec4adb {\n outline: 0.0625rem solid var(--highlight);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb.DatePicker_module_error__c2ec4adb {\n outline: 0.0625rem solid var(--error);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.9375rem;\n overflow: hidden;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb .DatePicker_module_icon__c2ec4adb {\n flex: 1 0 auto;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb > div {\n font-weight: 400;\n font-size: 1rem;\n flex: 1 1 auto;\n overflow: hidden;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb > div.DatePicker_module_light__c2ec4adb {\n color: var(--black);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb > div.DatePicker_module_dark__c2ec4adb {\n color: var(--white);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb > div .DatePicker_module_placeholder__c2ec4adb {\n font-weight: 400;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_left__c2ec4adb > div > span {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-weight: 500;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_input__c2ec4adb {\n display: none;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_close__c2ec4adb {\n height: auto;\n padding: 0;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_icon__c2ec4adb {\n width: 1.5rem;\n height: 1.5rem;\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_icon__c2ec4adb.DatePicker_module_light__c2ec4adb > path {\n fill: var(--dark-grey);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_icon__c2ec4adb.DatePicker_module_dark__c2ec4adb > path {\n fill: var(--white);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb.DatePicker_module_dark__c2ec4adb .DatePicker_module_container__c2ec4adb {\n border-color: var(--grey);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb.DatePicker_module_dark__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_placeholder__c2ec4adb {\n color: var(--grey2);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb.DatePicker_module_light__c2ec4adb .DatePicker_module_container__c2ec4adb {\n border-color: var(--grey4);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb.DatePicker_module_light__c2ec4adb .DatePicker_module_container__c2ec4adb .DatePicker_module_placeholder__c2ec4adb {\n color: var(--grey);\n}\n.DatePicker_module_root__c2ec4adb .DatePicker_module_datePicker__c2ec4adb .DatePicker_module_errorText__c2ec4adb {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker_module_popper__c2ec4adb {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n}\n.DatePicker_module_popper__c2ec4adb.DatePicker_module_open__c2ec4adb {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
46324
|
+
var modules_5b831cd1 = {"root":"DatePicker_module_root__c2ec4adb","custom-picker":"DatePicker_module_customPicker__c2ec4adb","icon":"DatePicker_module_icon__c2ec4adb","light":"DatePicker_module_light__c2ec4adb","dark":"DatePicker_module_dark__c2ec4adb","date-picker":"DatePicker_module_datePicker__c2ec4adb","label":"DatePicker_module_label__c2ec4adb","container":"DatePicker_module_container__c2ec4adb","with-custom":"DatePicker_module_withCustom__c2ec4adb","disabled":"DatePicker_module_disabled__c2ec4adb","down-arrow":"DatePicker_module_downArrow__c2ec4adb","placeholder":"DatePicker_module_placeholder__c2ec4adb","open":"DatePicker_module_open__c2ec4adb","error":"DatePicker_module_error__c2ec4adb","left":"DatePicker_module_left__c2ec4adb","input":"DatePicker_module_input__c2ec4adb","close":"DatePicker_module_close__c2ec4adb","error-text":"DatePicker_module_errorText__c2ec4adb","popper":"DatePicker_module_popper__c2ec4adb"};
|
|
46325
46325
|
n(css$I,{});
|
|
46326
46326
|
|
|
46327
46327
|
var getDateAndUnixRange$1 = function getDateAndUnixRange(duration) {
|
|
@@ -47583,8 +47583,8 @@ Pagination.defaultProps = {
|
|
|
47583
47583
|
onChange: function onChange() {}
|
|
47584
47584
|
};
|
|
47585
47585
|
|
|
47586
|
-
var css$A = ".
|
|
47587
|
-
var modules_bbfded44 = {"root":"
|
|
47586
|
+
var css$A = ".Stepper_module_root__c8ed92f3.Stepper_module_horizontal__c8ed92f3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.Stepper_module_root__c8ed92f3.Stepper_module_vertical__c8ed92f3 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n gap: 0.5rem;\n}";
|
|
47587
|
+
var modules_bbfded44 = {"root":"Stepper_module_root__c8ed92f3","horizontal":"Stepper_module_horizontal__c8ed92f3","vertical":"Stepper_module_vertical__c8ed92f3"};
|
|
47588
47588
|
n(css$A,{});
|
|
47589
47589
|
|
|
47590
47590
|
var css$z = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --skeleton: #e0e1e9;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --menu-black: #191b1f;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #ff626a;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}";
|
|
@@ -47596,8 +47596,8 @@ var COLORS = Object.keys(modules_dd21d9e9).reduce(function (acc, curr) {
|
|
|
47596
47596
|
return acc;
|
|
47597
47597
|
}, {});
|
|
47598
47598
|
|
|
47599
|
-
var css$y = ".
|
|
47600
|
-
var modules_abbc385a = {"root":"
|
|
47599
|
+
var css$y = ".Step_module_root__e0f2b94e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n position: relative;\n z-index: 1;\n gap: 0.5rem;\n flex: 1 0 auto;\n cursor: default;\n}\n.Step_module_root__e0f2b94e:last-child {\n flex: 0 1 auto;\n}\n.Step_module_root__e0f2b94e:last-child .Step_module_title__e0f2b94e::after {\n display: none;\n}\n.Step_module_root__e0f2b94e:last-child .Step_module_left__e0f2b94e::after {\n display: none;\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 1.5rem;\n height: 1.5rem;\n border-radius: 2rem;\n font-size: 1rem;\n border: 0.063rem solid var(--grey2);\n background: var(--white);\n color: var(--grey2);\n position: relative;\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e .Step_module_icon__e0f2b94e {\n width: 0.75rem;\n height: 0.75rem;\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e .Step_module_icon__e0f2b94e.Step_module_errorIcon__e0f2b94e {\n fill: var(--error);\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e .Step_module_icon__e0f2b94e.Step_module_completionIcon__e0f2b94e {\n fill: var(--highlight);\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e .Step_module_icon__e0f2b94e.Step_module_completionIcon__e0f2b94e.Step_module_active__e0f2b94e {\n fill: var(--white);\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_progress__e0f2b94e {\n position: absolute;\n z-index: -1;\n inset: -0.3rem;\n border-radius: 2rem;\n}\n.Step_module_root__e0f2b94e .Step_module_left__e0f2b94e .Step_module_progress__e0f2b94e::after {\n position: absolute;\n content: \"\";\n inset: 0.15rem;\n background: white;\n border-radius: 2rem;\n}\n.Step_module_root__e0f2b94e .Step_module_right__e0f2b94e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n flex: 1;\n}\n.Step_module_root__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.75rem;\n width: 100%;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Step_module_root__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e::after {\n content: \"\";\n flex: 1;\n min-width: 1.5rem;\n border-bottom: 0.063rem solid;\n margin-top: 0.75rem;\n border-bottom-color: var(--grey2);\n}\n.Step_module_root__e0f2b94e .Step_module_right__e0f2b94e .Step_module_description__e0f2b94e {\n font-size: 0.75rem;\n color: var(--grey2);\n}\n.Step_module_root__e0f2b94e.Step_module_noTail__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e::after {\n display: none;\n}\n.Step_module_root__e0f2b94e.Step_module_active__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e {\n background: var(--highlight);\n color: var(--white);\n}\n.Step_module_root__e0f2b94e.Step_module_active__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e, .Step_module_root__e0f2b94e.Step_module_completed__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e {\n border-color: var(--highlight);\n}\n.Step_module_root__e0f2b94e.Step_module_active__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e, .Step_module_root__e0f2b94e.Step_module_completed__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e {\n color: var(--black);\n}\n.Step_module_root__e0f2b94e.Step_module_active__e0f2b94e .Step_module_right__e0f2b94e .Step_module_description__e0f2b94e, .Step_module_root__e0f2b94e.Step_module_completed__e0f2b94e .Step_module_right__e0f2b94e .Step_module_description__e0f2b94e {\n color: var(--grey);\n}\n.Step_module_root__e0f2b94e.Step_module_completed__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e::after {\n border-bottom-color: var(--highlight);\n}\n.Step_module_root__e0f2b94e.Step_module_error__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e {\n background: var(--white);\n border-color: var(--error);\n color: var(--error);\n}\n.Step_module_root__e0f2b94e.Step_module_error__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e {\n color: var(--error);\n}\n.Step_module_root__e0f2b94e.Step_module_error__e0f2b94e .Step_module_right__e0f2b94e .Step_module_description__e0f2b94e {\n color: rgba(var(--error), 0.6);\n}\n.Step_module_root__e0f2b94e.Step_module_vertical__e0f2b94e {\n height: 100%;\n flex: 1;\n}\n.Step_module_root__e0f2b94e.Step_module_vertical__e0f2b94e .Step_module_left__e0f2b94e {\n height: 100%;\n gap: 0.5rem;\n}\n.Step_module_root__e0f2b94e.Step_module_vertical__e0f2b94e .Step_module_left__e0f2b94e::after {\n content: \"\";\n border-right: 1px solid var(--grey2);\n height: 100%;\n min-height: 1.5rem;\n flex: 1 1 auto;\n}\n.Step_module_root__e0f2b94e.Step_module_vertical__e0f2b94e .Step_module_left__e0f2b94e .Step_module_iconContainer__e0f2b94e {\n flex: 0 0 auto;\n}\n.Step_module_root__e0f2b94e.Step_module_vertical__e0f2b94e .Step_module_right__e0f2b94e .Step_module_title__e0f2b94e::after {\n display: none;\n}\n.Step_module_root__e0f2b94e.Step_module_vertical__e0f2b94e.Step_module_completed__e0f2b94e .Step_module_left__e0f2b94e::after {\n border-right-color: var(--highlight);\n}";
|
|
47600
|
+
var modules_abbc385a = {"root":"Step_module_root__e0f2b94e","title":"Step_module_title__e0f2b94e","left":"Step_module_left__e0f2b94e","icon-container":"Step_module_iconContainer__e0f2b94e","icon":"Step_module_icon__e0f2b94e","error-icon":"Step_module_errorIcon__e0f2b94e","completion-icon":"Step_module_completionIcon__e0f2b94e","active":"Step_module_active__e0f2b94e","progress":"Step_module_progress__e0f2b94e","right":"Step_module_right__e0f2b94e","description":"Step_module_description__e0f2b94e","no-tail":"Step_module_noTail__e0f2b94e","completed":"Step_module_completed__e0f2b94e","error":"Step_module_error__e0f2b94e","vertical":"Step_module_vertical__e0f2b94e"};
|
|
47601
47601
|
n(css$y,{});
|
|
47602
47602
|
|
|
47603
47603
|
var Step = function Step(props) {
|
|
@@ -47607,7 +47607,11 @@ var Step = function Step(props) {
|
|
|
47607
47607
|
completion = props.completion,
|
|
47608
47608
|
error = props.error,
|
|
47609
47609
|
index = props.index,
|
|
47610
|
-
noTail = props.noTail
|
|
47610
|
+
noTail = props.noTail,
|
|
47611
|
+
orientation = props.orientation,
|
|
47612
|
+
RenderIcon = props.renderIcon,
|
|
47613
|
+
RenderTitle = props.renderTitle,
|
|
47614
|
+
RenderDescription = props.renderDescription;
|
|
47611
47615
|
var display = /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
47612
47616
|
className: modules_abbc385a.text,
|
|
47613
47617
|
children: index + 1
|
|
@@ -47621,69 +47625,92 @@ var Step = function Step(props) {
|
|
|
47621
47625
|
className: classes(modules_abbc385a.icon, modules_abbc385a['completion-icon'], active ? modules_abbc385a.active : '')
|
|
47622
47626
|
});
|
|
47623
47627
|
}
|
|
47628
|
+
var IconContainer = /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
47629
|
+
className: modules_abbc385a['icon-container'],
|
|
47630
|
+
children: [display, active === true && completion > 0 && completion <= 1 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47631
|
+
className: modules_abbc385a.progress,
|
|
47632
|
+
style: {
|
|
47633
|
+
backgroundImage: "conic-gradient(".concat(COLORS.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
47634
|
+
}
|
|
47635
|
+
})]
|
|
47636
|
+
});
|
|
47637
|
+
if (RenderIcon) {
|
|
47638
|
+
IconContainer = /*#__PURE__*/jsxRuntime.jsx(RenderIcon, _objectSpread2({}, props));
|
|
47639
|
+
}
|
|
47640
|
+
var Title = /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
47641
|
+
className: classes(modules_abbc385a.title),
|
|
47642
|
+
children: title
|
|
47643
|
+
});
|
|
47644
|
+
if (RenderTitle) {
|
|
47645
|
+
Title = /*#__PURE__*/jsxRuntime.jsx(RenderTitle, _objectSpread2({}, props));
|
|
47646
|
+
}
|
|
47647
|
+
var Description = description != null && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
47648
|
+
className: modules_abbc385a.description,
|
|
47649
|
+
children: description
|
|
47650
|
+
});
|
|
47651
|
+
if (RenderDescription) {
|
|
47652
|
+
Description = /*#__PURE__*/jsxRuntime.jsx(RenderDescription, _objectSpread2({}, props));
|
|
47653
|
+
}
|
|
47624
47654
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
47625
|
-
className: classes(modules_abbc385a.root, active ? modules_abbc385a.active : '', completion === 1 ? modules_abbc385a.completed : '', error ? modules_abbc385a.error : ''),
|
|
47626
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
47655
|
+
className: classes(modules_abbc385a.root, active ? modules_abbc385a.active : '', completion === 1 ? modules_abbc385a.completed : '', error ? modules_abbc385a.error : '', noTail ? modules_abbc385a['no-tail'] : '', modules_abbc385a[orientation]),
|
|
47656
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47627
47657
|
className: modules_abbc385a.left,
|
|
47628
|
-
children:
|
|
47629
|
-
className: modules_abbc385a.progress,
|
|
47630
|
-
style: {
|
|
47631
|
-
backgroundImage: "conic-gradient(".concat(COLORS.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
47632
|
-
}
|
|
47633
|
-
})]
|
|
47658
|
+
children: IconContainer
|
|
47634
47659
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
47635
47660
|
className: modules_abbc385a.right,
|
|
47636
|
-
children: [
|
|
47637
|
-
className: classes(modules_abbc385a.title, noTail ? modules_abbc385a['no-tail'] : ''),
|
|
47638
|
-
children: title
|
|
47639
|
-
}), description != null && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
47640
|
-
className: modules_abbc385a.description,
|
|
47641
|
-
children: description
|
|
47642
|
-
})]
|
|
47661
|
+
children: [Title, Description]
|
|
47643
47662
|
})]
|
|
47644
47663
|
});
|
|
47645
47664
|
};
|
|
47646
47665
|
Step.propTypes = {
|
|
47647
|
-
title: propTypes$1.exports.string
|
|
47666
|
+
title: propTypes$1.exports.string,
|
|
47648
47667
|
description: propTypes$1.exports.string,
|
|
47649
47668
|
active: propTypes$1.exports.bool,
|
|
47650
47669
|
completion: propTypes$1.exports.number,
|
|
47651
47670
|
error: propTypes$1.exports.bool,
|
|
47652
47671
|
index: propTypes$1.exports.number,
|
|
47653
|
-
noTail: propTypes$1.exports.bool
|
|
47672
|
+
noTail: propTypes$1.exports.bool,
|
|
47673
|
+
orientation: propTypes$1.exports.oneOf(['horizontal', 'vertical']),
|
|
47674
|
+
renderIcon: propTypes$1.exports.func,
|
|
47675
|
+
renderTitle: propTypes$1.exports.func,
|
|
47676
|
+
renderDescription: propTypes$1.exports.func
|
|
47654
47677
|
};
|
|
47655
47678
|
Step.defaultProps = {
|
|
47679
|
+
title: null,
|
|
47656
47680
|
description: '',
|
|
47657
47681
|
active: false,
|
|
47658
47682
|
completion: 0,
|
|
47659
47683
|
error: false,
|
|
47660
47684
|
index: 0,
|
|
47661
|
-
noTail: false
|
|
47685
|
+
noTail: false,
|
|
47686
|
+
orientation: 'horizontal',
|
|
47687
|
+
renderIcon: null,
|
|
47688
|
+
renderTitle: null,
|
|
47689
|
+
renderDescription: null
|
|
47662
47690
|
};
|
|
47663
47691
|
|
|
47664
47692
|
var Stepper = function Stepper(props) {
|
|
47665
|
-
var steps = props.steps
|
|
47693
|
+
var steps = props.steps,
|
|
47694
|
+
orientation = props.orientation;
|
|
47666
47695
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47667
|
-
className: modules_bbfded44.root,
|
|
47696
|
+
className: classes(modules_bbfded44.root, modules_bbfded44[orientation]),
|
|
47668
47697
|
children: steps.map(function (step, index) {
|
|
47669
|
-
return /*#__PURE__*/
|
|
47698
|
+
return /*#__PURE__*/React.createElement(Step, _objectSpread2(_objectSpread2({}, step), {}, {
|
|
47699
|
+
key: "".concat(step.title, "-").concat(step.description),
|
|
47670
47700
|
index: index,
|
|
47671
|
-
total: steps.length
|
|
47672
|
-
|
|
47701
|
+
total: steps.length,
|
|
47702
|
+
orientation: orientation
|
|
47703
|
+
}));
|
|
47673
47704
|
})
|
|
47674
47705
|
});
|
|
47675
47706
|
};
|
|
47676
47707
|
Stepper.propTypes = {
|
|
47677
|
-
steps: propTypes$1.exports.arrayOf(propTypes$1.exports.shape({
|
|
47678
|
-
|
|
47679
|
-
description: propTypes$1.exports.string,
|
|
47680
|
-
active: propTypes$1.exports.bool,
|
|
47681
|
-
completion: propTypes$1.exports.number,
|
|
47682
|
-
error: propTypes$1.exports.bool
|
|
47683
|
-
}))
|
|
47708
|
+
steps: propTypes$1.exports.arrayOf(propTypes$1.exports.shape(_objectSpread2({}, Step.propTypes))),
|
|
47709
|
+
orientation: propTypes$1.exports.oneOf(['horizontal', 'vertical'])
|
|
47684
47710
|
};
|
|
47685
47711
|
Stepper.defaultProps = {
|
|
47686
|
-
steps: []
|
|
47712
|
+
steps: [],
|
|
47713
|
+
orientation: 'horizontal'
|
|
47687
47714
|
};
|
|
47688
47715
|
|
|
47689
47716
|
var SIZE_MAP = {
|
|
@@ -48813,11 +48840,6 @@ var TableFilters = function TableFilters(props) {
|
|
|
48813
48840
|
selectedFilters = searchOptions.selectedFilters,
|
|
48814
48841
|
renderChipAutocomplete = searchOptions.renderChipAutocomplete,
|
|
48815
48842
|
searchbarOptions = searchOptions.searchbarOptions;
|
|
48816
|
-
if (loading) {
|
|
48817
|
-
return /*#__PURE__*/jsxRuntime.jsx(TableFiltersSkeleton, {
|
|
48818
|
-
theme: theme
|
|
48819
|
-
});
|
|
48820
|
-
}
|
|
48821
48843
|
var totalFilters = (_selectedFilters$leng = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) !== null && _selectedFilters$leng !== void 0 ? _selectedFilters$leng : 0;
|
|
48822
48844
|
var renderFilters = React.useCallback(function () {
|
|
48823
48845
|
var filtersDOM = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.map(function (selectedFilter, index) {
|
|
@@ -48848,6 +48870,11 @@ var TableFilters = function TableFilters(props) {
|
|
|
48848
48870
|
}), filtersDOM]
|
|
48849
48871
|
});
|
|
48850
48872
|
}, [totalFilters]);
|
|
48873
|
+
if (loading) {
|
|
48874
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableFiltersSkeleton, {
|
|
48875
|
+
theme: theme
|
|
48876
|
+
});
|
|
48877
|
+
}
|
|
48851
48878
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
48852
48879
|
flexible: true,
|
|
48853
48880
|
className: classes(modules_a0fe63f9.root, className),
|
|
@@ -48890,7 +48917,8 @@ var TableFilters = function TableFilters(props) {
|
|
|
48890
48917
|
},
|
|
48891
48918
|
|
|
48892
48919
|
onKeyDown: function onKeyDown(event) {
|
|
48893
|
-
|
|
48920
|
+
var _searchbarOptions$val;
|
|
48921
|
+
if (event.keyCode === 8 && (searchbarOptions === null || searchbarOptions === void 0 ? void 0 : (_searchbarOptions$val = searchbarOptions.value) === null || _searchbarOptions$val === void 0 ? void 0 : _searchbarOptions$val.length) === 0) {
|
|
48894
48922
|
var _selectedFilters$leng2;
|
|
48895
48923
|
_onRemove(null, ((_selectedFilters$leng2 = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) !== null && _selectedFilters$leng2 !== void 0 ? _selectedFilters$leng2 : 0) - 1);
|
|
48896
48924
|
}
|