@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/sections/job/view/job-details-view.jsx

@@ -1,85 +0,0 @@
-import PropTypes from 'prop-types';
-import { useState, useCallback } from 'react';
-
-import Tab from '@mui/material/Tab';
-import Tabs from '@mui/material/Tabs';
-import Container from '@mui/material/Container';
-
-import { paths } from 'src/routes/paths';
-
-import { _jobs, JOB_DETAILS_TABS, JOB_PUBLISH_OPTIONS } from 'src/_mock';
-
-import Label from 'src/components/label';
-import { useSettingsContext } from 'src/components/settings';
-
-import JobDetailsToolbar from '../job-details-toolbar';
-import JobDetailsContent from '../job-details-content';
-import JobDetailsCandidates from '../job-details-candidates';
-
-// ----------------------------------------------------------------------
-
-export default function JobDetailsView({ id }) {
-  const settings = useSettingsContext();
-
-  const currentJob = _jobs.filter((job) => job.id === id)[0];
-
-  const [publish, setPublish] = useState(currentJob?.publish);
-
-  const [currentTab, setCurrentTab] = useState('content');
-
-  const handleChangeTab = useCallback((event, newValue) => {
-    setCurrentTab(newValue);
-  }, []);
-
-  const handleChangePublish = useCallback((newValue) => {
-    setPublish(newValue);
-  }, []);
-
-  const renderTabs = (
-    <Tabs
-      value={currentTab}
-      onChange={handleChangeTab}
-      sx={{
-        mb: { xs: 3, md: 5 },
-      }}
-    >
-      {JOB_DETAILS_TABS.map((tab) => (
-        <Tab
-          key={tab.value}
-          iconPosition="end"
-          value={tab.value}
-          label={tab.label}
-          icon={
-            tab.value === 'candidates' ? (
-              <Label variant="filled">{currentJob?.candidates.length}</Label>
-            ) : (
-              ''
-            )
-          }
-        />
-      ))}
-    </Tabs>
-  );
-
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-      <JobDetailsToolbar
-        backLink={paths.dashboard.job.root}
-        editLink={paths.dashboard.job.edit(`${currentJob?.id}`)}
-        liveLink="#"
-        publish={publish || ''}
-        onChangePublish={handleChangePublish}
-        publishOptions={JOB_PUBLISH_OPTIONS}
-      />
-      {renderTabs}
-
-      {currentTab === 'content' && <JobDetailsContent job={currentJob} />}
-
-      {currentTab === 'candidates' && <JobDetailsCandidates candidates={currentJob?.candidates} />}
-    </Container>
-  );
-}
-
-JobDetailsView.propTypes = {
-  id: PropTypes.string,
-};

package/minimal/src/sections/job/view/job-edit-view.jsx

@@ -1,48 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Container from '@mui/material/Container';
-
-import { paths } from 'src/routes/paths';
-
-import { _jobs } from 'src/_mock';
-
-import { useSettingsContext } from 'src/components/settings';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs';
-
-import JobNewEditForm from '../job-new-edit-form';
-
-// ----------------------------------------------------------------------
-
-export default function JobEditView({ id }) {
-  const settings = useSettingsContext();
-
-  const currentJob = _jobs.find((job) => job.id === id);
-
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-      <CustomBreadcrumbs
-        heading="Edit"
-        links={[
-          {
-            name: 'Dashboard',
-            href: paths.dashboard.root,
-          },
-          {
-            name: 'Job',
-            href: paths.dashboard.job.root,
-          },
-          { name: currentJob?.title },
-        ]}
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      />
-
-      <JobNewEditForm currentJob={currentJob} />
-    </Container>
-  );
-}
-
-JobEditView.propTypes = {
-  id: PropTypes.string,
-};

package/minimal/src/sections/job/view/job-list-view.jsx

