@epam/uui 5.5.0 → 5.5.2

package/icons/slider-rating/line_yellow_icon.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="150px" height="8px" viewBox="0 0 150 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>Yellow line</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="3.23062819%" y1="0%" x2="100%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#FAB309" offset="0%"></stop>
+            <stop stop-color="#FBE600" offset="50.5719866%"></stop>
+            <stop stop-color="#FAB309" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="criteria/grade/not_good" transform="translate(-5.000000, -6.000000)">
+            <g id="radio" transform="translate(4.000000, -19.000000)">
+                <g id="Yellow-line" transform="translate(0.000000, 25.000000)">
+                    <g id="Group-2">
+                        <g id="Group">
+                            <rect id="gray_base" fill="#E5E5E5" x="4" y="3" width="143" height="2"></rect>
+                            <circle id="Oval-2" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" cx="148" cy="4" r="3"></circle>
+                            <path d="M4,7 C2.34314575,7 1,5.65685425 1,4 C1,2.34314575 2.34314575,1 4,1 C5.65685425,1 7,2.34314575 7,4 C7,5.65685425 5.65685425,7 4,7 Z M40,7 C38.3431458,7 37,5.65685425 37,4 C37,2.34314575 38.3431458,1 40,1 C41.6568542,1 43,2.34314575 43,4 C43,5.65685425 41.6568542,7 40,7 Z M76,7 C74.3431458,7 73,5.65685425 73,4 C73,2.34314575 74.3431458,1 76,1 C77.6568542,1 79,2.34314575 79,4 C79,5.65685425 77.6568542,7 76,7 Z M148,7 C146.343146,7 145,5.65685425 145,4 C145,2.34314575 146.343146,1 148,1 C149.656854,1 151,2.34314575 151,4 C151,5.65685425 149.656854,7 148,7 Z M112,7 C110.343146,7 109,5.65685425 109,4 C109,2.34314575 110.343146,1 112,1 C113.656854,1 115,2.34314575 115,4 C115,5.65685425 113.656854,7 112,7 Z" id="base" fill="#E5E5E5"></path>
+                            <circle id="Oval-2" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" cx="4" cy="4" r="3"></circle>
+                        </g>
+                    </g>
+                    <g id="Group" transform="translate(36.000000, 0.000000)">
+                        <rect id="gradient_line" fill="url(#linearGradient-1)" x="4" y="3" width="36" height="2"></rect>
+                        <circle id="base" stroke="#FAB309" stroke-width="2" fill="#FFFFFF" cx="40" cy="4" r="3"></circle>
+                        <circle id="base" stroke="#FAB309" stroke-width="2" fill="#FFFFFF" cx="4" cy="4" r="3"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/icons/slider-rating/na_active_icon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>N/A active</title>
+    <desc>Created with Sketch.</desc>
+    <g id="N/A-active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#D8D8D8" opacity="0" x="0" y="0" width="18" height="18"></rect>
+        <g transform="translate(1.000000, 1.000000)">
+            <circle id="Oval" fill="#6C7283" cx="8" cy="8" r="8"></circle>
+            <path d="M3.148,10 L3.148,6.112 L3.692,6.112 L3.748,6.672 L3.772,6.672 C4.14,6.304 4.54,6.016 5.076,6.016 C5.892,6.016 6.26,6.544 6.26,7.536 L6.26,10 L5.604,10 L5.604,7.624 C5.604,6.896 5.38,6.584 4.868,6.584 C4.468,6.584 4.196,6.792 3.804,7.184 L3.804,10 L3.148,10 Z M6.948,11.28 L9.084,4.32 L9.564,4.32 L7.428,11.28 L6.948,11.28 Z M11.028,10.096 C10.38,10.096 9.892,9.688 9.892,8.992 C9.892,8.144 10.62,7.72 12.276,7.536 C12.276,7.04 12.116,6.56 11.476,6.56 C11.028,6.56 10.62,6.768 10.316,6.976 L10.06,6.52 C10.42,6.288 10.964,6.016 11.588,6.016 C12.54,6.016 12.94,6.648 12.94,7.616 L12.94,10 L12.396,10 L12.34,9.536 L12.316,9.536 C11.948,9.84 11.516,10.096 11.028,10.096 Z M11.22,9.568 C11.596,9.568 11.9,9.384 12.276,9.048 L12.276,7.968 C10.98,8.128 10.532,8.448 10.532,8.944 C10.532,9.384 10.836,9.568 11.22,9.568 Z" id="n/a" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>

