Remove accidentally commit files
This commit is contained in:
Ari Gunawan
parent
902bce7ca5
commit
4f239c5e57
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"$schema": "https://raw.githubusercontent.com/s-KaiNet/spfx-fast-serve/master/schema/config.latest.schema.json",
|
||||
"cli": {
|
||||
"isLibraryComponent": false
|
||||
}
|
||||
}
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
/*
|
||||
* User webpack settings file. You can add your own settings here.
|
||||
* Changes from this file will be merged into the base webpack configuration file.
|
||||
* This file will not be overwritten by the subsequent spfx-fast-serve calls.
|
||||
*/
|
||||
|
||||
// you can add your project related webpack configuration here, it will be merged using webpack-merge module
|
||||
// i.e. plugins: [new webpack.Plugin()]
|
||||
const webpackConfig = {
|
||||
|
||||
}
|
||||
|
||||
// for even more fine-grained control, you can apply custom webpack settings using below function
|
||||
const transformConfig = function (initialWebpackConfig) {
|
||||
// transform the initial webpack config here, i.e.
|
||||
// initialWebpackConfig.plugins.push(new webpack.Plugin()); etc.
|
||||
|
||||
return initialWebpackConfig;
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
webpackConfig,
|
||||
transformConfig
|
||||
}
|
||||
|
|
@ -1,104 +0,0 @@
|
|||
{
|
||||
"bundles": {
|
||||
"react-query-example-web-part": {
|
||||
"dependencies": [
|
||||
{
|
||||
"componentId": "f9e737b7-f0df-4597-ba8c-3060f82380db",
|
||||
"componentName": "@microsoft/sp-property-pane",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": true
|
||||
},
|
||||
{
|
||||
"componentId": "1c6c9123-7aac-41f3-a376-3caea41ed83f",
|
||||
"componentName": "@microsoft/sp-loader",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "8217e442-8ed3-41fd-957d-b112e841286a",
|
||||
"componentName": "@ms/sp-telemetry",
|
||||
"componentVersion": "0.19.2",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "e40f8203-b39d-425a-a957-714852e33b79",
|
||||
"componentName": "@microsoft/sp-dynamic-data",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "73e1dc6c-8441-42cc-ad47-4bd3659f8a3a",
|
||||
"componentName": "@microsoft/sp-lodash-subset",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b",
|
||||
"componentName": "@microsoft/sp-core-library",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "01c4df03-e775-48cb-aa14-171ee5199a15",
|
||||
"componentName": "tslib",
|
||||
"componentVersion": "1.10.0",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "2e09fb9b-13bb-48f2-859f-97d6fff71176",
|
||||
"componentName": "@ms/odsp-core-bundle",
|
||||
"componentVersion": "1.1.13",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "78359e4b-07c2-43c6-8d0b-d060b4d577e8",
|
||||
"componentName": "@microsoft/sp-diagnostics",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "1c4541f7-5c31-41aa-9fa8-fbc9dc14c0a8",
|
||||
"componentName": "@microsoft/sp-page-context",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "229b8d08-79f3-438b-8c21-4613fc877abd",
|
||||
"componentName": "@microsoft/load-themed-styles",
|
||||
"componentVersion": "0.1.2",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "c07208f0-ea3b-4c1a-9965-ac1b825211a6",
|
||||
"componentName": "@microsoft/sp-http",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
|
||||
"componentName": "react",
|
||||
"componentVersion": "16.9.0",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
|
||||
"componentName": "react-dom",
|
||||
"componentVersion": "16.9.0",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "974a7777-0990-4136-8fa6-95d80114c2e0",
|
||||
"componentName": "@microsoft/sp-webpart-base",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": true
|
||||
},
|
||||
{
|
||||
"componentId": "467dc675-7cc5-4709-8aac-78e3b71bd2f6",
|
||||
"componentName": "@microsoft/sp-component-base",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,114 +0,0 @@
|
|||
{
|
||||
"id": "b59e6ef1-0904-45d4-a778-290a67738172",
|
||||
"alias": "ReactQueryExampleWebPart",
|
||||
"componentType": "WebPart",
|
||||
"version": "0.0.1",
|
||||
"manifestVersion": 2,
|
||||
"requiresCustomScript": false,
|
||||
"supportedHosts": [
|
||||
"SharePointWebPart"
|
||||
],
|
||||
"preconfiguredEntries": [
|
||||
{
|
||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||
"group": {
|
||||
"default": "Other"
|
||||
},
|
||||
"title": {
|
||||
"default": "ReactQueryExample"
|
||||
},
|
||||
"description": {
|
||||
"default": "ReactQueryExample description"
|
||||
},
|
||||
"officeFabricIconFontName": "Page",
|
||||
"properties": {
|
||||
"description": "ReactQueryExample"
|
||||
}
|
||||
}
|
||||
],
|
||||
"loaderConfig": {
|
||||
"internalModuleBaseUrls": [
|
||||
"<!-- PATH TO CDN -->"
|
||||
],
|
||||
"entryModuleId": "react-query-example-web-part",
|
||||
"scriptResources": {
|
||||
"react-query-example-web-part": {
|
||||
"type": "path",
|
||||
"path": "react-query-example-web-part.js"
|
||||
},
|
||||
"@microsoft/sp-property-pane": {
|
||||
"type": "component",
|
||||
"id": "f9e737b7-f0df-4597-ba8c-3060f82380db",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"@microsoft/sp-lodash-subset": {
|
||||
"type": "component",
|
||||
"id": "73e1dc6c-8441-42cc-ad47-4bd3659f8a3a",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"@microsoft/sp-core-library": {
|
||||
"type": "component",
|
||||
"id": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"@microsoft/sp-webpart-base": {
|
||||
"type": "component",
|
||||
"id": "974a7777-0990-4136-8fa6-95d80114c2e0",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"react": {
|
||||
"type": "component",
|
||||
"id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
|
||||
"version": "16.9.0"
|
||||
},
|
||||
"react-dom": {
|
||||
"type": "component",
|
||||
"id": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
|
||||
"version": "16.9.0"
|
||||
},
|
||||
"ReactQueryExampleWebPartStrings": {
|
||||
"type": "path",
|
||||
"path": "ReactQueryExampleWebPartStrings_en-us.js"
|
||||
},
|
||||
"@microsoft/sp-http": {
|
||||
"type": "component",
|
||||
"id": "c07208f0-ea3b-4c1a-9965-ac1b825211a6",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"PropertyControlStrings": {
|
||||
"type": "localizedPath",
|
||||
"paths": {
|
||||
"bg-BG": "PropertyControlStrings_bg-bg.js",
|
||||
"ca-ES": "PropertyControlStrings_ca-es.js",
|
||||
"da-DK": "PropertyControlStrings_da-dk.js",
|
||||
"de-DE": "PropertyControlStrings_de-de.js",
|
||||
"el-GR": "PropertyControlStrings_el-gr.js",
|
||||
"en-US": "PropertyControlStrings_en-us.js",
|
||||
"es-ES": "PropertyControlStrings_es-es.js",
|
||||
"et-EE": "PropertyControlStrings_et-ee.js",
|
||||
"fi-FI": "PropertyControlStrings_fi-fi.js",
|
||||
"fr-FR": "PropertyControlStrings_fr-fr.js",
|
||||
"it-IT": "PropertyControlStrings_it-it.js",
|
||||
"ja-JP": "PropertyControlStrings_ja-jp.js",
|
||||
"lt-LT": "PropertyControlStrings_lt-lt.js",
|
||||
"lv-LV": "PropertyControlStrings_lv-lv.js",
|
||||
"nb-NO": "PropertyControlStrings_nb-no.js",
|
||||
"nl-NL": "PropertyControlStrings_nl-nl.js",
|
||||
"no": "PropertyControlStrings_no.js",
|
||||
"pl-PL": "PropertyControlStrings_pl-pl.js",
|
||||
"pt-PT": "PropertyControlStrings_pt-pt.js",
|
||||
"ro-RO": "PropertyControlStrings_ro-ro.js",
|
||||
"ru-RU": "PropertyControlStrings_ru-ru.js",
|
||||
"sk-SK": "PropertyControlStrings_sk-sk.js",
|
||||
"sr-Latn-RS": "PropertyControlStrings_sr-latn-rs.js",
|
||||
"sv-SE": "PropertyControlStrings_sv-se.js",
|
||||
"tr-TR": "PropertyControlStrings_tr-tr.js",
|
||||
"vi-VN": "PropertyControlStrings_vi-vn.js",
|
||||
"zh-CN": "PropertyControlStrings_zh-cn.js",
|
||||
"zh-TW": "PropertyControlStrings_zh-tw.js"
|
||||
},
|
||||
"defaultPath": "PropertyControlStrings_en-us.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
import { sp } from '@pnp/sp';
|
||||
import { format } from 'date-fns';
|
||||
import {
|
||||
DetailsList,
|
||||
DetailsListLayoutMode,
|
||||
SelectionMode,
|
||||
} from 'office-ui-fabric-react/lib/DetailsList';
|
||||
import { Spinner } from 'office-ui-fabric-react/lib/Spinner';
|
||||
import * as React from 'react';
|
||||
import { FunctionComponent, useEffect, useState } from 'react';
|
||||
import { IDisplayItemsProps } from './IDisplayItemsProps';
|
||||
|
||||
export const DisplayItems: FunctionComponent<IDisplayItemsProps> = (
|
||||
props: IDisplayItemsProps
|
||||
) => {
|
||||
const [items, setItems] = useState([]);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
|
||||
const columns = [
|
||||
{
|
||||
key: 'id',
|
||||
name: 'ID',
|
||||
fieldName: 'id',
|
||||
minWidth: 50,
|
||||
maxWidth: 50,
|
||||
isResizable: true,
|
||||
},
|
||||
{
|
||||
key: 'title',
|
||||
name: 'Title',
|
||||
fieldName: 'title',
|
||||
minWidth: 250,
|
||||
isResizable: true,
|
||||
},
|
||||
{
|
||||
key: 'editor',
|
||||
name: 'Modified By',
|
||||
fieldName: 'editor',
|
||||
minWidth: 200,
|
||||
isResizable: true,
|
||||
},
|
||||
{
|
||||
key: 'modified',
|
||||
name: 'Last Modified',
|
||||
fieldName: 'modified',
|
||||
minWidth: 200,
|
||||
isResizable: true,
|
||||
},
|
||||
];
|
||||
|
||||
useEffect(() => {
|
||||
if (!props.isNeedRefreshData) return;
|
||||
|
||||
setIsLoading(true);
|
||||
const fetchData = async () => {
|
||||
const result = await sp.web.lists
|
||||
.getById(props.listId)
|
||||
.items.expand('Editor')
|
||||
.select('ID', 'Title', 'Modified', 'Editor/Title')
|
||||
.orderBy('Modified', false)
|
||||
.get();
|
||||
setItems(
|
||||
result.map((item) => ({
|
||||
id: item.ID,
|
||||
title: item.Title,
|
||||
editor: item.Editor.Title,
|
||||
modified: format(new Date(item.Modified), 'kk:mm PPP'),
|
||||
}))
|
||||
);
|
||||
setIsLoading(false);
|
||||
props.updateIsNeedRefreshData(false);
|
||||
};
|
||||
fetchData();
|
||||
}, [props.isNeedRefreshData]);
|
||||
|
||||
function handleItemInvoked(item: any, index: number) {
|
||||
props.setSelectedItem(item);
|
||||
}
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<div>
|
||||
<Spinner label='Loading data...' />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<DetailsList
|
||||
items={items}
|
||||
columns={columns}
|
||||
setKey='set'
|
||||
layoutMode={DetailsListLayoutMode.justified}
|
||||
ariaLabelForSelectionColumn='Toggle selection'
|
||||
ariaLabelForSelectAllCheckbox='Toggle selection for all items'
|
||||
checkButtonAriaLabel='select row'
|
||||
onItemInvoked={handleItemInvoked}
|
||||
selectionMode={SelectionMode.none}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
export interface IDisplayItemsProps {
|
||||
listId: string;
|
||||
isNeedRefreshData: boolean;
|
||||
updateIsNeedRefreshData: (value: boolean) => void;
|
||||
setSelectedItem: (selectedItem: any) => void;
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
.form {
|
||||
padding: 28px;
|
||||
margin-bottom: 28px;
|
||||
border-radius: 2px;
|
||||
background-clip: padding-box;
|
||||
-webkit-box-shadow: 0 1.6px 3.6px 0 #00000021, 0 0.3px 0.9px 0 #0000001c;
|
||||
box-shadow: 0 1.6px 3.6px 0 #00000021, 0 0.3px 0.9px 0 #0000001c;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.buttonsContainer {
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
|
||||
button:not(:last-child) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
// This file is automatically generated.
|
||||
// Please do not change this file!
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
|
||||
interface CssExports {
|
||||
'buttonsContainer': string;
|
||||
'form': string;
|
||||
'title': string;
|
||||
}
|
||||
const cssExports: CssExports;
|
||||
export default cssExports;
|
||||
|
|
@ -1,125 +0,0 @@
|
|||
import { sp } from '@pnp/sp';
|
||||
import { format } from 'date-fns';
|
||||
import {
|
||||
DetailsList,
|
||||
DetailsListLayoutMode,
|
||||
} from 'office-ui-fabric-react/lib/DetailsList';
|
||||
import { Label } from 'office-ui-fabric-react/lib/Label';
|
||||
import { Spinner } from 'office-ui-fabric-react/lib/Spinner';
|
||||
import * as React from 'react';
|
||||
import { FunctionComponent, useEffect, useRef, useState } from 'react';
|
||||
import { IFormProps } from './IFormProps';
|
||||
import styles from './Form.module.scss';
|
||||
import { ITextField, TextField } from 'office-ui-fabric-react/lib/TextField';
|
||||
import {
|
||||
DefaultButton,
|
||||
PrimaryButton,
|
||||
} from 'office-ui-fabric-react/lib/Button';
|
||||
|
||||
export const Form: FunctionComponent<IFormProps> = (props: IFormProps) => {
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [isNew, setIsNew] = useState(true);
|
||||
const [title, setTitle] = useState('');
|
||||
|
||||
let titleEl: ITextField;
|
||||
|
||||
useEffect(() => {
|
||||
if (!props.selectedItem) {
|
||||
setTitle('');
|
||||
setIsNew(true);
|
||||
return;
|
||||
}
|
||||
|
||||
setIsNew(false);
|
||||
setTitle(props.selectedItem.title);
|
||||
titleEl.focus();
|
||||
}, [props.selectedItem]);
|
||||
|
||||
async function addItem() {
|
||||
setIsLoading(true);
|
||||
await sp.web.lists.getById(props.listId).items.add({ Title: title });
|
||||
props.updateIsNeedRefreshData(true);
|
||||
setTitle('');
|
||||
setIsLoading(false);
|
||||
}
|
||||
|
||||
async function editItem() {
|
||||
setIsLoading(true);
|
||||
await sp.web.lists
|
||||
.getById(props.listId)
|
||||
.items.getById(props.selectedItem.id)
|
||||
.update({ Title: title });
|
||||
props.updateIsNeedRefreshData(true);
|
||||
props.setSelectedItem(null);
|
||||
setIsNew(true);
|
||||
setIsLoading(false);
|
||||
}
|
||||
|
||||
async function handleClickSave() {
|
||||
if (isNew) {
|
||||
await addItem();
|
||||
} else {
|
||||
await editItem();
|
||||
}
|
||||
}
|
||||
|
||||
async function handleClickDelete() {
|
||||
await sp.web.lists
|
||||
.getById(props.listId)
|
||||
.items.getById(props.selectedItem.id)
|
||||
.delete();
|
||||
props.updateIsNeedRefreshData(true);
|
||||
props.setSelectedItem(null);
|
||||
setIsNew(true);
|
||||
setIsLoading(false);
|
||||
}
|
||||
|
||||
async function handleClickCancel() {
|
||||
if (isNew) {
|
||||
setTitle('');
|
||||
} else {
|
||||
props.setSelectedItem(null);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={styles.form}>
|
||||
<span className={styles.title}>
|
||||
{isNew ? 'Add' : 'Edit'} Item
|
||||
{props.selectedItem ? ` (ID: ${props.selectedItem.id})` : ''}
|
||||
</span>
|
||||
<TextField
|
||||
label='Title'
|
||||
value={title}
|
||||
onChange={(event, newValue) => setTitle(newValue)}
|
||||
onKeyPress={(event) => {
|
||||
if (event.key === 'Enter') handleClickSave();
|
||||
}}
|
||||
disabled={isLoading}
|
||||
componentRef={el => titleEl = el}
|
||||
/>
|
||||
<div className={styles.buttonsContainer}>
|
||||
{!isNew && (
|
||||
<PrimaryButton
|
||||
text='Delete'
|
||||
onClick={handleClickDelete}
|
||||
allowDisabledFocus
|
||||
disabled={isLoading}
|
||||
/>
|
||||
)}
|
||||
<PrimaryButton
|
||||
text='Save'
|
||||
onClick={handleClickSave}
|
||||
allowDisabledFocus
|
||||
disabled={isLoading}
|
||||
/>
|
||||
<DefaultButton
|
||||
text='Cancel'
|
||||
onClick={handleClickCancel}
|
||||
allowDisabledFocus
|
||||
disabled={isLoading}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
export interface IFormProps {
|
||||
listId: string;
|
||||
updateIsNeedRefreshData: (value: boolean) => void;
|
||||
selectedItem: any;
|
||||
setSelectedItem: (selectedItem: any) => void;
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
// This file is automatically generated.
|
||||
// Please do not change this file!
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
|
||||
interface CssExports {
|
||||
'button': string;
|
||||
'column': string;
|
||||
'container': string;
|
||||
'description': string;
|
||||
'label': string;
|
||||
'ms-Grid': string;
|
||||
'reactQueryExample': string;
|
||||
'row': string;
|
||||
'subTitle': string;
|
||||
'title': string;
|
||||
}
|
||||
const cssExports: CssExports;
|
||||
export default cssExports;
|
||||
Loading…
Reference in New Issue