@@ -1,244 +0,0 @@
-import orderBy from 'lodash/orderBy';
-import isEqual from 'lodash/isEqual';
-import { useState, useCallback } from 'react';
-
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Container from '@mui/material/Container';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-
-import { countries } from 'src/assets/data';
-import {
-  _jobs,
-  _roles,
-  JOB_SORT_OPTIONS,
-  JOB_BENEFIT_OPTIONS,
-  JOB_EXPERIENCE_OPTIONS,
-  JOB_EMPLOYMENT_TYPE_OPTIONS,
-} from 'src/_mock';
-
-import Iconify from 'src/components/iconify';
-import EmptyContent from 'src/components/empty-content';
-import { useSettingsContext } from 'src/components/settings';
-import CustomBreadcrumbs from 'src/components/custom-breadcrumbs';
-
-import JobList from '../job-list';
-import JobSort from '../job-sort';
-import JobSearch from '../job-search';
-import JobFilters from '../job-filters';
-import JobFiltersResult from '../job-filters-result';
-
-// ----------------------------------------------------------------------
-
-const defaultFilters = {
-  roles: [],
-  locations: [],
-  benefits: [],
-  experience: 'all',
-  employmentTypes: [],
-};
-
-// ----------------------------------------------------------------------
-
-export default function JobListView() {
-  const settings = useSettingsContext();
-
-  const openFilters = useBoolean();
-
-  const [sortBy, setSortBy] = useState('latest');
-
-  const [search, setSearch] = useState({
-    query: '',
-    results: [],
-  });
-
-  const [filters, setFilters] = useState(defaultFilters);
-
-  const dataFiltered = applyFilter({
-    inputData: _jobs,
-    filters,
-    sortBy,
-  });
-
-  const canReset = !isEqual(defaultFilters, filters);
-
-  const notFound = !dataFiltered.length && canReset;
-
-  const handleFilters = useCallback((name, value) => {
-    setFilters((prevState) => ({
-      ...prevState,
-      [name]: value,
-    }));
-  }, []);
-
-  const handleSortBy = useCallback((newValue) => {
-    setSortBy(newValue);
-  }, []);
-
-  const handleSearch = useCallback(
-    (inputValue) => {
-      setSearch((prevState) => ({
-        ...prevState,
-        query: inputValue,
-      }));
-
-      if (inputValue) {
-        const results = _jobs.filter(
-          (job) => job.title.toLowerCase().indexOf(search.query.toLowerCase()) !== -1
-        );
-
-        setSearch((prevState) => ({
-          ...prevState,
-          results,
-        }));
-      }
-    },
-    [search.query]
-  );
-
-  const handleResetFilters = useCallback(() => {
-    setFilters(defaultFilters);
-  }, []);
-
-  const renderFilters = (
-    <Stack
-      spacing={3}
-      justifyContent="space-between"
-      alignItems={{ xs: 'flex-end', sm: 'center' }}
-      direction={{ xs: 'column', sm: 'row' }}
-    >
-      <JobSearch
-        query={search.query}
-        results={search.results}
-        onSearch={handleSearch}
-        hrefItem={(id) => paths.dashboard.job.details(id)}
-      />
-
-      <Stack direction="row" spacing={1} flexShrink={0}>
-        <JobFilters
-          open={openFilters.value}
-          onOpen={openFilters.onTrue}
-          onClose={openFilters.onFalse}
-          //
-          filters={filters}
-          onFilters={handleFilters}
-          //
-          canReset={canReset}
-          onResetFilters={handleResetFilters}
-          //
-          locationOptions={countries}
-          roleOptions={_roles}
-          benefitOptions={JOB_BENEFIT_OPTIONS.map((option) => option.label)}
-          experienceOptions={['all', ...JOB_EXPERIENCE_OPTIONS.map((option) => option.label)]}
-          employmentTypeOptions={JOB_EMPLOYMENT_TYPE_OPTIONS.map((option) => option.label)}
-        />
-
-        <JobSort sort={sortBy} onSort={handleSortBy} sortOptions={JOB_SORT_OPTIONS} />
-      </Stack>
-    </Stack>
-  );
-
-  const renderResults = (
-    <JobFiltersResult
-      filters={filters}
-      onResetFilters={handleResetFilters}
-      //
-      canReset={canReset}
-      onFilters={handleFilters}
-      //
-      results={dataFiltered.length}
-    />
-  );
-
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-      <CustomBreadcrumbs
-        heading="List"
-        links={[
-          { name: 'Dashboard', href: paths.dashboard.root },
-          {
-            name: 'Job',
-            href: paths.dashboard.job.root,
-          },
-          { name: 'List' },
-        ]}
-        action={
-          <Button
-            component={RouterLink}
-            href={paths.dashboard.job.new}
-            variant="contained"
-            startIcon={<Iconify icon="mingcute:add-line" />}
-          >
-            New Job
-          </Button>
-        }
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      />
-
-      <Stack
-        spacing={2.5}
-        sx={{
-          mb: { xs: 3, md: 5 },
-        }}
-      >
-        {renderFilters}
-
-        {canReset && renderResults}
-      </Stack>
-
-      {notFound && <EmptyContent filled title="No Data" sx={{ py: 10 }} />}
-
-      <JobList jobs={dataFiltered} />
-    </Container>
-  );
-}
-
-// ----------------------------------------------------------------------
-
-const applyFilter = ({ inputData, filters, sortBy }) => {
-  const { employmentTypes, experience, roles, locations, benefits } = filters;
-
-  // SORT BY
-  if (sortBy === 'latest') {
-    inputData = orderBy(inputData, ['createdAt'], ['desc']);
-  }
-
-  if (sortBy === 'oldest') {
-    inputData = orderBy(inputData, ['createdAt'], ['asc']);
-  }
-
-  if (sortBy === 'popular') {
-    inputData = orderBy(inputData, ['totalViews'], ['desc']);
-  }
-
-  // FILTERS
-  if (employmentTypes.length) {
-    inputData = inputData.filter((job) =>
-      job.employmentTypes.some((item) => employmentTypes.includes(item))
-    );
-  }
-
-  if (experience !== 'all') {
-    inputData = inputData.filter((job) => job.experience === experience);
-  }
-
-  if (roles.length) {
-    inputData = inputData.filter((job) => roles.includes(job.role));
-  }
-
-  if (locations.length) {
-    inputData = inputData.filter((job) => job.locations.some((item) => locations.includes(item)));
-  }
-
-  if (benefits.length) {
-    inputData = inputData.filter((job) => job.benefits.some((item) => benefits.includes(item)));
-  }
-
-  return inputData;
-};

