@mw-kit/mw-ui 1.7.52 → 1.7.54
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/components/Filters/AppliedFilters/interfaces.d.ts +1 -1
- package/dist/components/Filters/Button/interfaces.d.ts +2 -0
- package/dist/components/Filters/Button/styles.d.ts +4 -1
- package/dist/components/Filters/Filters/interfaces.d.ts +1 -1
- package/dist/index.js +11 -5
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +11 -5
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,4 +6,4 @@ export interface Common {
|
|
|
6
6
|
appliedFilters: [AppliedFilter[], React.Dispatch<React.SetStateAction<AppliedFilter[]>>];
|
|
7
7
|
containerProps?: Omit<AbsoluteContainerProps, 'open'>;
|
|
8
8
|
}
|
|
9
|
-
export declare type AppliedFiltersProps = Common & Omit<ButtonProps, 'getContent'>;
|
|
9
|
+
export declare type AppliedFiltersProps = Common & Omit<ButtonProps, 'getContent' | 'gap'>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { SpacingOrZero } from '../../../interfaces';
|
|
2
3
|
export interface ButtonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
disabled?: true;
|
|
4
5
|
getContent: (open: boolean, close: () => void) => JSX.Element;
|
|
6
|
+
gap: SpacingOrZero;
|
|
5
7
|
}
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { SpacingOrZero } from '../../../interfaces';
|
|
2
|
+
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
|
+
$gap: SpacingOrZero;
|
|
4
|
+
}, never>;
|
|
@@ -47,5 +47,5 @@ export interface Common {
|
|
|
47
47
|
containerProps?: Omit<AbsoluteContainerProps, 'open'>;
|
|
48
48
|
subContainerProps?: Pick<AbsoluteContainerProps, 'center'>;
|
|
49
49
|
}
|
|
50
|
-
export declare type FiltersProps = Common & Omit<ButtonProps, 'getContent'>;
|
|
50
|
+
export declare type FiltersProps = Common & Omit<ButtonProps, 'getContent' | 'gap'>;
|
|
51
51
|
export {};
|
package/dist/index.js
CHANGED
|
@@ -14969,8 +14969,8 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14969
14969
|
'max-height': {}
|
|
14970
14970
|
}
|
|
14971
14971
|
},
|
|
14972
|
-
emptyContent:
|
|
14973
|
-
children:
|
|
14972
|
+
emptyContent: React__default.createElement(EmptyContentContainer, {
|
|
14973
|
+
children: props.emptyContent || 'Nenhuma opção encontrada'
|
|
14974
14974
|
})
|
|
14975
14975
|
}))));
|
|
14976
14976
|
});
|
|
@@ -17229,8 +17229,9 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
17229
17229
|
|
|
17230
17230
|
var _templateObject$z, _templateObject2$s, _templateObject3$n;
|
|
17231
17231
|
var Container$8 = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
17232
|
-
var theme = _ref.theme
|
|
17233
|
-
|
|
17232
|
+
var theme = _ref.theme,
|
|
17233
|
+
gap = _ref.$gap;
|
|
17234
|
+
return gap === '0' ? '0' : theme.spacings[gap];
|
|
17234
17235
|
}, function (_ref2) {
|
|
17235
17236
|
var theme = _ref2.theme;
|
|
17236
17237
|
return theme.colors.darkestGrey;
|
|
@@ -17260,10 +17261,13 @@ var Button$5 = function Button(props) {
|
|
|
17260
17261
|
return !prev;
|
|
17261
17262
|
});
|
|
17262
17263
|
};
|
|
17264
|
+
var buttonProps = filterObject(props, ['getContent', 'gap']);
|
|
17263
17265
|
return React__default.createElement("div", {
|
|
17264
17266
|
ref: useOnClickOut(close)
|
|
17265
|
-
}, React__default.createElement(Container$8, Object.assign({},
|
|
17267
|
+
}, React__default.createElement(Container$8, Object.assign({}, buttonProps, {
|
|
17266
17268
|
onClick: onClick
|
|
17269
|
+
}, {
|
|
17270
|
+
"$gap": props.gap
|
|
17267
17271
|
}), props.children, React__default.createElement(Icon, {
|
|
17268
17272
|
type: 'semantic',
|
|
17269
17273
|
icon: open ? 'caret up' : 'caret down',
|
|
@@ -17276,6 +17280,7 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17276
17280
|
containerProps = props.containerProps;
|
|
17277
17281
|
var buttonProps = filterObject(props, ['appliedFilters']);
|
|
17278
17282
|
return React__default.createElement(Button$5, Object.assign({}, buttonProps, {
|
|
17283
|
+
gap: 's1',
|
|
17279
17284
|
getContent: function getContent(open, close) {
|
|
17280
17285
|
return React__default.createElement(AppliedFiltersMenu, Object.assign({}, {
|
|
17281
17286
|
open: open,
|
|
@@ -17709,6 +17714,7 @@ var Filters = Object.assign(function (props) {
|
|
|
17709
17714
|
subContainerProps = props.subContainerProps;
|
|
17710
17715
|
var buttonProps = filterObject(props, ['items', 'setAppliedFilters']);
|
|
17711
17716
|
return React__default.createElement(Button$5, Object.assign({}, buttonProps, {
|
|
17717
|
+
gap: 's4',
|
|
17712
17718
|
getContent: function getContent(open, close) {
|
|
17713
17719
|
return React__default.createElement(FiltersMenu, Object.assign({}, {
|
|
17714
17720
|
open: open,
|