@akinon/akifilter 0.5.4 → 1.0.0

package/dist/cjs/components/SelectShownFilters/styles.css

@@ -1,99 +0,0 @@
-.filter-options .filter-options__item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 36px;
-  width: 36px;
-  background-color: #4482ff;
-  color: var(--color-neutral-50);
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.filter-options .filter-options__filter-modal-open-icon {
-  color: white;
-  font-size: 23px;
-}
-
-.filter-options .filter-options__modal-header {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.filter-options .filter-options__modal-header-banner {
-  position: absolute;
-  left: 0;
-  width: 4px;
-  height: 16px;
-  background-color: #ff5163;
-  left: -22px;
-}
-
-.filter-options .filter-options__modal-header-title {
-  font-size: 20px;
-  color: white;
-  font-weight: 500;
-  margin: 0;
-}
-
-.filter-options .filter-options__modal-divider.akinon-divider-horizontal {
-  background-color: #363d51;
-  width: calc(100% + 44px);
-  margin: 15px;
-  margin-left: -22px;
-}
-
-.filter-options .filter-options__modal-control {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 15px;
-}
-
-.filter-options .filter-options__modal-search {
-  width: 250px;
-}
-
-.filter-options .filter-options__modal-form.akinon-form {
-  margin: 32px 44px 0;
-}
-
-.filter-options .filter-options__export-item {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.filter-options .filter-options__export-icon {
-  color: white;
-}
-
-.filter-options .filter-options__export-label.akinon-typography {
-  text-transform: uppercase;
-  color: white;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 14px;
-}
-
-.filter-options__modal.akinon-modal .akinon-checkbox-wrapper {
-  color: white;
-}
-
-.filter-options__modal.akinon-modal
-  .akinon-checkbox-checked
-  .akinon-checkbox-inner {
-  background-color: #6c7ebe;
-  border-color: #6c7ebe;
-
-  &:hover {
-    border-color: #6c7ebe;
-  }
-}
-
-.filter-options__modal-form .akinon-form {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
-}

package/dist/cjs/components/ShownFilters/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const ShownFilters: () => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/ShownFilters/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ShownFilters/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,YAAY,yBAkExB,CAAC"}

package/dist/cjs/components/ShownFilters/index.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShownFilters = void 0;
-const akiform_builder_1 = require("@akinon/akiform-builder");
-const ui_typography_1 = require("@akinon/ui-typography");
-const react_1 = require("react");
-const FilterContext_1 = require("../FilterContext");
-const ShownFilters = () => {
-    const { state, dispatch } = (0, FilterContext_1.useFilterContext)();
-    const { applicableFilters, shownFilters, appliedFilters, recreateShownFiltersCount } = state;
-    // derive form items from applicableFilters and shownFilters
-    const shownApplicableFilters = applicableFilters.filter(filter => shownFilters.includes(filter.key));
-    // create form items from shownApplicableFilters and appliedFilters.
-    // the shownApplicableFilters determines the schema of the form items and
-    // appliedFilters determines the values of the form items
-    const formItems = shownApplicableFilters.map(filter => {
-        return Object.assign(Object.assign({}, filter), { value: appliedFilters[filter.key], props: Object.assign(Object.assign({}, ((filter === null || filter === void 0 ? void 0 : filter.props) || {})), { labelRightAligned: true }) });
-    });
-    // remove the label from the form items since label is not used in design
-    formItems.forEach(item => {
-        if (item.type === 'checkbox')
-            return;
-        delete item.label;
-    });
-    const handleChange = (changedValues) => {
-        Object.keys(changedValues).forEach(key => {
-            const value = changedValues[key];
-            if (value &&
-                typeof value.isValid === 'function' &&
-                typeof value.format === 'function') {
-                changedValues[key] = value.format('YYYY-MM-DD');
-            }
-        });
-        dispatch({
-            type: 'SET_APPLIED_FILTERS',
-            payload: {
-                appliedFilters: changedValues
-            }
-        });
-    };
-    return (react_1.default.createElement("div", { className: "shown-filters", "data-testid": "shown-filters" },
-        react_1.default.createElement(ui_typography_1.Paragraph, { className: "akinon-filter__header" }, "MAIN FILTERS"),
-        react_1.default.createElement(akiform_builder_1.FormBuilderWatch, { key: recreateShownFiltersCount, builderFields: formItems, handleChange: handleChange, isDebounced: true })));
-};
-exports.ShownFilters = ShownFilters;

package/dist/cjs/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from './AppliedFilters';
-export * from './ConditionalFilters';
-export * from './FilterContext';
-export * from './SelectShownFilters';
-export * from './ShownFilters';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/cjs/components/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AppliedFilters"), exports);
-__exportStar(require("./ConditionalFilters"), exports);
-__exportStar(require("./FilterContext"), exports);
-__exportStar(require("./SelectShownFilters"), exports);
-__exportStar(require("./ShownFilters"), exports);

package/dist/cjs/constants/index.d.ts

@@ -1,56 +0,0 @@
-export declare const defaultDateFormat = "DD/MM/YYYY";
-export declare const defaultDateValueFormat = "YYYY-MM-DD";
-export declare const defaultTimeFormat = "HH:mm";
-export declare const defaultTimeFormatWithSeconds = "HH:mm:ss";
-export declare const defaultTimeFormatWithTimeZone = "HH:mm:ssZZ";
-export declare const timeFormatWithTimeZone = "HH:mmZ";
-export declare const timeFormatWithDateAndTime = "LLL";
-export declare const dateWithMonthName = "DD MMMM";
-export declare const dateWithMonthNameAndYear = "DD MMMM YYYY";
-export declare const overallDateFormat = "DD-MM-YYYY HH:mm:ss";
-export declare const dateTimeLocalSecondsFormat = "YYYY-MM-DDTHH:mm:ss.SSS";
-export declare const fullDateTimeWithZoneFormat = "YYYY-MM-DDTHH:mm:ss.SSS\\Z";
-export declare const defaultDateTimeValueFormat = "YYYY-MM-DD HH:mm:ss";
-export declare const defaultDateTimeFormat = "DD/MM/YYYY HH:mm";
-export declare const defaultDateTimeFormatIntl: {
-    year: string;
-    month: string;
-    day: string;
-    hour: string;
-    minute: string;
-    hour12: boolean;
-};
-export declare const defaultDateTimeFormatWithTimeZone = "YYYY-MM-DD HH:mmZ";
-export declare const dateTimeFormat = "YYYY-MM-DD HH:mm";
-export declare const tokenHeaderKEY = "Bearer";
-export declare const tokenStorageKey = "tkn";
-export declare const googleMapApiKey = "AIzaSyB7GLs4svXGax91fiW-gH1wInjmde7cEHk";
-export declare const permissionSlugSuffix = "-v2";
-export declare const readResponseMessageKey = "readResponseMessages";
-export declare const platformLanguage = "platform_language";
-export declare const contextChannel = "contextChannel";
-export declare const allowedFileTypes = ".xls, .csv";
-export declare const allowedFileTypesAndXlsx: string;
-export declare const allowedImageTypes = ".png,.jpeg,.jpg,.bmp";
-export declare const allowedHtmlTypes = ".html";
-export declare const omsDashboardStorageKeyName = "oms_dashboardFilters";
-export declare const dateManipulationKeys: {
-    END_OF: string;
-    SUBTRACT: string;
-    ADD: string;
-};
-export declare const sampleDate = "2022-01-01";
-export declare const defaultRowKey = "id";
-export declare const Breakpoint: {
-    MOBILE: string;
-    TABLET: string;
-    DESKTOP: string;
-    LARGE_DESKTOP: string;
-};
-export declare const defaultBreakpoints: {
-    MOBILE: number;
-    TABLET: number;
-    DESKTOP: number;
-    LARGE_DESKTOP: number;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/constants/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,eAAe,CAAC;AAC9C,eAAO,MAAM,sBAAsB,eAAe,CAAC;AACnD,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,4BAA4B,aAAa,CAAC;AACvD,eAAO,MAAM,6BAA6B,eAAe,CAAC;AAC1D,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAC/C,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAC/C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,wBAAwB,iBAAiB,CAAC;AACvD,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,0BAA0B,4BAA4B,CAAC;AACpE,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AAEvE,eAAO,MAAM,0BAA0B,wBAA8D,CAAC;AACtG,eAAO,MAAM,qBAAqB,qBAA8C,CAAC;AACjF,eAAO,MAAM,yBAAyB;;;;;;;CAOrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,sBAAwD,CAAC;AACvG,eAAO,MAAM,cAAc,qBAAmD,CAAC;AAE/E,eAAO,MAAM,cAAc,WAAW,CAAC;AACvC,eAAO,MAAM,eAAe,QAAQ,CAAC;AAErC,eAAO,MAAM,eAAe,4CAA4C,CAAC;AAEzE,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAE7D,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AAEpD,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAE7C,eAAO,MAAM,uBAAuB,QAA+B,CAAC;AAEpE,eAAO,MAAM,iBAAiB,yBAAyB,CAAC;AAExD,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AAEjE,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAC;AAEF,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,aAAa,OAAO,CAAC;AAElC,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAC"}

package/dist/cjs/constants/index.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultBreakpoints = exports.Breakpoint = exports.defaultRowKey = exports.sampleDate = exports.dateManipulationKeys = exports.omsDashboardStorageKeyName = exports.allowedHtmlTypes = exports.allowedImageTypes = exports.allowedFileTypesAndXlsx = exports.allowedFileTypes = exports.contextChannel = exports.platformLanguage = exports.readResponseMessageKey = exports.permissionSlugSuffix = exports.googleMapApiKey = exports.tokenStorageKey = exports.tokenHeaderKEY = exports.dateTimeFormat = exports.defaultDateTimeFormatWithTimeZone = exports.defaultDateTimeFormatIntl = exports.defaultDateTimeFormat = exports.defaultDateTimeValueFormat = exports.fullDateTimeWithZoneFormat = exports.dateTimeLocalSecondsFormat = exports.overallDateFormat = exports.dateWithMonthNameAndYear = exports.dateWithMonthName = exports.timeFormatWithDateAndTime = exports.timeFormatWithTimeZone = exports.defaultTimeFormatWithTimeZone = exports.defaultTimeFormatWithSeconds = exports.defaultTimeFormat = exports.defaultDateValueFormat = exports.defaultDateFormat = void 0;
-exports.defaultDateFormat = 'DD/MM/YYYY';
-exports.defaultDateValueFormat = 'YYYY-MM-DD';
-exports.defaultTimeFormat = 'HH:mm';
-exports.defaultTimeFormatWithSeconds = 'HH:mm:ss';
-exports.defaultTimeFormatWithTimeZone = 'HH:mm:ssZZ';
-exports.timeFormatWithTimeZone = 'HH:mmZ';
-exports.timeFormatWithDateAndTime = 'LLL';
-exports.dateWithMonthName = 'DD MMMM';
-exports.dateWithMonthNameAndYear = 'DD MMMM YYYY';
-exports.overallDateFormat = 'DD-MM-YYYY HH:mm:ss';
-exports.dateTimeLocalSecondsFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
-exports.fullDateTimeWithZoneFormat = 'YYYY-MM-DDTHH:mm:ss.SSS\\Z';
-exports.defaultDateTimeValueFormat = `${exports.defaultDateValueFormat} ${exports.defaultTimeFormatWithSeconds}`;
-exports.defaultDateTimeFormat = `${exports.defaultDateFormat} ${exports.defaultTimeFormat}`;
-exports.defaultDateTimeFormatIntl = {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    hour12: false
-};
-exports.defaultDateTimeFormatWithTimeZone = `${exports.defaultDateValueFormat} ${exports.timeFormatWithTimeZone}`;
-exports.dateTimeFormat = `${exports.defaultDateValueFormat} ${exports.defaultTimeFormat}`;
-exports.tokenHeaderKEY = 'Bearer';
-exports.tokenStorageKey = 'tkn';
-exports.googleMapApiKey = 'AIzaSyB7GLs4svXGax91fiW-gH1wInjmde7cEHk';
-exports.permissionSlugSuffix = '-v2';
-exports.readResponseMessageKey = 'readResponseMessages';
-exports.platformLanguage = 'platform_language';
-exports.contextChannel = 'contextChannel';
-exports.allowedFileTypes = '.xls, .csv';
-exports.allowedFileTypesAndXlsx = exports.allowedFileTypes + ', .xlsx';
-exports.allowedImageTypes = '.png,.jpeg,.jpg,.bmp';
-exports.allowedHtmlTypes = '.html';
-exports.omsDashboardStorageKeyName = 'oms_dashboardFilters';
-exports.dateManipulationKeys = {
-    END_OF: 'endOf',
-    SUBTRACT: 'subtract',
-    ADD: 'add'
-};
-exports.sampleDate = '2022-01-01';
-exports.defaultRowKey = 'id';
-exports.Breakpoint = {
-    MOBILE: 'MOBILE',
-    TABLET: 'TABLET',
-    DESKTOP: 'DESKTOP',
-    LARGE_DESKTOP: 'LARGE_DESKTOP'
-};
-exports.defaultBreakpoints = {
-    MOBILE: 576,
-    TABLET: 768,
-    DESKTOP: 992,
-    LARGE_DESKTOP: 1200
-};

package/dist/cjs/index.css

@@ -1,67 +0,0 @@
-.akinon-filter {
-  background-color: var(--color-ebonyClay-400);
-  padding: 1.25rem 1.5rem 1.5rem;
-  border-radius: 10px;
-}
-
-.akinon-filter .akinon-filter__title {
-  margin: 0;
-  font-weight: 500 !important;
-}
-
-.akinon-filter .akinon-filter__top {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1rem;
-}
-
-.akinon-filter .akinon-filter__header {
-  color: var(--color-gray-500);
-  margin: 1.25rem 0 0.5rem !important;
-}
-
-/* Overriding this here is questionable? */
-.akinon-filter .akinon-form {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
-  gap: 0.5rem 0.75rem;
-}
-
-.akinon-filter .akinon-checkbox-wrapper {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 3px 10px;
-  font-size: 14px;
-  list-style: none;
-  position: relative;
-  width: 100%;
-  min-width: 0;
-  background-color: #2b344c;
-  background-image: none;
-  border-width: 2px;
-  border-style: solid;
-  border-color: #262e47;
-  border-radius: 6px;
-  span {
-    color: var(--color-gray-500) !important;
-  }
-}
-
-.akinon-filter .akinon-picker {
-  background-color: var(--color-ebonyClay-475);
-}
-
-.akinon-filter .akinon-picker,
-.akinon-filter .akinon-input-number,
-[class^='antd-item'] {
-  width: 100%;
-}
-
-.akinon-filter .akinon-form-item-control-input-content > * {
-  align-items: center;
-}
-
-.akinon-filter .shown-filters * {
-  font-weight: 700 !important;
-}

package/dist/cjs/utils/index.d.ts

@@ -1,25 +0,0 @@
-interface TreeNode {
-    value: any;
-    children?: TreeNode[];
-}
-interface Params {
-    tree: TreeNode[];
-    nodeValue: any;
-}
-export declare function getTreeNodeByValue({ tree, nodeValue }: Params): TreeNode | null;
-/**
- * To understand this fragmentation, you need to know that the path is built as follows:
- *
- * `appPath = /{appLanguage}/{apiLanguage}/{rootPath}/{subPath}`
- *
- * `mainPath = rootPath + subPath`
- */
-export declare const getPathFragments: (path: any) => {
-    appLanguage: any;
-    apiLanguage: any;
-    rootPath: string;
-    subPath: string;
-    mainPath: string;
-};
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,UAAU,MAAM;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACV,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAiB1B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,SAAU,GAAG;;;;;;CAUzC,CAAC"}

package/dist/cjs/utils/index.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPathFragments = exports.getTreeNodeByValue = void 0;
-const lodash_1 = require("lodash");
-function getTreeNodeByValue({ tree, nodeValue }) {
-    if ((0, lodash_1.isEmpty)(tree) || (0, lodash_1.isEmpty)(nodeValue)) {
-        return null;
-    }
-    for (const node of tree) {
-        if (node.value === nodeValue) {
-            return node;
-        }
-        if (node.children) {
-            const childNode = getTreeNodeByValue({ tree: node.children, nodeValue });
-            if (childNode) {
-                return childNode;
-            }
-        }
-    }
-    return null;
-}
-exports.getTreeNodeByValue = getTreeNodeByValue;
-/**
- * To understand this fragmentation, you need to know that the path is built as follows:
- *
- * `appPath = /{appLanguage}/{apiLanguage}/{rootPath}/{subPath}`
- *
- * `mainPath = rootPath + subPath`
- */
-const getPathFragments = (path) => {
-    const pathSlices = path.split('/');
-    return {
-        appLanguage: pathSlices[1],
-        apiLanguage: pathSlices[2],
-        rootPath: `/${pathSlices[3]}`,
-        subPath: `/${pathSlices.slice(4).join('/')}`,
-        mainPath: `/${pathSlices.slice(3).join('/')}`
-    };
-};
-exports.getPathFragments = getPathFragments;

package/dist/esm/components/AppliedFilters/AppliedFilterItem.d.ts

@@ -1,12 +0,0 @@
-import './styles.css';
-import React from 'react';
-import type { FilterState } from '../FilterContext';
-type AppliedFilterItemProps = {
-    filterKeyValue: [
-        string,
-        (FilterState['appliedFilters'][string] | FilterState['appliedFilters'][string][])
-    ];
-};
-export declare const AppliedFilterItem: ({ filterKeyValue }: AppliedFilterItemProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=AppliedFilterItem.d.ts.map

package/dist/esm/components/AppliedFilters/AppliedFilterItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppliedFilterItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/AppliedFilterItem.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAKtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE;QACd,MAAM;QACN,CACI,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GACrC,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,EAAE,CAC1C;KACF,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,uBAE3B,sBAAsB,6BAuGxB,CAAC"}

package/dist/esm/components/AppliedFilters/AppliedFilterItem.js

@@ -1,58 +0,0 @@
-import './styles.css';
-import { Icon } from '@akinon/icons';
-import { Space } from '@akinon/ui-space';
-import { Text } from '@akinon/ui-typography';
-import React from 'react';
-import dayjs from 'dayjs';
-import { useFilterContext } from '../FilterContext';
-import { isArray, isBoolean } from 'lodash';
-export const AppliedFilterItem = ({ filterKeyValue }) => {
-    const [filterKey, filterValue] = filterKeyValue;
-    const { state: { applicableFilters, appliedFilters }, dispatch, conditionalFiltersSchema } = useFilterContext();
-    // find filterItem for placeholder, etc from filterKey
-    const filterItem = [
-        ...applicableFilters,
-        ...(conditionalFiltersSchema || [])
-    ].find(i => i.key === filterKey);
-    if (!filterItem) {
-        console.warn(`filterItem with key ${filterKey} not found`);
-        return null;
-    }
-    // TODO getModifiedFilterValue doesn't need filterValue. It can obtain it from filterItem
-    // TODO explain why you need to modify the filter value
-    // const modifiedFilterValue = getModifiedFilterValue({
-    //   filterItem,
-    //   filterValue
-    // });
-    // const shouldShowActiveFilter =
-    //   !isEmpty(filterItem) && !isEmpty(modifiedFilterValue);
-    const handleRemoveFilter = (removedFilterKey) => {
-        // TODO write test for below comment
-        // you should mark the key as undefined instead of deleting it for antd form item to pick up the change
-        const newFilters = Object.assign(Object.assign({}, appliedFilters), { [removedFilterKey]: undefined });
-        dispatch({
-            type: 'SET_APPLIED_FILTERS',
-            payload: { appliedFilters: newFilters }
-        });
-    };
-    const inputField = filterItem;
-    const renderFilterValue = (value) => {
-        if (value instanceof Date) {
-            return dayjs(value).format('YYYY-MM-DD');
-        }
-        if (isBoolean(value)) {
-            return value.toString();
-        }
-        if (isArray(value)) {
-            return value.join(', ');
-        }
-        return String(value);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Space, { key: filterKey, align: "center", className: "active-filter-item" },
-            React.createElement(Text, { className: "active-filter-item__label" }, inputField === null || inputField === void 0 ? void 0 :
-                inputField.placeholder,
-                ":"),
-            React.createElement(Text, { className: "active-filter-item__value" }, renderFilterValue(filterValue)),
-            React.createElement(Icon, { icon: "close", size: 20, className: "active-filter-item__remove-filter-icon", onClick: () => handleRemoveFilter(filterKey) }))));
-};

package/dist/esm/components/AppliedFilters/common.d.ts

@@ -1,6 +0,0 @@
-export declare const isFileObject: (value: any) => boolean;
-export declare const getModifiedFilterValue: ({ filterItem, filterValue }: {
-    filterItem: any;
-    filterValue: any['value'];
-}) => any;
-//# sourceMappingURL=common.d.ts.map

package/dist/esm/components/AppliedFilters/common.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/common.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,UAAW,GAAG,YAAuC,CAAC;AAE/E,eAAO,MAAM,sBAAsB,gCAGhC;IACD,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC3B,QA8BA,CAAC"}

package/dist/esm/components/AppliedFilters/common.js

@@ -1,29 +0,0 @@
-/* eslint-disable */
-import { TreeSelect } from '@akinon/ui-tree-select';
-import { overallDateFormat } from '../../constants';
-import { getTreeNodeByValue } from '../../utils';
-export const isFileObject = (value) => (value === null || value === void 0 ? void 0 : value.originFileObj) !== undefined;
-export const getModifiedFilterValue = ({ filterItem, filterValue }) => {
-    var _a, _b, _c;
-    switch (filterItem === null || filterItem === void 0 ? void 0 : filterItem.widget) {
-        case 'select':
-            if (((_a = filterItem === null || filterItem === void 0 ? void 0 : filterItem.widgetProps) === null || _a === void 0 ? void 0 : _a.mode) === 'multiple') {
-                return filterValue === null || filterValue === void 0 ? void 0 : filterValue.map((value) => {
-                    const optionObject = filterItem.options.find((option) => option.value === value);
-                    return (optionObject === null || optionObject === void 0 ? void 0 : optionObject.label) || value;
-                }).join(', ');
-            }
-            const optionObject = filterItem.options.find((option) => option.value === filterValue);
-            return (optionObject === null || optionObject === void 0 ? void 0 : optionObject.label) || filterValue;
-        case 'date-picker':
-            return filterValue === null || filterValue === void 0 ? void 0 : filterValue.format(overallDateFormat);
-        case 'checkbox-group':
-            return filterValue === null || filterValue === void 0 ? void 0 : filterValue.map(() => 'Yes').join(', ');
-        case TreeSelect:
-            const tree = (_b = filterItem === null || filterItem === void 0 ? void 0 : filterItem.widgetProps) === null || _b === void 0 ? void 0 : _b.treeData;
-            const label = (_c = getTreeNodeByValue({ tree, nodeValue: filterValue })) === null || _c === void 0 ? void 0 : _c.value;
-            return label || filterValue;
-        default:
-            return filterValue;
-    }
-};

package/dist/esm/components/AppliedFilters/index.d.ts

@@ -1,4 +0,0 @@
-import './styles.css';
-import React from 'react';
-export declare const AppliedFilters: () => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/AppliedFilters/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,yBAyC1B,CAAC"}

package/dist/esm/components/AppliedFilters/index.js

@@ -1,22 +0,0 @@
-import './styles.css';
-import { Icon } from '@akinon/icons';
-import { Col, Row } from '@akinon/ui-layout';
-import { Space } from '@akinon/ui-space';
-import { Text } from '@akinon/ui-typography';
-import React from 'react';
-import { useFilterContext } from '../FilterContext';
-import { AppliedFilterItem } from './AppliedFilterItem';
-export const AppliedFilters = () => {
-    var _a;
-    const { state: { appliedFilters }, dispatch } = useFilterContext();
-    const handleOnResetFilters = () => {
-        dispatch({ type: 'SET_APPLIED_FILTERS', payload: { appliedFilters: {} } });
-    };
-    return (React.createElement(Row, { align: "middle", className: "applied_filters" },
-        React.createElement(Col, { className: "applied_filters__list" },
-            React.createElement(Space, null,
-                React.createElement(Text, { className: "applied_filters__label" }, "Active filters:"),
-                React.createElement(Space, { className: "applied_filters__items", "data-testid": "appliedFilters" }, (_a = Object.entries(appliedFilters)) === null || _a === void 0 ? void 0 : _a.map(([filterKey, filterValue], i) => filterValue !== undefined && (React.createElement(AppliedFilterItem, { filterKeyValue: [filterKey, filterValue], key: i })))))),
-        React.createElement(Col, { className: "applied_filters__clear-filters" },
-            React.createElement(Icon, { icon: "bin", size: 35, className: "applied_filters__reset-filters-icon", onClick: handleOnResetFilters }))));
-};

package/dist/esm/components/AppliedFilters/styles.css

@@ -1,65 +0,0 @@
-.akinon-filter .applied_filters {
-  padding: 5px 6px;
-  background-color: #2b344c;
-  border-radius: 5px;
-}
-
-.applied_filters .applied_filters__list {
-  flex: 1;
-  background-color: #1e1e2d;
-  padding: 6px 16px;
-  border-radius: 3px;
-}
-
-.applied_filters .applied_filters__label.akinon-typography {
-  color: white;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.applied_filters .applied_filters__reset-filters-icon {
-  cursor: pointer;
-  color: white;
-  font-size: 20px;
-  padding: 6px;
-  margin: 6px;
-}
-
-.applied_filters .applied_filters__items {
-  flex-wrap: wrap;
-}
-
-.akinon-filter .active-filter-item {
-  font-size: 14px;
-  background-color: white;
-  padding: 1px 4px;
-  border-radius: 3px;
-  line-height: 1rem;
-}
-
-.active-filter-item .akinon-space-item {
-  display: flex;
-  justify-content: center;
-}
-
-.active-filter-item .active-filter-item__label.akinon-typography,
-.active-filter-item .active-filter-item__value.akinon-typography {
-  color: #4a4a4a;
-}
-
-.active-filter-item .active-filter-item__label.akinon-typography {
-  font-weight: 600;
-}
-
-.active-filter-item .active-filter-item__value.akinon-typography {
-  font-weight: 500;
-}
-
-.active-filter-item .active-filter-item__remove-filter-icon {
-  cursor: pointer;
-  background-color: #4482ff;
-  color: white;
-  font-size: 5px;
-  padding: 5px;
-  border-radius: 99px;
-}