package/minimal/src/sections/kanban/kanban-column-add.jsx

@@ -1,85 +0,0 @@
-import { useState, useCallback } from 'react';
-
-import Paper from '@mui/material/Paper';
-import Button from '@mui/material/Button';
-import TextField from '@mui/material/TextField';
-import { inputBaseClasses } from '@mui/material/InputBase';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-
-import uuidv4 from 'src/utils/uuidv4';
-
-import { createColumn } from 'src/api/kanban';
-
-import Iconify from 'src/components/iconify';
-
-// ----------------------------------------------------------------------
-
-export default function KanbanColumnAdd() {
-  const [columnName, setColumnName] = useState('');
-
-  const openAddColumn = useBoolean();
-
-  const handleChangeName = useCallback((event) => {
-    setColumnName(event.target.value);
-  }, []);
-
-  const handleCreateColumn = useCallback(async () => {
-    try {
-      if (columnName) {
-        createColumn({
-          id: uuidv4(),
-          name: columnName,
-          taskIds: [],
-        });
-        setColumnName('');
-      }
-      openAddColumn.onFalse();
-    } catch (error) {
-      console.error(error);
-    }
-  }, [columnName, openAddColumn]);
-
-  const handleKeyUpCreateColumn = useCallback(
-    (event) => {
-      if (event.key === 'Enter') {
-        handleCreateColumn();
-      }
-    },
-    [handleCreateColumn]
-  );
-
-  return (
-    <Paper sx={{ minWidth: 280, width: 280 }}>
-      {openAddColumn.value ? (
-        <ClickAwayListener onClickAway={handleCreateColumn}>
-          <TextField
-            autoFocus
-            fullWidth
-            placeholder="New section"
-            value={columnName}
-            onChange={handleChangeName}
-            onKeyUp={handleKeyUpCreateColumn}
-            sx={{
-              [`& .${inputBaseClasses.input}`]: {
-                typography: 'h6',
-              },
-            }}
-          />
-        </ClickAwayListener>
-      ) : (
-        <Button
-          fullWidth
-          size="large"
-          color="inherit"
-          variant="outlined"
-          startIcon={<Iconify icon="mingcute:add-line" sx={{ mr: -0.5 }} />}
-          onClick={openAddColumn.onTrue}
-        >
-          Add Section
-        </Button>
-      )}
-    </Paper>
-  );
-}

