@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/cjs/index.js
CHANGED
|
@@ -17890,8 +17890,8 @@ Tooltip.propTypes = {
|
|
|
17890
17890
|
className: propTypesExports.string
|
|
17891
17891
|
};
|
|
17892
17892
|
|
|
17893
|
-
var css$K = ".
|
|
17894
|
-
var modules_ef7e5a18 = {"root":"
|
|
17893
|
+
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}";
|
|
17894
|
+
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"};
|
|
17895
17895
|
n(css$K,{});
|
|
17896
17896
|
|
|
17897
17897
|
var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef) {
|
|
@@ -18320,7 +18320,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
18320
18320
|
top: y !== null && y !== void 0 ? y : 0,
|
|
18321
18321
|
left: x !== null && x !== void 0 ? x : 0
|
|
18322
18322
|
},
|
|
18323
|
-
className: classes(modules_ef7e5a18.body,
|
|
18323
|
+
className: classes(modules_ef7e5a18.body, open ? modules_ef7e5a18.open : '', multi ? modules_ef7e5a18.multi : '', popperClassName)
|
|
18324
18324
|
})), {}, {
|
|
18325
18325
|
initial: {
|
|
18326
18326
|
opacity: 0,
|
|
@@ -23767,6 +23767,7 @@ var TableFilters = function TableFilters(props) {
|
|
|
23767
23767
|
CustomSearchIcon = props.customSearchIcon,
|
|
23768
23768
|
_props$onSearch = props.onSearch,
|
|
23769
23769
|
onSearch = _props$onSearch === void 0 ? function () {} : _props$onSearch,
|
|
23770
|
+
onClear = props.onClear,
|
|
23770
23771
|
_props$searchPlacehol = props.searchPlaceholder,
|
|
23771
23772
|
searchPlaceholder = _props$searchPlacehol === void 0 ? '' : _props$searchPlacehol,
|
|
23772
23773
|
_props$toggleDrawer = props.toggleDrawer,
|
|
@@ -23851,6 +23852,14 @@ var TableFilters = function TableFilters(props) {
|
|
|
23851
23852
|
})), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
23852
23853
|
className: modules_a0fe63f9['search-button'],
|
|
23853
23854
|
leftComponent: function leftComponent() {
|
|
23855
|
+
if (onClear) {
|
|
23856
|
+
return /*#__PURE__*/jsxRuntime.jsx(Cross, {
|
|
23857
|
+
className: modules_a0fe63f9.icon,
|
|
23858
|
+
onClick: function onClick() {
|
|
23859
|
+
onSearch('');
|
|
23860
|
+
}
|
|
23861
|
+
});
|
|
23862
|
+
}
|
|
23854
23863
|
return /*#__PURE__*/jsxRuntime.jsx(SearchIcon, {
|
|
23855
23864
|
className: modules_a0fe63f9.icon,
|
|
23856
23865
|
onClick: function onClick() {
|
|
@@ -24026,7 +24035,8 @@ var Table = function Table(props) {
|
|
|
24026
24035
|
_searchProps$placehol = searchProps.placeholder,
|
|
24027
24036
|
searchPlaceholder = _searchProps$placehol === void 0 ? 'Search' : _searchProps$placehol,
|
|
24028
24037
|
_searchProps$disabled = searchProps.disabled,
|
|
24029
|
-
searchDisabled = _searchProps$disabled === void 0 ? false : _searchProps$disabled
|
|
24038
|
+
searchDisabled = _searchProps$disabled === void 0 ? false : _searchProps$disabled,
|
|
24039
|
+
onClear = searchProps.onClear;
|
|
24030
24040
|
var _tableInfo$tableTitle = tableInfo.tableTitleIcon,
|
|
24031
24041
|
tableTitleIcon = _tableInfo$tableTitle === void 0 ? null : _tableInfo$tableTitle,
|
|
24032
24042
|
_tableInfo$title = tableInfo.title,
|
|
@@ -24153,6 +24163,7 @@ var Table = function Table(props) {
|
|
|
24153
24163
|
tableDescriptionText: tableDescription,
|
|
24154
24164
|
customSearchIcon: customSearchIcon,
|
|
24155
24165
|
onSearch: onSearch,
|
|
24166
|
+
onClear: onClear,
|
|
24156
24167
|
searchDisabled: searchDisabled,
|
|
24157
24168
|
searchPlaceholder: searchPlaceholder,
|
|
24158
24169
|
toggleDrawer: toggleDrawer,
|