@odx/websites-react 1.0.37 → 1.0.38

package/dist/components/actions/filterPanel/FilterPanel.d.ts

@@ -1,25 +1,30 @@
 import * as React from 'react';
 import { HeadlineProps } from '../../typography/headline';
+import { ButtonProps } from '../button';
 export interface FilterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    headline: string;
-    buttonLabel?: React.ReactNode;
-    headerClassName?: string;
-    className?: string;
-    clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
-    headlineActAs?: HeadlineProps['actAs'];
+    children?: React.ReactNode;
 }
 declare const FilterPanel: React.FC<FilterPanelProps>;
 export interface FilterPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    buttonLabel?: React.ReactNode;
-    headline: string;
-    className?: string;
-    clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    headline?: string;
+    clearButtonLabel?: string;
+    clearButtonProps?: Omit<ButtonProps, 'icon'>;
     headlineActAs?: HeadlineProps['actAs'];
 }
+declare const FilterPanelHeader: React.FC<FilterPanelHeaderProps>;
+export interface FilterPanelFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    footerButtonLabel?: string;
+    footerButtonProps?: Omit<ButtonProps, 'icon'>;
+    footerButtonIcon?: React.ReactNode;
+}
+declare const FilterPanelFooter: React.FC<FilterPanelFooterProps>;
 export interface FilterPanelCategoryProps extends React.HTMLAttributes<HTMLDivElement> {
-    headline: string;
+    headline?: string;
+    headlineActAs?: HeadlineProps['actAs'];
 }
 declare const FilterPanelCategory: React.FC<FilterPanelCategoryProps>;
-export { FilterPanel, FilterPanelCategory };
+export interface FilterPanelCategoryRowProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const FilterPanelCategoryRow: React.FC<FilterPanelCategoryRowProps>;
+export { FilterPanel, FilterPanelHeader, FilterPanelFooter, FilterPanelCategory, FilterPanelCategoryRow, };
 //# sourceMappingURL=FilterPanel.d.ts.map

package/dist/components/actions/filterPanel/FilterPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIlE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsB3C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAgCD,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAY3D,CAAC;AAIF,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAM3C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgCvD,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAWrD,CAAC;AACJ,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAc3D,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAUjE,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,CAAC"}

package/dist/components/actions/filterPanel/FilterPanel.js

@@ -3,13 +3,15 @@ import { cn } from '../../../utils';
 import { Headline } from '../../typography/headline';
 import { Button } from '../button';
 import { Icon } from '../../images-icons/icon';
-const FilterPanel = ({ children, headline, buttonLabel, headerClassName, className, clearButtonProps, headlineActAs, ...props }) => {
-    return (_jsxs("div", { className: className, ...props, children: [_jsx(FilterPanelHeader, { headline: headline, buttonLabel: buttonLabel, className: headerClassName, clearButtonProps: clearButtonProps, headlineActAs: headlineActAs }), _jsx("div", { className: "flex flex-col gap-6", children: children })] }));
+const FilterPanel = ({ children, ...props }) => {
+    return (_jsx("div", { className: "flex flex-col gap-6", ...props, children: children }));
 };
-const FilterPanelHeader = ({ buttonLabel, headline, className, clearButtonProps, headlineActAs, ...props }) => {
-    return (_jsxs("div", { className: cn('flex justify-between items-center pb-6', className), ...props, children: [_jsx(Headline, { headingLevel: 'h5', actAs: headlineActAs, children: headline }), buttonLabel && (_jsx(Button, { variant: "ghost", size: 'sm', iconLeft: _jsx(Icon, { iconSet: "core", iconName: "reload", size: 'sm' }), ...clearButtonProps, children: buttonLabel }))] }));
+const FilterPanelHeader = ({ headline, className, headlineActAs, clearButtonProps, clearButtonLabel, ...props }) => {
+    const hasContent = Boolean(headline || clearButtonLabel);
+    return (hasContent && (_jsxs("div", { className: cn('flex justify-between items-center', className), ...props, children: [headline && (_jsx(Headline, { headingLevel: 'h5', actAs: headlineActAs, children: headline })), _jsx(Button, { ...clearButtonProps, variant: "ghost", size: "sm", iconLeft: _jsx(Icon, { iconSet: "core", iconName: "reload" }), children: clearButtonLabel })] })));
 };
-const FilterPanelCategory = ({ headline, className, children, ...props }) => (_jsxs("div", { className: cn(className), ...props, children: [_jsx(Headline, { headingLevel: "h6", className: "mb-6", children: headline }), children] }));
-FilterPanel.displayName = 'FilterPanel';
-export { FilterPanel, FilterPanelCategory };
+const FilterPanelFooter = ({ footerButtonProps, footerButtonLabel, footerButtonIcon, }) => (footerButtonProps || footerButtonLabel) && (_jsx("div", { className: "flex justify-end", children: _jsx(Button, { ...footerButtonProps, iconLeft: footerButtonIcon, children: footerButtonLabel }) }));
+const FilterPanelCategory = ({ headline, headlineActAs, children, ...props }) => (_jsxs("div", { ...props, children: [headline && (_jsx(Headline, { headingLevel: "h5", className: "mb-6", actAs: headlineActAs, children: headline })), _jsx("div", { className: cn('flex flex-col gap-6'), children: children })] }));
+const FilterPanelCategoryRow = ({ children, ...props }) => (_jsx("div", { className: 'grid grid-cols-[repeat(auto-fit,minmax(16.875rem,1fr))] gap-6', ...props, children: children }));
+export { FilterPanel, FilterPanelHeader, FilterPanelFooter, FilterPanelCategory, FilterPanelCategoryRow, };
 //# sourceMappingURL=FilterPanel.js.map

package/dist/components/actions/filterPanel/FilterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAY7C,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,KAAK,aAClC,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,GAC5B,EACF,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,aAET,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,YAC/C,QAAQ,GACA,EACV,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI,KAC3D,gBAAgB,YAEnB,WAAW,GACL,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,aACtC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACzC,QAAQ,GACA,EACV,QAAQ,IACL,CACP,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAc,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAM7C,MAAM,WAAW,GAA+B,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACvE,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,KAAK,KAAK,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC;IAEzD,OAAO,CACL,UAAU,IAAI,CACZ,eACE,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KACzD,KAAK,aAER,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,YAC/C,QAAQ,GACA,CACZ,EACD,KAAC,MAAM,OACD,gBAAgB,EACpB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,YAElD,gBAAgB,GACV,IACL,CACP,CACF,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,EAAE,CACH,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,IAAI,CAC1C,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,MAAM,OAAK,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,YACtD,iBAAiB,GACX,GACL,CACP,CAAC;AAOJ,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,aACX,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,aAAa,YAC9D,QAAQ,GACA,CACZ,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,YAAG,QAAQ,GAAO,IACvD,CACP,CAAC;AAKF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,+DAA+D,KACtE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",