Docops v3

package.json

@@ -149,6 +149,12 @@
     "webpack-dev-server": "^3.11.0"
   },
   "dependencies": {
+    "@fullcalendar/daygrid": "^5.10.1",
+    "@fullcalendar/interaction": "^5.10.1",
+    "@fullcalendar/react": "^5.10.1",
+    "@dnd-kit/core": "^4.0.3",
+    "@dnd-kit/sortable": "^5.1.0",
+    "@dnd-kit/utilities": "^3.0.1",
     "@mdi/js": "^5.9.55",
     "@mdi/react": "^1.2.1",
     "@stripe/react-stripe-js": "^1.2.0",

src/cloud/api/teams/docs/index.ts

@@ -22,7 +22,7 @@ export interface CreateDocRequestBody {
   template?: string
   title?: string
   emoji?: string
-  blocks?: boolean
+  props?: Record<string, PropData | null>
 }
 
 export interface CreateDocResponseBody {
@@ -117,15 +117,11 @@ export async function updateDocDueDate(docId: string, dueDate: Date | null) {
 
 export async function updateUnsignedDocProps(
   docId: string,
-  props: [string, PropData | null][]
+  props: Record<string, PropData | null>
 ) {
-  const body = {}
-  props.forEach((prop) => {
-    body[prop[0]] = prop[1]
-  })
   return callApi<UpdateDocPropsResponseBody>(`api/docs/${docId}/props`, {
     method: 'patch',
-    json: body,
+    json: props,
   })
 }
 

src/cloud/api/teams/folders/index.ts

@@ -68,6 +68,31 @@ export async function updateFolder(
   )
   return data
 }
+export interface UpdateFolderEmojiResponseBody {
+  folder: SerializedFolderWithBookmark
+}
+
+export interface UpdateFolderResponseBody {
+  folders: SerializedFolderWithBookmark[]
+  docs: SerializedDocWithSupplemental[]
+  workspaces?: SerializedWorkspace[]
+}
+
+export async function updateFolderPageOrder(
+  folder: SerializedFolder,
+  moveAheadOf: string
+) {
+  const data = await callApi<UpdateFolderResponseBody>(
+    `api/teams/${folder.teamId}/folders/${folder.id}/page-order`,
+    {
+      json: {
+        moveAheadOf,
+      },
+      method: 'put',
+    }
+  )
+  return data
+}
 
 export interface DestroyFolderResponseBody {
   parentFolder?: SerializedFolderWithBookmark

src/cloud/api/teams/props/index.ts

@@ -10,6 +10,7 @@ export type ListPropertySuggestionsRequestBody = {
   workspace?: string
   doc?: string
   folder?: string
+  smartView?: string
   propertyType?: string
   jsonPropertyType?: string
 }

src/cloud/api/teams/tags/index.ts

@@ -6,6 +6,7 @@ import { callApi } from '../../../lib/client'
 export interface CreateTagRequestBody {
   docId: string
   text: string
+  backgroundColor?: string
 }
 
 export interface CreateTagResponseBody {
@@ -33,6 +34,7 @@ export interface UpdateTagResponseBody {
 
 export interface UpdateTagRequestBody {
   text: string
+  backgroundColor?: string
 }
 
 export async function updateTag(

src/cloud/api/teams/views/index.ts

@@ -1,5 +1,6 @@
 import { callApi } from '../../../lib/client'
 import { SerializedView, SupportedViewTypes } from '../../../interfaces/db/view'
+import { ViewMoveType } from '../../../lib/views'
 
 export type ListViewsRequestBody =
   | {
@@ -26,6 +27,7 @@ export type CreateViewRequestBody = {
   smartView?: string
   folder?: string
   workspace?: string
+  name: string
 }
 
 export interface CreateViewResponseBody {
@@ -40,8 +42,9 @@ export async function createView(body: CreateViewRequestBody) {
 }
 
 export interface UpdateViewRequestBody {
-  data: Object
-  before?: string
+  name?: string
+  data?: Object
+  move?: ViewMoveType
 }
 
 export interface UpdateViewResponseBody {

src/cloud/components/ContentManager/ContentManagerToolbar.tsx

@@ -24,7 +24,7 @@ import { LoadingButton } from '../../../design/components/atoms/Button'
 import { lngKeys } from '../../lib/i18n/types'
 import { useI18n } from '../../lib/hooks/useI18n'
 import { useCloudApi } from '../../lib/hooks/useCloudApi'
-import DocDueDateSelect from '../Props/Pickers/DueDateSelect'
+import DocDueDateSelect from '../Props/Pickers/DatePropPicker'
 import DocAssigneeSelect from '../Props/Pickers/AssigneeSelect'
 import DocLabelSelectionModal from '../Props/Pickers/DocLabelSelectionModal'
 import BulkActionProgress, {
@@ -558,15 +558,14 @@ const ContentManagerToolbar = ({
                 <DocDueDateSelect
                   key={`cm__toolbar--${propColumn.id}`}
                   emptyLabel={propColumn.name}
-                  dueDate={
+                  date={
                     selectedDocumentsCommonValues[propColumn.name] != null
                       ? selectedDocumentsCommonValues[propColumn.name].value
                       : undefined
                   }
                   isReadOnly={selectedDocsAreUpdating}
                   sending={sending === propColumn.name}
-                  shortenedLabel={true}
-                  onDueDateChange={(newDate: Date | null) => {
+                  onDueDateChange={(newDate) => {
                     updateProp([
                       propColumn.name,
                       {

src/cloud/components/ContentManager/SortingOption.tsx

@@ -78,9 +78,10 @@ export const sortingOrders: (FormSelectOption & { icon: React.ReactNode })[] = [
 interface SortingOptionProps {
   value: typeof sortingOrders[number]['value']
   onChange: (value: FormSelectOption) => void
+  isDisabled?: boolean
 }
 
-const SortingOption = ({ value, onChange }: SortingOptionProps) => {
+const SortingOption = ({ value, onChange, isDisabled }: SortingOptionProps) => {
   const val = sortingOrders.find((ORDER) => ORDER.value === value)
   return (
     <StyledSortingOption>
@@ -91,6 +92,7 @@ const SortingOption = ({ value, onChange }: SortingOptionProps) => {
         className='sorting-options__select'
         isSearchable={false}
         isMulti={false}
+        isDisabled={isDisabled}
       />
     </StyledSortingOption>
   )

src/cloud/components/DashboardPage/index.tsx

@@ -19,14 +19,14 @@ import ApplicationTopbar from '../ApplicationTopbar'
 import SmartViewFolderContextMenu from '../SmartViewContextMenu'
 import CreateSmartViewModal from '../Modal/contents/SmartView/CreateSmartViewModal'
 import UpdateSmartViewModal from '../Modal/contents/SmartView/UpdateSmartViewModal'
-import Views from '../Views'
 import {
   getSmartViewListPageData,
   SmartViewListPageResponseBody,
 } from '../../api/pages/teams/smartViews/list'
 import { getDefaultTableView } from '../../lib/views/table'
 import { trackEvent } from '../../api/track'
 import { MixpanelActionTrackTypes } from '../../interfaces/analytics/mixpanel'
+import { ViewsManager } from '../Views'
 
 const SmartViewPage = ({
   data,
@@ -182,7 +182,7 @@ const SmartViewPage = ({
                   Add filter
                 </Button>
               </Flexbox>
-              <Views
+              <ViewsManager
                 team={team}
                 views={selectedSmartViewViews}
                 parent={{ type: 'smartView', target: selectedSmartView }}