pne-ui 4.0.6 → 4.0.9

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;

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

@@ -0,0 +1,77 @@
+import React, { useContext, useState } from 'react';
+import { Alert, Box, Collapse, Link } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from '../../state/store';
+import { PneButton, PneModal, PneTextField, useModal } from '../../../../..';
+import { SearchUIDefaultsContext } from "../../../SearchUIProvider";
+const SearchUITemplatePanel = (props) => {
+    const template = useSearchUIFiltersStore(s => s.template);
+    const createTemplate = useSearchUIFiltersStore(s => s.createTemplate);
+    const updateTemplate = useSearchUIFiltersStore(s => s.updateTemplate);
+    const settingsContextName = useSearchUIFiltersStore(s => s.settingsContextName);
+    const { t } = useTranslation();
+    const { open, handleOpen, handleClose } = useModal();
+    const [templateName, setTemplateName] = useState(template?.name || '');
+    const [showFeedback, setShowFeedback] = useState(false);
+    const { onSave } = props;
+    const { searchTemplateExists } = useContext(SearchUIDefaultsContext);
+    const handleChange = (event) => {
+        const name = event.target.value;
+        setTemplateName(name);
+        setShowFeedback(false);
+    };
+    const handleCreate = (event) => {
+        event.preventDefault();
+        searchTemplateExists({
+            contextName: settingsContextName,
+            templateName,
+        })
+            .then(templateExists => {
+            if (templateExists) {
+                setShowFeedback(true);
+            }
+            else {
+                createTemplate(templateName);
+                handleClose();
+                onSave();
+            }
+        })
+            // .catch(raiseUIError)
+            .catch(console.error);
+    };
+    const handleUpdate = () => {
+        updateTemplate(templateName);
+        handleClose();
+        onSave();
+    };
+    return React.createElement(React.Fragment, null,
+        React.createElement(Box, { sx: linksContainerSx },
+            React.createElement(Link, { sx: linkSx, component: "button", underline: "hover", onClick: handleOpen }, t('react.searchUI.template.create')),
+            template ? React.createElement(Link, { sx: linkSx, component: "button", underline: "hover", onClick: handleUpdate }, t('react.searchUI.template.update')) : null),
+        React.createElement(PneModal, { open: open, onClose: handleClose, title: t('react.searchUI.template.newModal.title') },
+            React.createElement("form", { onSubmit: handleCreate },
+                React.createElement(PneTextField, { value: templateName, label: t('react.searchUI.template.name'), onChange: handleChange, slotProps: { htmlInput: { required: true } }, sx: { width: '100%' }, autoFocus: true }),
+                React.createElement(Collapse, { in: showFeedback },
+                    React.createElement(Alert, { sx: { mt: '16px' }, severity: "error" }, t('react.searchUI.template.name.confirmRewrite'))),
+                React.createElement(Box, { sx: buttonsBoxSx },
+                    React.createElement(PneButton, { color: 'pneNeutral', onClick: handleClose }, t('cancel')),
+                    React.createElement(PneButton, { type: 'submit' }, t('create'))))));
+};
+export default SearchUITemplatePanel;
+const linksContainerSx = {
+    display: 'flex',
+    flexDirection: 'row',
+    columnGap: '32px',
+};
+const linkSx = {
+    textAlign: 'left',
+    fontSize: '14px',
+    lineHeight: '20px',
+};
+const buttonsBoxSx = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginTop: '16px',
+};
+//# sourceMappingURL=SearchUITemplatePanel.js.map

package/esm/src/component/search-ui/filters/component/template/SearchUITemplatePanel.js.map

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

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

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

package/esm/src/component/search-ui/filters/component/template/SearchUITemplatesMenu.js

