@banyan_cloud/roots 1.0.343 → 1.0.344
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 +15 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +15 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +15 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -17869,8 +17869,8 @@ Tooltip.propTypes = {
|
|
|
17869
17869
|
className: propTypesExports.string
|
|
17870
17870
|
};
|
|
17871
17871
|
|
|
17872
|
-
var css$K = ".
|
|
17873
|
-
var modules_ef7e5a18 = {"root":"
|
|
17872
|
+
var css$K = ".Dropdownv2_module_root__ca7f2db7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7 {\n font-size: 0.75rem;\n color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7.Dropdownv2_module_required__ca7f2db7::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n max-width: 100%;\n border-radius: 0.25rem;\n position: relative;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] * {\n color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n fill: var(--secondary-color2) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n fill: transparent;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n stroke: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_error__ca7f2db7 {\n border: 1px solid var(--primary-color1);\n border-radius: 0.3125rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7 {\n border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n background: var(--light-color3);\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_placeholder__ca7f2db7 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n stroke: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 path {\n stroke: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_open__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_disabled__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n\n.Dropdownv2_module_body__ca7f2db7 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n padding: 1.25rem 0rem 1.25rem 0rem;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n min-height: 4rem;\n max-height: 25rem !important;\n outline: none;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdownv2_module_body__ca7f2db7::-webkit-scrollbar {\n display: none;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 li:nth-child(1) {\n padding-left: 1.875rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: var(--light-color3);\n padding-inline: 1.25rem;\n padding-block: 0.25rem;\n list-style: none;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] {\n width: auto;\n padding: 0% !important;\n background-color: transparent;\n color: var(--secondary-color2);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] > [data-elem=component2] {\n margin-left: 0.3125rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 .Dropdownv2_module_items__ca7f2db7 {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n gap: 2.5rem;\n position: sticky;\n background-color: var(--light-color3);\n padding: 0rem 1rem 1rem;\n bottom: 0;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiApply__ca7f2db7[type=submit] {\n flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit]:hover {\n background-color: var(--light-color1);\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
17873
|
+
var modules_ef7e5a18 = {"root":"Dropdownv2_module_root__ca7f2db7","label":"Dropdownv2_module_label__ca7f2db7","required":"Dropdownv2_module_required__ca7f2db7","header":"Dropdownv2_module_header__ca7f2db7","highlightOnSelect":"Dropdownv2_module_highlightOnSelect__ca7f2db7","icon-bundle":"Dropdownv2_module_iconBundle__ca7f2db7","caret-icon":"Dropdownv2_module_caretIcon__ca7f2db7","caret-icon-upDown":"Dropdownv2_module_caretIconUpDown__ca7f2db7","open":"Dropdownv2_module_open__ca7f2db7","error":"Dropdownv2_module_error__ca7f2db7","input":"Dropdownv2_module_input__ca7f2db7","select":"Dropdownv2_module_select__ca7f2db7","feedback-error":"Dropdownv2_module_feedbackError__ca7f2db7","placeholder":"Dropdownv2_module_placeholder__ca7f2db7","info-icon":"Dropdownv2_module_infoIcon__ca7f2db7","icon":"Dropdownv2_module_icon__ca7f2db7","disabled":"Dropdownv2_module_disabled__ca7f2db7","body":"Dropdownv2_module_body__ca7f2db7","multi":"Dropdownv2_module_multi__ca7f2db7","multi-options":"Dropdownv2_module_multiOptions__ca7f2db7","button":"Dropdownv2_module_button__ca7f2db7","items":"Dropdownv2_module_items__ca7f2db7","footer":"Dropdownv2_module_footer__ca7f2db7","multi-apply":"Dropdownv2_module_multiApply__ca7f2db7","multi-clear":"Dropdownv2_module_multiClear__ca7f2db7"};
|
|
17874
17874
|
n(css$K,{});
|
|
17875
17875
|
|
|
17876
17876
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
@@ -18299,7 +18299,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
18299
18299
|
top: y !== null && y !== void 0 ? y : 0,
|
|
18300
18300
|
left: x !== null && x !== void 0 ? x : 0
|
|
18301
18301
|
},
|
|
18302
|
-
className: classes(modules_ef7e5a18.body,
|
|
18302
|
+
className: classes(modules_ef7e5a18.body, open ? modules_ef7e5a18.open : '', multi ? modules_ef7e5a18.multi : '', popperClassName)
|
|
18303
18303
|
})), {}, {
|
|
18304
18304
|
initial: {
|
|
18305
18305
|
opacity: 0,
|
|
@@ -23746,6 +23746,7 @@ var TableFilters = function TableFilters(props) {
|
|
|
23746
23746
|
CustomSearchIcon = props.customSearchIcon,
|
|
23747
23747
|
_props$onSearch = props.onSearch,
|
|
23748
23748
|
onSearch = _props$onSearch === void 0 ? function () {} : _props$onSearch,
|
|
23749
|
+
onClear = props.onClear,
|
|
23749
23750
|
_props$searchPlacehol = props.searchPlaceholder,
|
|
23750
23751
|
searchPlaceholder = _props$searchPlacehol === void 0 ? '' : _props$searchPlacehol,
|
|
23751
23752
|
_props$toggleDrawer = props.toggleDrawer,
|
|
@@ -23830,6 +23831,14 @@ var TableFilters = function TableFilters(props) {
|
|
|
23830
23831
|
})), /*#__PURE__*/jsx(Button, {
|
|
23831
23832
|
className: modules_a0fe63f9['search-button'],
|
|
23832
23833
|
leftComponent: function leftComponent() {
|
|
23834
|
+
if (onClear) {
|
|
23835
|
+
return /*#__PURE__*/jsx(Cross, {
|
|
23836
|
+
className: modules_a0fe63f9.icon,
|
|
23837
|
+
onClick: function onClick() {
|
|
23838
|
+
onSearch('');
|
|
23839
|
+
}
|
|
23840
|
+
});
|
|
23841
|
+
}
|
|
23833
23842
|
return /*#__PURE__*/jsx(SearchIcon, {
|
|
23834
23843
|
className: modules_a0fe63f9.icon,
|
|
23835
23844
|
onClick: function onClick() {
|
|
@@ -24005,7 +24014,8 @@ var Table = function Table(props) {
|
|
|
24005
24014
|
_searchProps$placehol = searchProps.placeholder,
|
|
24006
24015
|
searchPlaceholder = _searchProps$placehol === void 0 ? 'Search' : _searchProps$placehol,
|
|
24007
24016
|
_searchProps$disabled = searchProps.disabled,
|
|
24008
|
-
searchDisabled = _searchProps$disabled === void 0 ? false : _searchProps$disabled
|
|
24017
|
+
searchDisabled = _searchProps$disabled === void 0 ? false : _searchProps$disabled,
|
|
24018
|
+
onClear = searchProps.onClear;
|
|
24009
24019
|
var _tableInfo$tableTitle = tableInfo.tableTitleIcon,
|
|
24010
24020
|
tableTitleIcon = _tableInfo$tableTitle === void 0 ? null : _tableInfo$tableTitle,
|
|
24011
24021
|
_tableInfo$title = tableInfo.title,
|
|
@@ -24132,6 +24142,7 @@ var Table = function Table(props) {
|
|
|
24132
24142
|
tableDescriptionText: tableDescription,
|
|
24133
24143
|
customSearchIcon: customSearchIcon,
|
|
24134
24144
|
onSearch: onSearch,
|
|
24145
|
+
onClear: onClear,
|
|
24135
24146
|
searchDisabled: searchDisabled,
|
|
24136
24147
|
searchPlaceholder: searchPlaceholder,
|
|
24137
24148
|
toggleDrawer: toggleDrawer,
|