package/icons/slider-rating/na_icon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>N/A initial</title>
+    <desc>Created with Sketch.</desc>
+    <g id="N/A-initial" stroke="none" stroke-width="1" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#D8D8D8" opacity="0" x="0" y="0" width="18" height="18"></rect>
+        <g transform="translate(1.000000, 1.000000)">
+            <circle id="Oval" cx="8" cy="8" r="8"></circle>
+            <path d="M3.148,10 L3.148,6.112 L3.692,6.112 L3.748,6.672 L3.772,6.672 C4.14,6.304 4.54,6.016 5.076,6.016 C5.892,6.016 6.26,6.544 6.26,7.536 L6.26,10 L5.604,10 L5.604,7.624 C5.604,6.896 5.38,6.584 4.868,6.584 C4.468,6.584 4.196,6.792 3.804,7.184 L3.804,10 L3.148,10 Z M6.948,11.28 L9.084,4.32 L9.564,4.32 L7.428,11.28 L6.948,11.28 Z M11.028,10.096 C10.38,10.096 9.892,9.688 9.892,8.992 C9.892,8.144 10.62,7.72 12.276,7.536 C12.276,7.04 12.116,6.56 11.476,6.56 C11.028,6.56 10.62,6.768 10.316,6.976 L10.06,6.52 C10.42,6.288 10.964,6.016 11.588,6.016 C12.54,6.016 12.94,6.648 12.94,7.616 L12.94,10 L12.396,10 L12.34,9.536 L12.316,9.536 C11.948,9.84 11.516,10.096 11.028,10.096 Z M11.22,9.568 C11.596,9.568 11.9,9.384 12.276,9.048 L12.276,7.968 C10.98,8.128 10.532,8.448 10.532,8.944 C10.532,9.384 10.836,9.568 11.22,9.568 Z" id="n/a" fill="#6C7283"></path>
+        </g>
+    </g>
+</svg>

package/icons/snackbar/cross.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>

package/icons/snackbar/info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/></svg>

package/icons/snackbar/success.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M9.727 16.075l-4.295-4.388L4 13.149 9.727 19 22 6.463 20.568 5z"/></svg>

package/icons/snackbar/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>

package/icons/sort.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g fill-rule="evenodd" transform="matrix(1.2528 0 0 1.2477 -287.406 -10.145)">
+        <path d="M236.75 12c.167 0 .25.083.25.25V20h2l-3 4-3-4h2v-7.75c0-.167.083-.25.25-.25zm4.5 12c-.167 0-.25-.083-.25-.25V16h-2l3-4 3 4h-2v7.75c0 .167-.083.25-.25.25z"/>
+    </g>
+</svg>

package/icons/sort_asc-12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M8.25 15c-.167 0-.25-.083-.25-.25V7H6l3-4 3 4h-2v7.75c0 .167-.083.25-.25.25h-1.5z"/></svg>

package/icons/sort_desc-12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M9.75 3c.167 0 .25.083.25.25V11h2l-3 4-3-4h2V3.25c0-.167.083-.25.25-.25h1.5z"/></svg>

package/icons/star-empty.svg

@@ -0,0 +1,3 @@
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <polygon points="8.9167 8.2676 12.01 2 15.103 8.2676 22.02 9.2727 17.015 14.151 18.197 21.04 12.01 17.788 5.8235 21.04 7.005 14.151 2 9.2727" fill-rule="evenodd"/>
+</svg>

package/icons/star-filled.svg

@@ -0,0 +1,3 @@
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <polygon points="8.9167 8.2676 12.01 2 15.103 8.2676 22.02 9.2727 17.015 14.151 18.197 21.04 12.01 17.788 5.8235 21.04 7.005 14.151 2 9.2727" fill-rule="evenodd"/>
+</svg>

package/icons/tick-12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill-rule="evenodd" d="M4.846 6.8L9.462 2 11 3.6 4.846 10l-.77-.8L1 6l1.538-1.6 2.308 2.4z"/></svg>

package/icons/tick-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M9.727 16.075l-4.295-4.388L4 13.149 9.727 19 22 6.463 20.568 5z"/></svg>

package/icons/triangle.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12" height="24" version="1.1" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0,-290.65)" fill="none" stroke="#000" stroke-width=".05">
+  <rect x="-6" y="284.65" width="36" height="36"/>
+  <circle cx="12" cy="302.65" r="18"/>
+ </g>
+ <g transform="translate(-7)">
+  <path d="m12 14-4-4h8z" stroke-width=".43644"/>
+ </g>
+</svg>

package/index.tsx