@@ -0,0 +1,100 @@
+import React, { useState } from 'react';
+import { Box, Divider, IconButton, Popover } from '@mui/material';
+import SearchUITemplatePanel from './SearchUITemplatePanel';
+// import {invokeCommonDeletionAlert} from '../../../../ConfirmAlertInvoker'; //TODO migration
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from '../../state/store';
+import CloseIcon from '@mui/icons-material/Close';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { PneButton } from '../../../../..';
+const SearchUITemplatesMenu = () => {
+    const { t } = useTranslation();
+    const removeTemplate = useSearchUIFiltersStore(s => s.removeTemplate);
+    const setTemplate = useSearchUIFiltersStore(s => s.setTemplate);
+    const templates = useSearchUIFiltersStore(s => s.templates);
+    const template = useSearchUIFiltersStore(s => s.template);
+    const placeholder = template?.name || t('react.searchUI.template');
+    const [anchorEl, setAnchorEl] = useState(null);
+    const handleOpen = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const handleSetTemplate = (template) => {
+        setTemplate(template, { forceSearch: true });
+        handleClose();
+    };
+    const handleRemoveTemplate = (template) => {
+        // invokeCommonDeletionAlert(() => removeTemplate(template))
+        removeTemplate(template);
+    };
+    const open = Boolean(anchorEl);
+    return React.createElement(React.Fragment, null,
+        React.createElement(PneButton, { onClick: handleOpen, size: 'small', color: 'pneNeutral', endIcon: React.createElement(ExpandMoreIcon, null), sx: templateTriggerSx, title: placeholder },
+            React.createElement(Box, { sx: templateTriggerLabelSx, component: "span" }, placeholder)),
+        React.createElement(Popover, { open: open, onClose: handleClose, anchorEl: anchorEl, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'left',
+            }, slotProps: { paper: { sx: menuPaperSx } } },
+            React.createElement(Box, { sx: menuContainerSx },
+                React.createElement(SearchUITemplatePanel, { onSave: handleClose }),
+                templates.length > 0 ? React.createElement(Divider, { sx: { m: '7px 0', borderColor: '#F1F5F1' } }) : null,
+                templates.map((template, index) => React.createElement(Box, { sx: templateRowSx, component: 'p', key: index },
+                    React.createElement(Box, { sx: templateNameSx, component: 'span', onClick: () => handleSetTemplate(template), title: template.name }, template.name),
+                    React.createElement(IconButton, { onClick: () => handleRemoveTemplate(template), color: 'primary' },
+                        React.createElement(CloseIcon, { fontSize: 'small' })))))));
+};
+export default SearchUITemplatesMenu;
+const menuContainerSx = {
+    p: '16px',
+    width: 'max-content',
+    maxWidth: '100%',
+    boxSizing: 'border-box',
+};
+const menuPaperSx = {
+    width: 'auto',
+    maxWidth: '300px',
+    boxSizing: 'border-box',
+};
+const templateRowSx = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    columnGap: '8px',
+    m: 0,
+    '&:hover button': {
+        display: 'flex',
+    }
+};
+const templateNameSx = {
+    display: 'flex',
+    flex: '1 1 auto',
+    minWidth: 0,
+    cursor: 'pointer',
+    fontSize: '14px',
+    lineHeight: '20px',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+};
+const templateTriggerSx = {
+    maxWidth: { xs: '30vw', sm: '250px' },
+    width: { xs: '30vw', sm: 'auto' },
+    justifyContent: 'space-between',
+    textAlign: 'left',
+    px: '12px',
+    '& .MuiButton-endIcon': {
+        ml: '8px',
+    },
+};
+const templateTriggerLabelSx = {
+    flex: '1 1 auto',
+    minWidth: 0,
+    display: 'block',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+};
+//# sourceMappingURL=SearchUITemplatesMenu.js.map

package/esm/src/component/search-ui/filters/component/template/SearchUITemplatesMenu.js.map

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

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

@@ -0,0 +1,7 @@
+import { CriterionTypeEnum, SearchUICriterionAvailabilityRule, SearchUIConditions } from './types';
+type CriterionAvailabilityConfig = {
+    criterionAvailabilityRules?: SearchUICriterionAvailabilityRule[];
+};
+export declare const getCriteriaWithAvailabilityRules: (config: CriterionAvailabilityConfig | undefined) => CriterionTypeEnum[];
+export declare const isCriterionAvailable: (criterion: CriterionTypeEnum, conditions: Readonly<SearchUIConditions>, config: CriterionAvailabilityConfig | undefined) => boolean;
+export {};

package/esm/src/component/search-ui/filters/criterionAvailability.js

@@ -0,0 +1,8 @@
+export const getCriteriaWithAvailabilityRules = (config) => (Array.from(new Set((config?.criterionAvailabilityRules ?? []).map(rule => rule.criterion))));
+export const isCriterionAvailable = (criterion, conditions, config) => {
+    const rules = config?.criterionAvailabilityRules ?? [];
+    return rules
+        .filter(rule => rule.criterion === criterion)
+        .every(rule => rule.isAvailable(conditions));
+};
+//# sourceMappingURL=criterionAvailability.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"criterionAvailability.js","sourceRoot":"","sources":["../../../../../src/component/search-ui/filters/criterionAvailability.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC5C,MAA+C,EAC5B,EAAE,CAAC,CACtB,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CACd,CAAC,MAAM,EAAE,0BAA0B,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CACzE,CAAC,CACL,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,SAA4B,EAC5B,UAAwC,EACxC,MAA+C,EACxC,EAAE;IACT,MAAM,KAAK,GAAG,MAAM,EAAE,0BAA0B,IAAI,EAAE,CAAA;IACtD,OAAO,KAAK;SACP,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC;SAC5C,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;AACpD,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/state/actions.d.ts

@@ -0,0 +1,10 @@
+import { SearchUIFiltersActions, SearchUIFiltersStore } from './type';
+import { ZustandStoreGet, ZustandStoreImmerSet } from '../../../..';
+import { OrderSearchLabel } from '../types';
+export declare const getSearchUIFiltersActions: (set: ZustandStoreImmerSet<SearchUIFiltersStore>, get: ZustandStoreGet<SearchUIFiltersStore>) => SearchUIFiltersActions;
+type OrderSearchInputType = {
+    type: 'string' | 'integer' | 'amount' | 'ip' | 'country' | 'card6and4';
+    maxLength: number;
+};
+export declare const OrdersSearchLabelsConfig: Readonly<Record<OrderSearchLabel, OrderSearchInputType>>;
+export {};