@epam/uui 5.0.1 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/assets/styles/buttonLayout.scss +67 -67
  2. package/assets/styles/controlLayout.scss +28 -28
  3. package/assets/styles/dnd.scss +9 -9
  4. package/assets/styles/effects.scss +10 -10
  5. package/assets/styles/icons.scss +19 -19
  6. package/assets/styles/index.scss +8 -8
  7. package/assets/styles/inputs.scss +70 -70
  8. package/assets/styles/text-size.scss +37 -37
  9. package/assets/styles/typography.scss +163 -163
  10. package/components/datePickers/DatePicker.d.ts.map +1 -1
  11. package/components/datePickers/DatePickerBody.d.ts +17 -3
  12. package/components/datePickers/DatePickerBody.d.ts.map +1 -1
  13. package/components/datePickers/DatePickerHeader.d.ts +16 -0
  14. package/components/datePickers/DatePickerHeader.d.ts.map +1 -0
  15. package/components/datePickers/RangeDatePicker.d.ts +1 -1
  16. package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
  17. package/components/datePickers/RangeDatePickerBody.d.ts +34 -3
  18. package/components/datePickers/RangeDatePickerBody.d.ts.map +1 -1
  19. package/components/filters/FilterNumericBody.d.ts.map +1 -1
  20. package/components/filters/FilterPanelItemToggler.d.ts +1 -1
  21. package/components/filters/FilterPanelItemToggler.d.ts.map +1 -1
  22. package/components/filters/FilterRangeDatePickerBody.d.ts +3 -2
  23. package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -1
  24. package/components/filters/FiltersPanelItem.d.ts.map +1 -1
  25. package/components/inputs/TextArea.d.ts +1 -2
  26. package/components/inputs/TextArea.d.ts.map +1 -1
  27. package/components/layout/FlexItems/FlexCell.d.ts +3 -4
  28. package/components/layout/FlexItems/FlexCell.d.ts.map +1 -1
  29. package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
  30. package/components/navigation/MainMenu/MainMenu.d.ts.map +1 -1
  31. package/components/overlays/DropdownMenu.d.ts.map +1 -1
  32. package/components/pickers/DataPickerFooter.d.ts.map +1 -1
  33. package/components/pickers/PickerInput.d.ts.map +1 -1
  34. package/components/pickers/PickerItem.d.ts +10 -1
  35. package/components/pickers/PickerItem.d.ts.map +1 -1
  36. package/components/pickers/highlight.d.ts +8 -0
  37. package/components/pickers/highlight.d.ts.map +1 -0
  38. package/components/pickers/index.d.ts +1 -0
  39. package/components/pickers/index.d.ts.map +1 -1
  40. package/components/tables/DataTable.d.ts +2 -1
  41. package/components/tables/DataTable.d.ts.map +1 -1
  42. package/components/tables/DataTableHeaderCell.d.ts +1 -0
  43. package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
  44. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts +4 -2
  45. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts.map +1 -1
  46. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts +4 -3
  47. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts.map +1 -1
  48. package/index.esm.js +1105 -735
  49. package/index.esm.js.map +1 -1
  50. package/index.js +1115 -739
  51. package/index.js.map +1 -1
  52. package/package.json +6 -8
  53. package/readme.md +4 -4
  54. package/stats.html +90 -1447
  55. package/styles.css +1316 -1299
  56. package/styles.css.map +1 -1
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { PositionValues } from '@epam/uui-components';
3
3
  import { DataRowProps, IEditable, DataTableState, DataTableColumnsConfigOptions, DataSourceListProps, DataColumnProps, TableFiltersConfig, DataTableRowProps, DataTableSelectedCellData } from '@epam/uui-core';
