monday-ui-react-core/src/published-components.js

Official monday.com UI resources for application development in React.js

const path = require("path");
const fs = require("fs");

const publishedComponents = {
  // Don't remove next line
  // plop_marker:published-components
  AccordionItem: "/src/components/Accordion/AccordionItem/AccordionItem.jsx",
  Accordion: "/src/components/Accordion/Accordion/Accordion.jsx",
  Clickable: "/src/components/Clickable/Clickable.jsx",
  TextWithHighlight: "/src/components/TextWithHighlight/TextWithHighlight.jsx",
  List: "/src/components/List/List.jsx",
  ListTitle: "/src/components/ListTitle/ListTitle.jsx",
  ListItemIcon: "/src/components/ListItemIcon/ListItemIcon.jsx",
  ListItem: "/src/components/ListItem/ListItem.jsx",
  VirtualizedList: "/src/components/VirtualizedList/VirtualizedList.jsx",
  ColorPicker: "/src/components/ColorPicker/ColorPicker.jsx",
  ColorPickerContent: "/src/components/ColorPicker/components/ColorPickerContent/ColorPickerContentComponent.jsx",
  Tipseen: "/src/components/Tipseen/Tipseen.jsx",
  TipseenContent: "/src/components/Tipseen/TipseenContent.jsx",
  TipseenWizard: "/src/components/Tipseen/TipseenWizard.jsx",
  TipseenImage: "/src/components/Tipseen/TipseenImage.jsx",
  Steps: "/src/components/Steps/Steps.jsx",
  Combobox: "/src/components/Combobox/Combobox.jsx",
  TabPanels: "/src/components/Tabs/TabPanels/TabPanels.jsx",
  TabsContext: "/src/components/Tabs/TabsContext/TabsContext.jsx",
  TabPanel: "/src/components/Tabs/TabPanel/TabPanel.jsx",
  Tab: "/src/components/Tabs/Tab/Tab.jsx",
  TabList: "/src/components/Tabs/TabList/TabList.jsx",
  Chips: "/src/components/Chips/Chips.jsx",
  BreadcrumbItem: "/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.jsx",
  BreadcrumbsBar: "/src/components/BreadcrumbsBar/BreadcrumbsBar.jsx",
  ResponsiveList: "/src/components/ResponsiveList/ResponsiveList.jsx",
  EditableHeading: "/src/components/EditableHeading/EditableHeading.jsx",
  EditableInput: "/src/components/EditableInput/EditableInput.jsx",
  Heading: "/src/components/Heading/Heading.jsx",
  ExpandCollapse: "/src/components/ExpandCollapse/ExpandCollapse.jsx",
  HiddenText: "/src/components/HiddenText/HiddenText.jsx",
  MultiStepIndicator: "/src/components/MultiStepIndicator/MultiStepIndicator.jsx",
  Banner: "/src/components/Banner/Banner.jsx",
  MenuTitle: "/src/components/Menu/MenuTitle/MenuTitle.jsx",
  Divider: "/src/components/Divider/Divider.jsx",
  MenuItem: "/src/components/Menu/MenuItem/MenuItem.jsx",
  MenuItemButton: "/src/components/Menu/MenuItemButton/MenuItemButton.jsx",
  MenuDivider: "/src/components/Menu/MenuDivider/MenuDivider.jsx",
  Menu: "/src/components/Menu/Menu/Menu.jsx",
  Dialog: "/src/components/Dialog/Dialog.jsx",
  DialogContentContainer: "/src/components/DialogContentContainer/DialogContentContainer.jsx",
  AttentionBox: "/src/components/AttentionBox/AttentionBox.jsx",
  Label: "/src/components/Label/Label.jsx",
  MenuButton: "/src/components/MenuButton/MenuButton.jsx",
  RadioButton: "/src/components/RadioButton/RadioButton.jsx",
  SplitButton: "/src/components/SplitButton/SplitButton.jsx",
  Counter: "/src/components/Counter/Counter.jsx",
  Checkbox: "/src/components/Checkbox/Checkbox.js",
  Dropdown: "/src/components/Dropdown/Dropdown.jsx",
  SearchComponent: "/src/components/Search/Search.jsx", // TODO: remove when bumping to version 1.0.0
  Search: "/src/components/Search/Search.jsx",
  TextField: "/src/components/TextField/TextField.jsx",
  Toast: "/src/components/Toast/Toast.jsx",
  ToastButton: "/src/components/Toast/ToastButton/ToastButton.jsx",
  ToastLink: "/src/components/Toast/ToastLink/ToastLink.jsx",
  Tooltip: "/src/components/Tooltip/Tooltip.jsx",
  Button: "/src/components/Button/Button.jsx",
  Loader: "/src/components/Loader/Loader.jsx",
  Icon: "/src/components/Icon/Icon.jsx",
  CustomSvgIcon: "/src/components/Icon/CustomSvgIcon.jsx",
  FormattedNumber: "/src/components/FormattedNumber/FormattedNumber.jsx",
  LinearProgressBar: "/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.jsx",
  useKeyEvent: "/src/hooks/useKeyEvent.js",
  useEventListener: "/src/hooks/useEventListener.js",
  useDebounceEvent: "/src/hooks/useDebounceEvent.js",
  useClickOutside: "/src/hooks/useClickOutside.js",
  useResizeObserver: "/src/hooks/useResizeObserver.js",
  allIcons: "/src/components/Icon/Icons",
  Link: "/src/components/Link/Link.jsx",
  ButtonGroup: "/src/components/ButtonGroup/ButtonGroup.jsx",
  AlertBanner: "/src/components/AlertBanner/AlertBanner.jsx",
  AlertBannerLink: "/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.jsx",
  AlertBannerText: "/src/components/AlertBanner/AlertBannerText/AlertBannerText.jsx",
  AlertBannerButton: "/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.jsx",
  Toggle: "/src/components/Toggle/Toggle.jsx",
  Skeleton: "/src/components/Skeleton/Skeleton.jsx",
  Avatar: "/src/components/Avatar/Avatar.jsx"
};

function getPublishedComponents(dirPath = "") {
  return Object.entries(publishedComponents).reduce(
    (acc, [key, value]) => {
      return { ...acc, [key]: dirPath + value };
    },
    { ...exposeIcons(dirPath) }
  );
}

function exposeIcons(dirPath) {
  const iconsPath = "src/components/Icon/Icons/components";
  const directoryPath = path.join(dirPath, iconsPath);
  const filesObject = {};
  const files = fs.readdirSync(directoryPath);
  files.forEach(function(file) {
    filesObject[`/icons/${file.split(".")[0]}`] = `${iconsPath}/${file}`;
  });
  return filesObject;
}

module.exports = {
  getPublishedComponents
};