package/minimal/src/sections/kanban/kanban-column-tool-bar.jsx

@@ -1,149 +0,0 @@
-import PropTypes from 'prop-types';
-import { useRef, useState, useEffect, useCallback } from 'react';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import MenuItem from '@mui/material/MenuItem';
-import IconButton from '@mui/material/IconButton';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-
-import Iconify from 'src/components/iconify';
-import { ConfirmDialog } from 'src/components/custom-dialog';
-import CustomPopover, { usePopover } from 'src/components/custom-popover';
-
-import KanbanInputName from './kanban-input-name';
-
-// ----------------------------------------------------------------------
-
-export default function KanbanColumnToolBar({
-  columnName,
-  onDeleteColumn,
-  onClearColumn,
-  onUpdateColumn,
-}) {
-  const renameRef = useRef(null);
-
-  const popover = usePopover();
-
-  const confirmDialog = useBoolean();
-
-  const [name, setName] = useState(columnName);
-
-  useEffect(() => {
-    if (popover.open) {
-      if (renameRef.current) {
-        renameRef.current.focus();
-      }
-    }
-  }, [popover.open]);
-
-  const handleChangeName = useCallback((event) => {
-    setName(event.target.value);
-  }, []);
-
-  const handleKeyUpUpdateColumn = useCallback(
-    (event) => {
-      if (event.key === 'Enter') {
-        if (renameRef.current) {
-          renameRef.current.blur();
-        }
-        onUpdateColumn(name);
-      }
-    },
-    [name, onUpdateColumn]
-  );
-
-  return (
-    <>
-      <Stack
-        spacing={1}
-        direction="row"
-        alignItems="center"
-        justifyContent="space-between"
-        sx={{ pt: 3 }}
-      >
-        <KanbanInputName
-          inputRef={renameRef}
-          placeholder="Section name"
-          value={name}
-          onChange={handleChangeName}
-          onKeyUp={handleKeyUpUpdateColumn}
-        />
-
-        <IconButton color={popover.open ? 'inherit' : 'default'} onClick={popover.onOpen}>
-          <Iconify icon="eva:more-horizontal-fill" />
-        </IconButton>
-      </Stack>
-
-      <CustomPopover
-        open={popover.open}
-        onClose={popover.onClose}
-        sx={{
-          ml: 1.5,
-          width: 160,
-        }}
-      >
-        <MenuItem onClick={popover.onClose}>
-          <Iconify icon="solar:pen-bold" />
-          Rename
-        </MenuItem>
-
-        <MenuItem
-          onClick={() => {
-            onClearColumn();
-            popover.onClose();
-          }}
-        >
-          <Iconify icon="solar:eraser-bold" />
-          Clear
-        </MenuItem>
-
-        <MenuItem
-          onClick={() => {
-            confirmDialog.onTrue();
-            popover.onClose();
-          }}
-          sx={{ color: 'error.main' }}
-        >
-          <Iconify icon="solar:trash-bin-trash-bold" />
-          Delete
-        </MenuItem>
-      </CustomPopover>
-
-      <ConfirmDialog
-        open={confirmDialog.value}
-        onClose={confirmDialog.onFalse}
-        title="Delete"
-        content={
-          <>
-            Are you sure want to delete column?
-            <Box sx={{ typography: 'caption', color: 'error.main', mt: 2 }}>
-              <strong> NOTE: </strong> All tasks related to this category will also be deleted.
-            </Box>
-          </>
-        }
-        action={
-          <Button
-            variant="contained"
-            color="error"
-            onClick={() => {
-              onDeleteColumn();
-              confirmDialog.onFalse();
-            }}
-          >
-            Delete
-          </Button>
-        }
-      />
-    </>
-  );
-}
-
-KanbanColumnToolBar.propTypes = {
-  columnName: PropTypes.string,
-  onClearColumn: PropTypes.func,
-  onDeleteColumn: PropTypes.func,
-  onUpdateColumn: PropTypes.func,
-};