4
- import { DataTableMods } from './';
4
+ import { DataTableMods, ColumnsConfigurationModalProps } from './';
5
5
  export interface DataTableProps<TItem, TId, TFilter = any> extends IEditable<DataTableState>, DataSourceListProps, DataTableColumnsConfigOptions {
6
6
  getRows(): DataRowProps<TItem, TId>[];
7
7
  columns: DataColumnProps<TItem, TId>[];
@@ -11,6 +11,7 @@ export interface DataTableProps<TItem, TId, TFilter = any> extends IEditable<Dat
11
11
  showColumnsConfig?: boolean;
12
12
  filters?: TableFiltersConfig<any>[];
13
13
  onCopy?: (copyFrom: DataTableSelectedCellData<TItem, TId, TFilter>, selectedCells: DataTableSelectedCellData<TItem, TId, TFilter>[]) => void;
14
+ renderColumnsConfigurationModal?: (props: ColumnsConfigurationModalProps<TItem, TId, TFilter>) => React.ReactNode;
14
15
  }
15
16
  export declare function DataTable<TItem, TId>(props: React.PropsWithChildren<DataTableProps<TItem, TId> & DataTableMods>): JSX.Element;
16
17
  //# sourceMappingURL=DataTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,cAAc,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAEH,YAAY,EAIZ,SAAS,EACT,cAAc,EACd,6BAA6B,EAC7B,mBAAmB,EACnB,eAAe,EAEf,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EAC5B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAC+B,aAAa,EAClD,MAAM,IAAI,CAAC;AAOZ,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,CAAE,SAAQ,SAAS,CAAC,cAAc,CAAC,EAAE,mBAAmB,EAAE,6BAA6B;IAC5I,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACtC,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAClE,oBAAoB,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC;IACzC,QAAQ,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,aAAa,EAAE,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC;CAChJ;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,aAAa,CAAC,eAyG/G"}
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAA0E,MAAM,sBAAsB,CAAC;AAE9H,OAAO,EAAiB,YAAY,EAAqD,SAAS,EAAE,cAAc,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,eAAe,EAAM,kBAAkB,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACtR,OAAO,EAAoC,aAAa,EAA+C,8BAA8B,EAAE,MAAM,IAAI,CAAC;AAOlJ,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,CAAE,SAAQ,SAAS,CAAC,cAAc,CAAC,EAAE,mBAAmB,EAAE,6BAA6B;IAC5I,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACtC,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAClE,oBAAoB,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC;IACzC,QAAQ,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,aAAa,EAAE,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7I,+BAA+B,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACrH;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,aAAa,CAAC,eA+G/G"}
@@ -8,6 +8,7 @@ interface DataTableHeaderCellState {
8
8
  export declare class DataTableHeaderCell<TItem, TId> extends React.Component<DataTableHeaderCellProps<TItem, TId> & DataTableHeaderCellMods, DataTableHeaderCellState> {
9
9
  state: DataTableHeaderCellState;
10
10
  getTextStyle: () => string;
11
+ getTooltipContent: () => JSX.Element;
11
12
  getColumnCaption: () => JSX.Element;
12
13
  renderHeaderCheckbox: () => JSX.Element;
13
14
  renderResizeMark: (props: HeaderCellContentProps) => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableHeaderCell.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,wBAAwB,EAAsC,gBAAgB,EACjF,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAiD,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAwB,uBAAuB,EAAE,MAAM,IAAI,CAAC;AAanE,UAAU,wBAAwB;IAC9B,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,uBAAuB,EAAE,wBAAwB,CAAC;IAC1J,KAAK,EAAE,wBAAwB,CAE7B;IAEF,YAAY,eAGV;IAEF,gBAAgB,oBAiDd;IAEF,oBAAoB,oBAId;IAEN,gBAAgB,UAAW,sBAAsB,iBAAwG;IACzJ,iBAAiB,UAAW,sBAAsB,kBAAkB,gBAAgB,iBAiClF;IAEF,oBAAoB,UAAW,sBAAsB,iBAWnD;IAEF,MAAM;CAGT"}
1
+ {"version":3,"file":"DataTableHeaderCell.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAsC,gBAAgB,EAAM,MAAM,gBAAgB,CAAC;AACpH,OAAO,EAAiD,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAwB,uBAAuB,EAAE,MAAM,IAAI,CAAC;AAUnE,UAAU,wBAAwB;IAC9B,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,uBAAuB,EAAE,wBAAwB,CAAC;IAC1J,KAAK,EAAE,wBAAwB,CAE7B;IAEF,YAAY,eAGV;IAEF,iBAAiB,oBAKf;IAEF,gBAAgB,oBA0Cd;IAEF,oBAAoB,oBAId;IAEN,gBAAgB,UAAW,sBAAsB,iBAAwG;IACzJ,iBAAiB,UAAW,sBAAsB,kBAAkB,gBAAgB,iBAiClF;IAEF,oBAAoB,UAAW,sBAAsB,iBAWnD;IAEF,MAAM;CAGT"}
@@ -1,7 +1,9 @@
1
1
  import * as React from 'react';
2
+ import { DataColumnProps } from '@epam/uui-core';
2
3
  import { ColumnsConfigurationRowProps } from '@epam/uui-components';
3
- export interface ColumnRowProps {
4
+ export interface ColumnRowProps<TItem, TId, TFilter> {
4
5
  column: ColumnsConfigurationRowProps;
6
+ renderItem?: (column: DataColumnProps<TItem, TId, TFilter>) => React.ReactNode;
5
7
  }
6
- export declare const ColumnRow: React.NamedExoticComponent<ColumnRowProps>;
8
+ export declare const ColumnRow: React.NamedExoticComponent<ColumnRowProps<any, any, any>>;
7
9
  //# sourceMappingURL=ColumnRow.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnRow.d.ts","sourceRoot":"","sources":["../../../../components/tables/columnsConfigurationModal/ColumnRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAA0B,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAM5F,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,4BAA4B,CAAC;CACxC;AAED,eAAO,MAAM,SAAS,4CA6CpB,CAAC"}
1
+ {"version":3,"file":"ColumnRow.d.ts","sourceRoot":"","sources":["../../../../components/tables/columnsConfigurationModal/ColumnRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,eAAe,EAAiD,MAAM,gBAAgB,CAAC;AAEpG,OAAO,EAA0B,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAM5F,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO;IAC/C,MAAM,EAAE,4BAA4B,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAClF;AAED,eAAO,MAAM,SAAS,2DAmDpB,CAAC"}
@@ -1,10 +1,11 @@
1
- /// <reference types="react" />
1
+ import * as React from 'react';
2
2
  import { ColumnsConfig, DataColumnProps, IModal } from '@epam/uui-core';
3
- interface ColumnsConfigurationModalProps<TItem, TId, TFilter> extends IModal<ColumnsConfig> {
3
+ export interface ColumnsConfigurationModalProps<TItem, TId, TFilter> extends IModal<ColumnsConfig> {
4
4
  columnsConfig?: ColumnsConfig;
5
5
  defaultConfig: ColumnsConfig;
6
6
  columns: DataColumnProps<TItem, TId, TFilter>[];
7
+ renderItem?: (column: DataColumnProps<TItem, TId, TFilter>) => React.ReactNode;
8
+ getSearchFields?: (column: DataColumnProps<TItem, TId, TFilter>) => string[];
7
9
  }
8
10
  export declare function ColumnsConfigurationModal<TItem, TId, TFilter>(props: ColumnsConfigurationModalProps<TItem, TId, TFilter>): JSX.Element;
9
- export {};
10
11
  //# sourceMappingURL=ColumnsConfigurationModal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnsConfigurationModal.d.ts","sourceRoot":"","sources":["../../../../components/tables/columnsConfigurationModal/ColumnsConfigurationModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AA0BxE,UAAU,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAE,SAAQ,MAAM,CAAC,aAAa,CAAC;IACvF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;CACnD;AAWD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,eAqHxH"}
1
+ {"version":3,"file":"ColumnsConfigurationModal.d.ts","sourceRoot":"","sources":["../../../../components/tables/columnsConfigurationModal/ColumnsConfigurationModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AASxE,MAAM,WAAW,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAE,SAAQ,MAAM,CAAC,aAAa,CAAC;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,MAAM,EAAE,CAAC;CAChF;AAWD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,eAoHxH"}