diff --git a/package-lock.json b/package-lock.json index 90f00bcea6..b7156bbf17 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "monday-ui-react-core", - "version": "0.0.10", + "version": "0.0.11", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -16310,9 +16310,9 @@ } }, "monday-ui-style": { - "version": "0.0.9", - "resolved": "https://registry.npmjs.org/monday-ui-style/-/monday-ui-style-0.0.9.tgz", - "integrity": "sha512-GXRlF9vbv9u4/nY2ytp+womtLqu0weokiwdlj1bTGpajj6r39EHtAjQ381u9jBoJCgqq4InP9IC7X7nbfEKhOA==" + "version": "0.0.10", + "resolved": "https://registry.npmjs.org/monday-ui-style/-/monday-ui-style-0.0.10.tgz", + "integrity": "sha512-Y9SriHj0KVdgJj0egftVgMEQc1ReIiHho3o8CicNa3k9oCxO0V0PtE1+5TxVZsLB+Fiizd1lS7Og4acbOK4Tdg==" }, "mout": { "version": "1.1.0", diff --git a/package.json b/package.json index 7691f6310c..3a9b99f183 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "@react-hook/merged-ref": "^1.3.0", "classnames": "^2.2.6", "lodash": "^4.17.19", - "monday-ui-style": "0.0.9", + "monday-ui-style": "0.0.10", "prop-types": "^15.7.2", "react-inlinesvg": "^2.1.1", "react-popper": "^2.2.3", diff --git a/src/components/Icon/Icons/components/ArrowDown.js b/src/components/Icon/Icons/components/ArrowDown.js deleted file mode 100644 index 53069665a2..0000000000 --- a/src/components/Icon/Icons/components/ArrowDown.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ArrowDown = ({size, ...props}) => ( - - - -); -ArrowDown.displayName = 'ArrowDown'; -ArrowDown.propTypes = { - size: PropTypes.string -} -export default ArrowDown; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ArrowLeft.js b/src/components/Icon/Icons/components/ArrowLeft.js deleted file mode 100644 index ed3ead161a..0000000000 --- a/src/components/Icon/Icons/components/ArrowLeft.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ArrowLeft = ({size, ...props}) => ( - - - -); -ArrowLeft.displayName = 'ArrowLeft'; -ArrowLeft.propTypes = { - size: PropTypes.string -} -export default ArrowLeft; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ArrowRight.js b/src/components/Icon/Icons/components/ArrowRight.js deleted file mode 100644 index 50c906c713..0000000000 --- a/src/components/Icon/Icons/components/ArrowRight.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ArrowRight = ({size, ...props}) => ( - - - -); -ArrowRight.displayName = 'ArrowRight'; -ArrowRight.propTypes = { - size: PropTypes.string -} -export default ArrowRight; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ArrowUP.js b/src/components/Icon/Icons/components/ArrowUP.js deleted file mode 100644 index 6970b75a63..0000000000 --- a/src/components/Icon/Icons/components/ArrowUP.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ArrowUP = ({size, ...props}) => ( - - - -); -ArrowUP.displayName = 'ArrowUP'; -ArrowUP.propTypes = { - size: PropTypes.string -} -export default ArrowUP; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Bolt.js b/src/components/Icon/Icons/components/Bolt.js deleted file mode 100644 index c689ddaa8a..0000000000 --- a/src/components/Icon/Icons/components/Bolt.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Bolt = ({size, ...props}) => ( - - - -); -Bolt.displayName = 'Bolt'; -Bolt.propTypes = { - size: PropTypes.string -} -export default Bolt; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ChevronDown.js b/src/components/Icon/Icons/components/ChevronDown.js deleted file mode 100644 index ed2bbe4db0..0000000000 --- a/src/components/Icon/Icons/components/ChevronDown.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ChevronDown = ({size, ...props}) => ( - - - -); -ChevronDown.displayName = 'ChevronDown'; -ChevronDown.propTypes = { - size: PropTypes.string -} -export default ChevronDown; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ChevronLeft.js b/src/components/Icon/Icons/components/ChevronLeft.js deleted file mode 100644 index 5c924b91b5..0000000000 --- a/src/components/Icon/Icons/components/ChevronLeft.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ChevronLeft = ({size, ...props}) => ( - - - -); -ChevronLeft.displayName = 'ChevronLeft'; -ChevronLeft.propTypes = { - size: PropTypes.string -} -export default ChevronLeft; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ChevronRight.js b/src/components/Icon/Icons/components/ChevronRight.js deleted file mode 100644 index 93c7878171..0000000000 --- a/src/components/Icon/Icons/components/ChevronRight.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ChevronRight = ({size, ...props}) => ( - - - -); -ChevronRight.displayName = 'ChevronRight'; -ChevronRight.propTypes = { - size: PropTypes.string -} -export default ChevronRight; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/ChevronUP.js b/src/components/Icon/Icons/components/ChevronUP.js deleted file mode 100644 index fb486eec28..0000000000 --- a/src/components/Icon/Icons/components/ChevronUP.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const ChevronUP = ({size, ...props}) => ( - - - -); -ChevronUP.displayName = 'ChevronUP'; -ChevronUP.propTypes = { - size: PropTypes.string -} -export default ChevronUP; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Close.js b/src/components/Icon/Icons/components/Close.js deleted file mode 100644 index ac32ad0d45..0000000000 --- a/src/components/Icon/Icons/components/Close.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Close = ({size, ...props}) => ( - - - -); -Close.displayName = 'Close'; -Close.propTypes = { - size: PropTypes.string -} -export default Close; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/CloseSmall.js b/src/components/Icon/Icons/components/CloseSmall.js deleted file mode 100644 index dd25a66810..0000000000 --- a/src/components/Icon/Icons/components/CloseSmall.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const CloseSmall = ({size, ...props}) => ( - - - -); -CloseSmall.displayName = 'CloseSmall'; -CloseSmall.propTypes = { - size: PropTypes.string -} -export default CloseSmall; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Favorites.js b/src/components/Icon/Icons/components/Favorites.js deleted file mode 100644 index 3d243e87aa..0000000000 --- a/src/components/Icon/Icons/components/Favorites.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Favorites = ({size, ...props}) => ( - - - - - - - - - - -); -Favorites.displayName = 'Favorites'; -Favorites.propTypes = { - size: PropTypes.string -} -export default Favorites; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Help.js b/src/components/Icon/Icons/components/Help.js deleted file mode 100644 index d5b45302ed..0000000000 --- a/src/components/Icon/Icons/components/Help.js +++ /dev/null @@ -1,18 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Help = ({size, ...props}) => ( - - - - -); -Help.displayName = 'Help'; -Help.propTypes = { - size: PropTypes.string -} -export default Help; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Inbox.js b/src/components/Icon/Icons/components/Inbox.js deleted file mode 100644 index 837d1e9fed..0000000000 --- a/src/components/Icon/Icons/components/Inbox.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Inbox = ({size, ...props}) => ( - - - - - - - - - - -); -Inbox.displayName = 'Inbox'; -Inbox.propTypes = { - size: PropTypes.string -} -export default Inbox; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/InviteUsers.js b/src/components/Icon/Icons/components/InviteUsers.js deleted file mode 100644 index 233aaa7074..0000000000 --- a/src/components/Icon/Icons/components/InviteUsers.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const InviteUsers = ({size, ...props}) => ( - - - -); -InviteUsers.displayName = 'InviteUsers'; -InviteUsers.propTypes = { - size: PropTypes.string -} -export default InviteUsers; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Menu.js b/src/components/Icon/Icons/components/Menu.js deleted file mode 100644 index 5adbd4c67f..0000000000 --- a/src/components/Icon/Icons/components/Menu.js +++ /dev/null @@ -1,18 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Menu = ({size, ...props}) => ( - - - - -); -Menu.displayName = 'Menu'; -Menu.propTypes = { - size: PropTypes.string -} -export default Menu; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/MenuVertical.js b/src/components/Icon/Icons/components/MenuVertical.js deleted file mode 100644 index c056dd2e19..0000000000 --- a/src/components/Icon/Icons/components/MenuVertical.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const MenuVertical = ({size, ...props}) => ( - - - - - - - - -); -MenuVertical.displayName = 'MenuVertical'; -MenuVertical.propTypes = { - size: PropTypes.string -} -export default MenuVertical; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/MyWeek.js b/src/components/Icon/Icons/components/MyWeek.js deleted file mode 100644 index ac414dfaa8..0000000000 --- a/src/components/Icon/Icons/components/MyWeek.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const MyWeek = ({size, ...props}) => ( - - - -); -MyWeek.displayName = 'MyWeek'; -MyWeek.propTypes = { - size: PropTypes.string -} -export default MyWeek; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/NavigationArrowDown.js b/src/components/Icon/Icons/components/NavigationArrowDown.js deleted file mode 100644 index c6f4d97205..0000000000 --- a/src/components/Icon/Icons/components/NavigationArrowDown.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const NavigationArrowDown = ({size, ...props}) => ( - - - - - - - - - - -); -NavigationArrowDown.displayName = 'NavigationArrowDown'; -NavigationArrowDown.propTypes = { - size: PropTypes.string -} -export default NavigationArrowDown; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/NavigationArrowLeft.js b/src/components/Icon/Icons/components/NavigationArrowLeft.js deleted file mode 100644 index 2091ef079c..0000000000 --- a/src/components/Icon/Icons/components/NavigationArrowLeft.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const NavigationArrowLeft = ({size, ...props}) => ( - - - - - - - - - - -); -NavigationArrowLeft.displayName = 'NavigationArrowLeft'; -NavigationArrowLeft.propTypes = { - size: PropTypes.string -} -export default NavigationArrowLeft; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/NavigationArrowRight.js b/src/components/Icon/Icons/components/NavigationArrowRight.js deleted file mode 100644 index c6349121e3..0000000000 --- a/src/components/Icon/Icons/components/NavigationArrowRight.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const NavigationArrowRight = ({size, ...props}) => ( - - - - - - - - - - -); -NavigationArrowRight.displayName = 'NavigationArrowRight'; -NavigationArrowRight.propTypes = { - size: PropTypes.string -} -export default NavigationArrowRight; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/NavigationArrowUp.js b/src/components/Icon/Icons/components/NavigationArrowUp.js deleted file mode 100644 index 726df8f5c0..0000000000 --- a/src/components/Icon/Icons/components/NavigationArrowUp.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const NavigationArrowUp = ({size, ...props}) => ( - - - - - - - - - - -); -NavigationArrowUp.displayName = 'NavigationArrowUp'; -NavigationArrowUp.propTypes = { - size: PropTypes.string -} -export default NavigationArrowUp; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Notification.js b/src/components/Icon/Icons/components/Notification.js deleted file mode 100644 index e40e119c5a..0000000000 --- a/src/components/Icon/Icons/components/Notification.js +++ /dev/null @@ -1,24 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Notification = ({size, ...props}) => ( - - - - - - - - - - -); -Notification.displayName = 'Notification'; -Notification.propTypes = { - size: PropTypes.string -} -export default Notification; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Search.js b/src/components/Icon/Icons/components/Search.js deleted file mode 100644 index 3ed26b3f60..0000000000 --- a/src/components/Icon/Icons/components/Search.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Search = ({size, ...props}) => ( - - - -); -Search.displayName = 'Search'; -Search.propTypes = { - size: PropTypes.string -} -export default Search; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Talk.js b/src/components/Icon/Icons/components/Talk.js deleted file mode 100644 index caef7b657d..0000000000 --- a/src/components/Icon/Icons/components/Talk.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Talk = ({size, ...props}) => ( - - - -); -Talk.displayName = 'Talk'; -Talk.propTypes = { - size: PropTypes.string -} -export default Talk; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/components/Workspaces.js b/src/components/Icon/Icons/components/Workspaces.js deleted file mode 100644 index 3d0268eb0d..0000000000 --- a/src/components/Icon/Icons/components/Workspaces.js +++ /dev/null @@ -1,17 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -import PropTypes from 'prop-types'; -import React from 'react'; -const Workspaces = ({size, ...props}) => ( - - - -); -Workspaces.displayName = 'Workspaces'; -Workspaces.propTypes = { - size: PropTypes.string -} -export default Workspaces; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/Icons/index.js b/src/components/Icon/Icons/index.js deleted file mode 100644 index ba07043c13..0000000000 --- a/src/components/Icon/Icons/index.js +++ /dev/null @@ -1,30 +0,0 @@ -/* eslint-disable */ -/* tslint:disable */ -export {default as ArrowDown} from './components/ArrowDown'; -export {default as ArrowLeft} from './components/ArrowLeft'; -export {default as ArrowRight} from './components/ArrowRight'; -export {default as ArrowUP} from './components/ArrowUP'; -export {default as Bolt} from './components/Bolt'; -export {default as ChevronDown} from './components/ChevronDown'; -export {default as ChevronLeft} from './components/ChevronLeft'; -export {default as ChevronRight} from './components/ChevronRight'; -export {default as ChevronUP} from './components/ChevronUP'; -export {default as Close} from './components/Close'; -export {default as CloseSmall} from './components/CloseSmall'; -export {default as Favorites} from './components/Favorites'; -export {default as Help} from './components/Help'; -export {default as Inbox} from './components/Inbox'; -export {default as InviteUsers} from './components/InviteUsers'; -export {default as Menu} from './components/Menu'; -export {default as MenuVertical} from './components/MenuVertical'; -export {default as MyWeek} from './components/MyWeek'; -export {default as NavigationArrowDown} from './components/NavigationArrowDown'; -export {default as NavigationArrowLeft} from './components/NavigationArrowLeft'; -export {default as NavigationArrowRight} from './components/NavigationArrowRight'; -export {default as NavigationArrowUp} from './components/NavigationArrowUp'; -export {default as Notification} from './components/Notification'; -export {default as Search} from './components/Search'; -export {default as Talk} from './components/Talk'; -export {default as Workspaces} from './components/Workspaces'; -/* tslint:enable */ -/* eslint-enable */ diff --git a/src/components/Icon/__stories__/IconStory.scss b/src/components/Icon/__stories__/IconStory.scss index a51e673f39..15d3117ede 100644 --- a/src/components/Icon/__stories__/IconStory.scss +++ b/src/components/Icon/__stories__/IconStory.scss @@ -47,3 +47,6 @@ justify-self: center; align-items: center; } +.icon-story-search-component { + width: 50%; +} diff --git a/src/components/Icon/__stories__/icon.stories.js b/src/components/Icon/__stories__/icon.stories.js index b4e0b5154c..2e7ee4f956 100644 --- a/src/components/Icon/__stories__/icon.stories.js +++ b/src/components/Icon/__stories__/icon.stories.js @@ -1,22 +1,27 @@ -import React from "react"; +import React, { useState } from "react"; import { iconsMetaData } from "monday-ui-style/src/Icons/iconsMetaData"; import Icon from "../Icon"; import DescriptionLabel from "../../storybook-helpers/description-label/description-label"; import FlexLayout from "../../storybook-helpers/flex-layout/flex-layout"; import * as AllIcons from "../Icons"; import "./IconStory.scss"; -import Bolt from "../Icons/components/Bolt"; +import DoubleCheck from "../Icons/components/DoubleCheck"; import CustomSvgIcon from "../CustomSvgIcon"; import Link from "../../Link/Link"; +import SearchComponent from "../../Search/Search"; +import Search from "../../Search/Search"; export const Icons = () => { return ( <> -
+
{ }; export const IconsList = () => { + const [filterData, setFilterData] = useState(""); + return (
@@ -67,16 +74,42 @@ export const IconsList = () => { dist/icons folder. Just import the icon by it's name as shown in the list below
- import Bolt from "monday-ui-react-core/dist/icons/Bolt"; + + import DoubleCheck from "monday-ui-react-core/dist/icons/DoubleCheck"; +
+
+ +
- {iconsMetaData.map(icon => { + {iconsMetaData.reduce((acc, icon) => { + if ( + !icon.description.toLowerCase().includes(filterData.toLowerCase()) + ) { + return acc; + } const Component = AllIcons[icon.file.split(".")[0]]; - return ; - })} + acc.push(); + return acc; + }, [])}
);