@@ -0,0 +1,5 @@
+import './assets/styles/typography.scss';
+
+export * from './components';
+export * from './i18n';
+export * from './helpers';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@epam/uui",
-  "version": "5.5.0",
+  "version": "5.5.2",
   "description": "EPAM UUI components set",
   "author": "EPAM",
   "license": "MIT",
-  "module": "index.esm.js",
   "main": "index.js",
+  "epam:uui:main": "build/index.esm.js",
   "typings": "index.d.ts",
   "scripts": {
     "build": "node ../uui-build/scripts/buildModule",
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@epam/assets": "5.5.0",
-    "@epam/uui-components": "5.5.0",
-    "@epam/uui-core": "5.5.0",
+    "@epam/assets": "5.5.2",
+    "@epam/uui-components": "5.5.2",
+    "@epam/uui-core": "5.5.2",
     "classnames": "2.2.6",
     "dayjs": "1.10.7",
     "lodash.sortby": "4.7.0",
@@ -30,8 +30,8 @@
     "type": "git",
     "url": "https://github.com/epam/UUI"
   },
-  "gitHead": "641dbccc8fa74d1257c33bae8c19b22b83afa994",
+  "gitHead": "8248a65ee62b2a6b3fb065327869cc6f7d756698",
   "publishConfig": {
     "directory": "build"
   }
-}
+}

package/readme.md

@@ -1,5 +1,5 @@
-# UUI package
-
-This package is a part of [EPAM UUI](https://github.com/epam/UUI) library.
-
+# UUI package
+
+This package is a part of [EPAM UUI](https://github.com/epam/UUI) library.
+
 @epam/uui contains the 'UUI' (codename 'UUI') 'skin'. All components branded with this skin are contained in this package.

package/themeTodo.md

@@ -0,0 +1,21 @@
+# TODO
+- [ ] In FilterRangeDatePickerBody.tsx (in 'promo' now) we would like to use RangeDatePicker component in footer, and get rid of copy-paste.
+- [ ] Remade SearchInput in PickerInput to fit Figma UUI3 styles.
+- [ ] PgeButton (Paginator) colors in figma and in our site are different. Where are the correct set?
+
+- [ ] WithMods function - need to rework:
+     1) case when we need to redefine some variable typo, for example - color.
+     2) case when we need to add some specific for skin typing
+     3) we removed inherited IHasCX, because DatePicker no need cx props, but it has inputCx and BodyCx, so we need to remade it
+- [ ] подумать нужен ли нам Text компонент в UUI
+- [ ] NotificationCard: we need to remove the semantic varieties of notificationCards from skins and re-export them from uui when we get rid of hanging the theme directly in skins
+- [ ] IconContainer: remove colors for Promo will be - semantic colors + default + secondary, for Loveship - semantic + 'night400'(used in DataPickerRow) + 'default' + 'secondary'
+
+# TODO for UUI package
+### Panel
+- [ ] discuss background props
+### PickerInput
+- [ ] DataPickerBody renderNotFound promo has been modified with different logic than loveship
+### MainMenu
+- [ ] Discuss mainMenu tokens, from whom should we inherit menu tokens?
+

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "./build"
+  },
+  "exclude": [
+    "**/__tests__",
+    "build",
+    "node_modules"
+  ]
+}

package/components/tables/DataTableHeaderCell.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { DataTableHeaderCellProps, IDropdownToggler } from '@epam/uui-core';
-import { HeaderCellContentProps } from '@epam/uui-components';
-import { DataTableHeaderCellMods } from './types';
-import './variables.scss';
-interface DataTableHeaderCellState {
-    isDropdownOpen: boolean;
-}
-export declare class DataTableHeaderCell<TItem, TId> extends React.Component<DataTableHeaderCellProps<TItem, TId> & DataTableHeaderCellMods, DataTableHeaderCellState> {
-    state: DataTableHeaderCellState;
-    getTextStyle: () => string;
-    getTooltipContent: () => JSX.Element;
-    getColumnCaption: () => JSX.Element;
-    renderHeaderCheckbox: () => JSX.Element;
-    renderResizeMark: (props: HeaderCellContentProps) => JSX.Element;
-    renderCellContent: (props: HeaderCellContentProps, dropdownProps?: IDropdownToggler) => JSX.Element;
-    renderCellWithFilter: (props: HeaderCellContentProps) => JSX.Element;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=DataTableHeaderCell.d.ts.map

package/components/tables/DataTableHeaderCell.d.ts.map

@@ -1 +0,0 @@
-{"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;AAE7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAOlD,OAAO,kBAAkB,CAAC;AAQ1B,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,iBAqClF;IAEF,oBAAoB,UAAW,sBAAsB,iBAWnD;IAEF,MAAM;CAGT"}