pne-ui 4.0.8 → 4.0.11

package/esm/src/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js

@@ -0,0 +1,169 @@
+import React, { useEffect, useState } from 'react';
+import { Box, MenuItem, Select, Typography } from '@mui/material';
+import { selectUnderChipSx } from "./style";
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { useSearchUIFiltersStore } from "../../state/store";
+import { useTranslation } from "react-i18next";
+const GROUPS = [
+    {
+        id: 'searchLabelGroupID.orders.main',
+        label: 'searchLabelGroup.main',
+        items: [
+            { value: 'merchant_invoice_id', label: 'searchLabel.merchant_invoice_id' },
+            { value: 'order_id', label: 'searchLabel.order_id' },
+            { value: 'processor_order_id', label: 'searchLabel.processor_order_id' },
+            { value: 'purpose', label: 'searchLabel.purpose' },
+            { value: 'transaction_amount', label: 'searchLabel.transaction_amount' },
+            { value: 'session_token', label: 'searchLabel.session_token' },
+            { value: 'batch_id', label: 'searchLabel.batch_id' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.customer',
+        label: 'searchLabelGroup.customer',
+        items: [
+            { value: 'customer_id', label: 'searchLabel.customer_id' },
+            { value: 'customer_phone', label: 'searchLabel.customer_phone' },
+            { value: 'customer_email', label: 'searchLabel.customer_email' },
+            { value: 'customer_ip', label: 'searchLabel.customer_ip' },
+            { value: 'customer_ip_country', label: 'searchLabel.customer_ip_country' },
+            { value: 'customer_billing_country', label: 'searchLabel.customer_billing_country' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.sourceCard',
+        label: 'searchLabelGroup.sourceCard',
+        items: [
+            { value: 'source_bank_name', label: 'searchLabel.source_bank_name' },
+            { value: 'source_country', label: 'searchLabel.source_country' },
+            { value: 'source_from_order_id', label: 'searchLabel.source_from_order_id' },
+            { value: 'source_bin', label: 'searchLabel.source_bin' },
+            { value: 'source_bin_range_from_order_id', label: 'searchLabel.source_bin_range_from_order_id' },
+            { value: 'source_last4', label: 'searchLabel.source_last4' },
+            { value: 'source_bin_last4', label: 'searchLabel.source_bin_last4' },
+            { value: 'source_auth_code', label: 'searchLabel.source_auth_code' },
+            { value: 'source_arn', label: 'searchLabel.source_arn' },
+            { value: 'source_rrn', label: 'searchLabel.source_rrn' },
+            { value: 'source_card_holder', label: 'searchLabel.source_card_holder' },
+            { value: 'source_card_ref_id', label: 'searchLabel.source_card_ref_id' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.destinationCard',
+        label: 'searchLabelGroup.destinationCard',
+        items: [
+            { value: 'dest_bank_name', label: 'searchLabel.dest_bank_name' },
+            { value: 'dest_country', label: 'searchLabel.dest_country' },
+            { value: 'dest_from_order_id', label: 'searchLabel.dest_from_order_id' },
+            { value: 'dest_bin', label: 'searchLabel.dest_bin' },
+            { value: 'dest_bin_range_from_order_id', label: 'searchLabel.dest_bin_range_from_order_id' },
+            { value: 'dest_last4', label: 'searchLabel.dest_last4' },
+            { value: 'dest_bin_last', label: 'searchLabel.dest_bin_last' },
+            { value: 'dest_auth_code', label: 'searchLabel.dest_auth_code' },
+            { value: 'dest_arn', label: 'searchLabel.dest_arn' },
+            { value: 'dest_rrn', label: 'searchLabel.dest_rrn' },
+            { value: 'dest_card_ref_id', label: 'searchLabel.dest_card_ref_id' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.wire',
+        label: 'searchLabelGroup.wire',
+        items: [
+            { value: 'account_number', label: 'searchLabel.account_number' },
+            { value: 'routing_number', label: 'searchLabel.routing_number' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.cardPresentAPI',
+        label: 'searchLabelGroup.cardPresentAPI',
+        items: [
+            { value: 'reader_id', label: 'searchLabel.reader_id' },
+            { value: 'reader_key_serial_number', label: 'searchLabel.reader_key_serial_number' },
+            { value: 'reader_device_serial_number', label: 'searchLabel.reader_device_serial_number' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.mobileAPI',
+        label: 'searchLabelGroup.mobileAPI',
+        items: [
+            { value: 'device_serial_number', label: 'searchLabel.device_serial_number' },
+            { value: 'phone_serial_number', label: 'searchLabel.phone_serial_number' },
+            { value: 'phone_imei', label: 'searchLabel.phone_imei' },
+        ],
+    },
+];
+const EXPANDED_GROUPS_STORAGE_KEY = 'SearchUI_ordersSearch_expandedGroups';
+export const SearchUICollapsableGroupSelect = (props) => {
+    const { t } = useTranslation();
+    const ordersSearchLabel = useSearchUIFiltersStore(s => s.ordersSearchLabel);
+    const setOrderSearchCriterionLabel = useSearchUIFiltersStore(s => s.setOrderSearchCriterionLabel);
+    const [selectedValue, setSelectedValue] = useState(ordersSearchLabel);
+    useEffect(() => {
+        setSelectedValue(ordersSearchLabel);
+    }, [ordersSearchLabel]);
+    const [expandedGroups, setExpandedGroups] = useState(() => {
+        const stored = localStorage.getItem(EXPANDED_GROUPS_STORAGE_KEY);
+        if (stored) {
+            try {
+                const parsed = JSON.parse(stored);
+                GROUPS.forEach(group => {
+                    if (typeof parsed[group.id] !== 'boolean') {
+                        parsed[group.id] = true;
+                    }
+                });
+                return parsed;
+            }
+            catch (err) {
+                console.error('Error parsing expandedGroups from localStorage:', err);
+            }
+        }
+        const defaultState = {};
+        GROUPS.forEach(group => {
+            defaultState[group.id] = true;
+        });
+        return defaultState;
+    });
+    useEffect(() => {
+        localStorage.setItem(EXPANDED_GROUPS_STORAGE_KEY, JSON.stringify(expandedGroups));
+    }, [expandedGroups]);
+    const handleChange = (event) => {
+        setOrderSearchCriterionLabel(event.target.value);
+    };
+    const toggleGroup = (groupId, e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setExpandedGroups(prev => ({
+            ...prev,
+            [groupId]: !prev[groupId],
+        }));
+    };
+    const menuItems = GROUPS.flatMap(group => {
+        const isExpanded = expandedGroups[group.id];
+        return [
+            React.createElement(MenuItem, { key: group.id, sx: {
+                    bgcolor: '#f0f0f0',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    lineHeight: 1.5,
+                    p: 1,
+                }, disableRipple: true },
+                React.createElement(Box, { onClick: (e) => toggleGroup(group.id, e), sx: {
+                        width: '100%',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        cursor: 'pointer',
+                    } },
+                    React.createElement(Typography, { variant: "subtitle2" }, t(group.label)),
+                    isExpanded ? React.createElement(ExpandLessIcon, { fontSize: "small" }) : React.createElement(ExpandMoreIcon, { fontSize: "small" }))),
+            ...group.items.map(item => (React.createElement(MenuItem, { key: `${group.id}-${item.value}`, value: item.value, onClick: () => setSelectedValue(item.value), sx: { pl: 4, display: isExpanded ? 'block' : 'none' } }, t(item.label))))
+        ];
+    });
+    return React.createElement(Select, { value: selectedValue, onChange: handleChange, displayEmpty: true, MenuProps: {
+            anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+            transformOrigin: { vertical: 'top', horizontal: 'left' },
+        }, fullWidth: true, sx: selectUnderChipSx, ...props }, menuItems);
+};
+//# sourceMappingURL=SearchUICollapsableGroupSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUICollapsableGroupSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAA6B,UAAU,EAAC,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAW7C,MAAM,MAAM,GAAkB;IAC1B;QACI,EAAE,EAAE,gCAAgC;QACpC,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,iCAAiC,EAAC;YACxE,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAsB,EAAC;YAClD,EAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gCAAgC,EAAC;YACtE,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,qBAAqB,EAAC;YAChD,EAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gCAAgC,EAAC;YACtE,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAC;YAC5D,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAsB,EAAC;SACrD;KACJ;IACD;QACI,EAAE,EAAE,oCAAoC;QACxC,KAAK,EAAE,2BAA2B;QAClC,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,yBAAyB,EAAC;YACxD,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;YAC9D,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;YAC9D,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,yBAAyB,EAAC;YACxD,EAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,iCAAiC,EAAC;YACxE,EAAC,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,sCAAsC,EAAC;SACrF;KACJ;IACD;QACI,EAAE,EAAE,sCAAsC;QAC1C,KAAK,EAAE,6BAA6B;QACpC,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,8BAA8B,EAAC;YAClE,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;YAC9D,EAAC,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,kCAAkC,EAAC;YAC1E,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAC;YACtD,EAAC,KAAK,EAAE,gCAAgC,EAAE,KAAK,EAAE,4CAA4C,EAAC;YAC9F,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,0BAA0B,EAAC;YAC1D,EAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,8BAA8B,EAAC;YAClE,EAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,8BAA8B,EAAC;YAClE,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAC;YACtD,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAC;YACtD,EAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gCAAgC,EAAC;YACtE,EAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gCAAgC,EAAC;SACzE;KACJ;IACD;QACI,EAAE,EAAE,2CAA2C;QAC/C,KAAK,EAAE,kCAAkC;QACzC,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;YAC9D,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,0BAA0B,EAAC;YAC1D,EAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gCAAgC,EAAC;YACtE,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAsB,EAAC;YAClD,EAAC,KAAK,EAAE,8BAA8B,EAAE,KAAK,EAAE,0CAA0C,EAAC;YAC1F,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAC;YACtD,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAC;YAC5D,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;YAC9D,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAsB,EAAC;YAClD,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAsB,EAAC;YAClD,EAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,8BAA8B,EAAC;SACrE;KACJ;IACD;QACI,EAAE,EAAE,gCAAgC;QACpC,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;YAC9D,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAC;SACjE;KACJ;IACD;QACI,EAAE,EAAE,0CAA0C;QAC9C,KAAK,EAAE,iCAAiC;QACxC,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAC;YACpD,EAAC,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,sCAAsC,EAAC;YAClF,EAAC,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,yCAAyC,EAAC;SAC3F;KACJ;IACD;QACI,EAAE,EAAE,qCAAqC;QACzC,KAAK,EAAE,4BAA4B;QACnC,KAAK,EAAE;YACH,EAAC,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,kCAAkC,EAAC;YAC1E,EAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,iCAAiC,EAAC;YACxE,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAC;SACzD;KACJ;CACJ,CAAA;AAED,MAAM,2BAA2B,GAAG,sCAAsC,CAAA;AAQ1E,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3D,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAE5B,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC3E,MAAM,4BAA4B,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAA;IAEjG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,iBAAiB,CAAC,CAAA;IAE7E,SAAS,CAAC,GAAG,EAAE;QACX,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAA0B,GAAG,EAAE;QAC/E,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAA;QAChE,IAAI,MAAM,EAAE,CAAC;YACT,IAAI,CAAC;gBACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;gBACjC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACnB,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,SAAS,EAAE,CAAC;wBACxC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;oBAC3B,CAAC;gBACL,CAAC,CAAC,CAAA;gBACF,OAAO,MAAM,CAAA;YACjB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,iDAAiD,EAAE,GAAG,CAAC,CAAA;YACzE,CAAC;QACL,CAAC;QACD,MAAM,YAAY,GAA4B,EAAE,CAAA;QAChD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;QACjC,CAAC,CAAC,CAAA;QACF,OAAO,YAAY,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,OAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACrF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC9C,4BAA4B,CAAC,KAAK,CAAC,MAAM,CAAC,KAAyB,CAAC,CAAA;IACxE,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,CAAmB,EAAE,EAAE;QACzD,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACvB,GAAG,IAAI;YACP,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;SAC5B,CAAC,CAAC,CAAA;IACP,CAAC,CAAA;IAED,MAAM,SAAS,GAAsB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxD,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAE5C,OAAO;YACH,oBAAC,QAAQ,IACL,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,EAAE,EAAE;oBACA,OAAO,EAAE,SAAS;oBAClB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,GAAG;oBACf,CAAC,EAAE,CAAC;iBACP,EACD,aAAa;gBAEb,oBAAC,GAAG,IACA,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EACxC,EAAE,EAAE;wBACA,KAAK,EAAE,MAAM;wBACb,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,eAAe;wBAC/B,MAAM,EAAE,SAAS;qBACpB;oBAED,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,IAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAc;oBAC5D,UAAU,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,GAAE,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,GAAE,CACnF,CACC;YACX,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,oBAAC,QAAQ,IACL,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAChC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAC3C,EAAE,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAC,IAElD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACP,CACd,CAAC;SACL,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,oBAAC,MAAM,IACV,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,YAAY,EACtB,YAAY,QACZ,SAAS,EAAE;YACP,YAAY,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAC;YACtD,eAAe,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAC;SACzD,EACD,SAAS,QACT,EAAE,EAAE,iBAAiB,KACjB,KAAK,IAER,SAAS,CACL,CAAA;AACb,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/component/select/SearchUICountriesSelect.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Country } from '../../../../..';
+import { CountryAllableCollection } from '../../types';
+type Props = {
+    value: CountryAllableCollection;
+    onChange: (value: CountryAllableCollection) => void;
+    options: readonly Country[];
+};
+declare const SearchUICountriesSelect: (props: Props) => React.JSX.Element;
+export default SearchUICountriesSelect;

package/esm/src/component/search-ui/filters/component/select/SearchUICountriesSelect.js

@@ -0,0 +1,71 @@
+import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Chip } from '@mui/material';
+import { PneAutocomplete, PneCheckbox } from '../../../../..';
+const ALL_OPTION_ID = -1;
+const SearchUICountriesSelect = (props) => {
+    const { t } = useTranslation();
+    const { value, onChange, options, } = props;
+    const allOption = useMemo(() => ({
+        id: ALL_OPTION_ID,
+        displayName: t('react.searchUI.all'),
+        theCode: '',
+        theCode3: '',
+    }), [t]);
+    const optionsWithAll = useMemo(() => [allOption, ...options], [allOption, options]);
+    const selectedEntities = value.entities ?? [];
+    const isSelectAllChecked = value.all || selectedEntities.length === 0 || selectedEntities.length === options.length;
+    const onOptionChange = (optionValue) => {
+        if (optionValue.length === 0
+            || (optionValue.length === 1 && optionValue[0].id === ALL_OPTION_ID)) {
+            onChange({
+                all: true,
+                entities: [],
+            });
+        }
+        else {
+            onChange({
+                all: false,
+                entities: optionValue.filter(v => v.id !== ALL_OPTION_ID),
+            });
+        }
+    };
+    const onSelectAllOptionClick = (selected) => {
+        if (!selected) {
+            onChange({
+                all: true,
+                entities: [],
+            });
+        }
+    };
+    return React.createElement(PneAutocomplete, { value: isSelectAllChecked ? [allOption] : selectedEntities, options: optionsWithAll, onChange: (e, optionValue) => onOptionChange(optionValue), sx: selectSx, multiple: true, renderOption: (autocompleteProps, option, { selected }) => {
+            if (option.id === ALL_OPTION_ID) {
+                return React.createElement("li", { ...autocompleteProps, onClick: () => onSelectAllOptionClick(selected) },
+                    React.createElement(PneCheckbox, { checked: selected, disabled: selected }),
+                    option.displayName);
+            }
+            else {
+                return React.createElement("li", { ...autocompleteProps }, option.displayName);
+            }
+        }, renderValue: (tagValue, getItemProps) => tagValue.map((option, index) => {
+            const { key, onDelete, ...tagProps } = getItemProps({ index });
+            return React.createElement(Chip, { ...tagProps, key: key, label: option.displayName, size: 'small', onDelete: option.id === ALL_OPTION_ID ? undefined : onDelete });
+        }), disableClearable: true, disableCloseOnSelect: true, size: 'small' });
+};
+export default SearchUICountriesSelect;
+const selectSx = {
+    width: '100%',
+    '& .MuiButtonBase-root.MuiIconButton-root.MuiAutocomplete-popupIndicator': {
+        display: 'none',
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent !important',
+    },
+    '& .MuiInputBase-root.MuiOutlinedInput-root': {
+        pl: '0 !important',
+    },
+    '& .MuiButtonBase-root.MuiChip-root': {
+        m: '0 4px 0 0 !important',
+    },
+};
+//# sourceMappingURL=SearchUICountriesSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUICountriesSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUICountriesSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUICountriesSelect.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SearchUIDateRangeSpecTypeSelect: () => React.JSX.Element;
+export default SearchUIDateRangeSpecTypeSelect;

package/esm/src/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.js

@@ -0,0 +1,53 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { DATE_RANGE_SPEC_TYPES } from '../../types';
+import { Box, Chip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from '../../state/store';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { selectUnderChipSx } from './style';
+import { PneSelect } from '../../../../..';
+const SearchUIDateRangeSpecTypeSelect = () => {
+    const { t: optionRenderer } = useTranslation('', { keyPrefix: 'react.DateRangeSpecType' });
+    const dateRangeSpec = useSearchUIFiltersStore(s => s.dateRangeSpec);
+    const setDateRangeCriterion = useSearchUIFiltersStore(s => s.setDateRangeCriterion);
+    const dateRangeSpecTypes = useSearchUIFiltersStore(s => s.config?.dateRange?.dateRangeSpecTypes);
+    const [open, setOpen] = useState(false);
+    const availableSpecTypes = useMemo(() => {
+        return dateRangeSpecTypes?.length ? dateRangeSpecTypes : DATE_RANGE_SPEC_TYPES;
+    }, [dateRangeSpecTypes]);
+    useEffect(() => {
+        if (!availableSpecTypes.length) {
+            return;
+        }
+        if (!availableSpecTypes.includes(dateRangeSpec.dateRangeSpecType)) {
+            setDateRangeCriterion({
+                ...dateRangeSpec,
+                dateRangeSpecType: availableSpecTypes[0],
+            });
+        }
+    }, [availableSpecTypes, dateRangeSpec, setDateRangeCriterion]);
+    const withInputNear = dateRangeSpec.dateRangeSpecType === 'EXACTLY'
+        || dateRangeSpec.dateRangeSpecType === 'DAYS_BEFORE'
+        || dateRangeSpec.dateRangeSpecType === 'HOURS_BEFORE';
+    const selectSx = {
+        flexShrink: 0,
+        width: withInputNear ? '50%' : '100%',
+        [`& fieldset`]: {
+            borderRadius: '0',
+            borderColor: 'transparent !important',
+            borderRightColor: withInputNear ? '#F1F5FA !important' : 'transparent !important',
+        },
+        ...selectUnderChipSx,
+    };
+    const handleSetDateRangeSpecType = (dateRangeSpecType) => {
+        setDateRangeCriterion({
+            ...dateRangeSpec,
+            dateRangeSpecType: dateRangeSpecType,
+        });
+    };
+    return React.createElement(Box, { sx: { position: 'relative' } },
+        React.createElement(Chip, { onDelete: () => setOpen(true), deleteIcon: React.createElement(ExpandMoreIcon, null), label: optionRenderer(dateRangeSpec.dateRangeSpecType), size: 'small' }),
+        React.createElement(PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), sx: selectSx, getOptionLabel: opt => optionRenderer(opt.label), value: dateRangeSpec.dateRangeSpecType, onChange: dateRangeSpec => handleSetDateRangeSpecType(dateRangeSpec), options: availableSpecTypes }));
+};
+export default SearchUIDateRangeSpecTypeSelect;
+//# sourceMappingURL=SearchUIDateRangeSpecTypeSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIDateRangeSpecTypeSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ExactCriterionSearchLabelEnum } from '../../types';
+interface IProps {
+    value: ExactCriterionSearchLabelEnum;
+    onChange: (value: ExactCriterionSearchLabelEnum) => void;
+    options: ExactCriterionSearchLabelEnum[];
+}
+declare const SearchUIExactSearchLabelSelect: (props: IProps) => React.JSX.Element;
+export default SearchUIExactSearchLabelSelect;

package/esm/src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js

@@ -0,0 +1,16 @@
+import React, { useState } from 'react';
+import { Box, Chip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { selectUnderChipSx } from './style';
+import { PneSelect } from '../../../../..';
+const SearchUIExactSearchLabelSelect = (props) => {
+    const { t: optionRenderer } = useTranslation('', { keyPrefix: 'react.ExactCriterionSearchLabelEnum' });
+    const { value, onChange, options, } = props;
+    const [open, setOpen] = useState(false);
+    return React.createElement(Box, { sx: { position: 'relative' } },
+        React.createElement(Chip, { onDelete: () => setOpen(true), deleteIcon: React.createElement(ExpandMoreIcon, null), label: optionRenderer(value), size: 'small' }),
+        React.createElement(PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), sx: selectUnderChipSx, getOptionLabel: opt => optionRenderer(opt.label), value: value, onChange: (value) => onChange(value), options: options }));
+};
+export default SearchUIExactSearchLabelSelect;
+//# sourceMappingURL=SearchUIExactSearchLabelSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIExactSearchLabelSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAQzC,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,cAAc,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,qCAAqC,EAAC,CAAC,CAAA;IAClG,MAAM,EACF,KAAK,EACL,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;QAClC,oBAAC,IAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,oBAAC,cAAc,OAAE,EAC7B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAC5B,IAAI,EAAE,OAAO,GACf;QACF,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,EAAE,EAAE,iBAAiB,EACrB,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAsC,CAAC,EACrE,OAAO,EAAE,OAAO,GAClB,CACA,CAAA;AACV,CAAC,CAAA;AAED,eAAe,8BAA8B,CAAA"}

package/esm/src/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SearchUIGroupingDateTypeSelect: () => React.JSX.Element;
+export default SearchUIGroupingDateTypeSelect;

package/esm/src/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { GROUPING_DATE_TYPES } from '../../types';
+import { Box, Chip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from '../../state/store';
+import { selectUnderChipSx } from './style';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { PneSelect } from '../../../../..';
+const SearchUIGroupingDateTypeSelect = () => {
+    const { t: optionRenderer } = useTranslation('', { keyPrefix: 'performanceReport.groupType' });
+    const dateType = useSearchUIFiltersStore(s => s.grouping.dateType);
+    const setGroupingCriterionDateType = useSearchUIFiltersStore(s => s.setGroupingCriterionDateType);
+    const [open, setOpen] = useState(false);
+    return React.createElement(Box, { sx: { position: 'relative' } },
+        React.createElement(Chip, { onDelete: () => setOpen(true), deleteIcon: React.createElement(ExpandMoreIcon, null), label: optionRenderer(dateType), size: 'small' }),
+        React.createElement(PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), sx: selectUnderChipSx, getOptionLabel: opt => optionRenderer(opt.label), value: dateType, onChange: (value) => setGroupingCriterionDateType(value), options: GROUPING_DATE_TYPES }));
+};
+export default SearchUIGroupingDateTypeSelect;
+//# sourceMappingURL=SearchUIGroupingDateTypeSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIGroupingDateTypeSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,mBAAmB,EAAmB,MAAM,aAAa,CAAC;AAClE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACxC,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,cAAc,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,6BAA6B,EAAC,CAAC,CAAA;IAE1F,MAAM,QAAQ,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAClE,MAAM,4BAA4B,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAA;IAEjG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;QAClC,oBAAC,IAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,oBAAC,cAAc,OAAE,EAC7B,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,EAC/B,IAAI,EAAE,OAAO,GACf;QACF,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,EAAE,EAAE,iBAAiB,EACrB,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAChD,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,4BAA4B,CAAC,KAAyB,CAAC,EAC5E,OAAO,EAAE,mBAAmB,GAC9B,CACA,CAAA;AACV,CAAC,CAAA;AAED,eAAe,8BAA8B,CAAA"}

package/esm/src/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SearchUIOrderDateTypeSelect: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.js

@@ -0,0 +1,28 @@
+import React, { useState } from 'react';
+import { ORDER_DATE_TYPES } from '../../types';
+import { Box, Chip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from '../../state/store';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { selectUnderChipSx } from './style';
+import { PneSelect } from '../../../../..';
+export const SearchUIOrderDateTypeSelect = () => {
+    const { t: optionRenderer } = useTranslation('', { keyPrefix: 'orders.orderlist.search.datesType' });
+    const orderDateType = useSearchUIFiltersStore(s => s.orderDateType);
+    const setDateRangeCriterionOrderDateType = useSearchUIFiltersStore(s => s.setDateRangeCriterionOrderDateType);
+    const [open, setOpen] = useState(false);
+    const selectSx = {
+        flexShrink: 0,
+        width: '100%',
+        [`& fieldset`]: {
+            borderRadius: '0',
+            borderColor: 'transparent !important',
+            borderRightColor: 'transparent !important',
+        },
+        ...selectUnderChipSx
+    };
+    return React.createElement(Box, { sx: { position: 'relative' } },
+        React.createElement(Chip, { onDelete: () => setOpen(true), deleteIcon: React.createElement(ExpandMoreIcon, null), label: optionRenderer(orderDateType), size: 'small' }),
+        React.createElement(PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), sx: selectSx, getOptionLabel: opt => optionRenderer(opt.label), value: orderDateType, onChange: orderDateType => setDateRangeCriterionOrderDateType(orderDateType), options: ORDER_DATE_TYPES }));
+};
+//# sourceMappingURL=SearchUIOrderDateTypeSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIOrderDateTypeSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,gBAAgB,EAAY,MAAM,aAAa,CAAC;AACxD,OAAO,EAAC,GAAG,EAAE,IAAI,EAAU,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,cAAc,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,mCAAmC,EAAC,CAAC,CAAA;IAEhG,MAAM,aAAa,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;IACnE,MAAM,kCAAkC,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAA;IAE7G,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,QAAQ,GAAY;QACtB,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,MAAM;QACb,CAAC,YAAY,CAAC,EAAE;YACZ,YAAY,EAAE,GAAG;YACjB,WAAW,EAAE,wBAAwB;YACrC,gBAAgB,EAAE,wBAAwB;SAC7C;QACD,GAAG,iBAAiB;KACvB,CAAA;IAED,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;QAClC,oBAAC,IAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,oBAAC,cAAc,OAAE,EAC7B,KAAK,EAAE,cAAc,CAAC,aAAa,CAAC,EACpC,IAAI,EAAE,OAAO,GACf;QACF,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAChD,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,aAAa,CAAC,EAAE,CAAC,kCAAkC,CAAC,aAA0B,CAAC,EACzF,OAAO,EAAE,gBAAgB,GAC3B,CACA,CAAA;AACV,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SearchUIOrdersSearchLabelSelect: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.js

@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import { Box, Chip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { useSearchUIFiltersStore } from "../../state/store";
+import { SearchUICollapsableGroupSelect } from './SearchUICollapsableGroupSelect';
+export const SearchUIOrdersSearchLabelSelect = () => {
+    const { t: optionRenderer } = useTranslation('', { keyPrefix: 'searchLabel' });
+    const ordersSearchLabel = useSearchUIFiltersStore(s => s.ordersSearchLabel);
+    const [open, setOpen] = useState(false);
+    return React.createElement(Box, { sx: { position: 'relative' } },
+        React.createElement(Chip, { onDelete: () => setOpen(true), deleteIcon: React.createElement(ExpandMoreIcon, null), label: optionRenderer(ordersSearchLabel), size: 'small' }),
+        React.createElement(SearchUICollapsableGroupSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true) }));
+};
+//# sourceMappingURL=SearchUIOrdersSearchLabelSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIOrdersSearchLabelSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,8BAA8B,EAAC,MAAM,kCAAkC,CAAC;AAEhF,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,EAAE;IAChD,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,cAAc,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,aAAa,EAAC,CAAC,CAAA;IAE1E,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAE3E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;QAClC,oBAAC,IAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,oBAAC,cAAc,OAAE,EAC7B,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,EACxC,IAAI,EAAE,OAAO,GACf;QACF,oBAAC,8BAA8B,IAC3B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAC7B,CACA,CAAA;AACV,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/component/select/SearchUIProcessorLogEntryTypeSelect.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AbstractEntity } from '../../../../..';
+interface IProps {
+    value: AbstractEntity | null;
+    onChange: (value: AbstractEntity) => void;
+    options: AbstractEntity[];
+}
+declare const SearchUIProcessorLogEntryTypeSelect: (props: IProps) => React.JSX.Element;
+export default SearchUIProcessorLogEntryTypeSelect;

package/esm/src/component/search-ui/filters/component/select/SearchUIProcessorLogEntryTypeSelect.js

@@ -0,0 +1,20 @@
+import React, { useState } from 'react';
+import { Box, Chip } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { selectUnderChipSx } from './style';
+import { PneSelect } from '../../../../..';
+import { useTranslation } from 'react-i18next';
+const NULL_OPTION = {
+    id: 0,
+    displayName: '',
+};
+const SearchUIProcessorLogEntryTypeSelect = (props) => {
+    const { t } = useTranslation();
+    const { value, onChange, options, } = props;
+    const [open, setOpen] = useState(false);
+    return React.createElement(Box, { sx: { position: 'relative' } },
+        React.createElement(Chip, { onDelete: () => setOpen(true), deleteIcon: React.createElement(ExpandMoreIcon, null), label: value ? value.displayName : t('react.chooseOne'), size: 'small' }),
+        React.createElement(PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), sx: selectUnderChipSx, getOptionLabel: opt => opt.label, value: value ? value : NULL_OPTION, onChange: (value) => onChange(value), options: options }));
+};
+export default SearchUIProcessorLogEntryTypeSelect;
+//# sourceMappingURL=SearchUIProcessorLogEntryTypeSelect.js.map

package/esm/src/component/search-ui/filters/component/select/SearchUIProcessorLogEntryTypeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIProcessorLogEntryTypeSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIProcessorLogEntryTypeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAkB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAQ9C,MAAM,WAAW,GAAmB;IAChC,EAAE,EAAE,CAAC;IACL,WAAW,EAAE,EAAE;CAClB,CAAA;AAED,MAAM,mCAAmC,GAAG,CAAC,KAAa,EAAE,EAAE;IAC1D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EACF,KAAK,EACL,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QACpC,oBAAC,IAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,oBAAC,cAAc,OAAE,EAC7B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACvD,IAAI,EAAE,OAAO,GACf;QACF,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,EAAE,EAAE,iBAAiB,EACrB,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,EAChC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAuB,CAAC,EACtD,OAAO,EAAE,OAAO,GAClB,CACA,CAAA;AACV,CAAC,CAAA;AAED,eAAe,mCAAmC,CAAA"}

package/esm/src/component/search-ui/filters/component/select/style.d.ts

@@ -0,0 +1,2 @@
+import { SxProps } from "@mui/material";
+export declare const selectUnderChipSx: SxProps;

package/esm/src/component/search-ui/filters/component/select/style.js

@@ -0,0 +1,23 @@
+export const selectUnderChipSx = {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '100%',
+    height: '100%',
+    '& .MuiSvgIcon-root.MuiSelect-icon': {
+        display: 'none',
+    },
+    '& .MuiSelect-select': {
+        height: '100%',
+        paddingY: 0,
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent !important',
+    },
+    '& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input': {
+        height: '100%',
+        fontSize: '0',
+    },
+};
+//# sourceMappingURL=style.js.map

package/esm/src/component/search-ui/filters/component/select/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/style.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAY;IACtC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mCAAmC,EAAE;QACjC,OAAO,EAAE,MAAM;KAClB;IACD,qBAAqB,EAAE;QACnB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;KACd;IACD,oCAAoC,EAAE;QAClC,WAAW,EAAE,wBAAwB;KACxC;IACD,+DAA+D,EAAE;QAC7D,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAA"}

package/esm/src/component/search-ui/filters/component/template/SearchUITemplatePanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onSave: () => void;
+}
+declare const SearchUITemplatePanel: (props: IProps) => React.JSX.Element;
+export default SearchUITemplatePanel;