mirrors/steedos-platform
1
0
Fork 0
mirror of https://github.com/steedos/steedos-platform synced 2024-11-22 17:06:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

"@steedos/design-system-react"

Browse Source
This commit is contained in:
hotlong 2020-09-23 11:09:04 +08:00
parent 3784b3eef8
commit acd85924f8
35 changed files with 71490 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
creator/client/plugin.js
View File

@ -4,7 +4,7 @@ import * as Redux from 'redux';
import * as ReactRedux from 'react-redux';
import PropTypes from 'prop-types';
import * as ReactSteedos from '@steedos/react';
// import * as ReactDesignSystem from '@salesforce/design-system-react';
import * as ReactDesignSystem from '@steedos/design-system-react';
// import styled from 'styled-components';
// import * as ReduxThunk from 'redux-thunk';
// import * as Immer from 'immer';
@ -20,7 +20,7 @@ export const registerWindowLibraries = () => {
window["ReactDom"] = ReactDom;
window["Redux"] = Redux;
window["ReactRedux"] = ReactRedux;
// window["ReactDesignSystem"] = ReactDesignSystem;
window["ReactDesignSystem"] = ReactDesignSystem;
window["ReactSteedos"] = ReactSteedos;
// window["StyledComponents"] = styled;
// window["ReduxThunk"] = ReduxThunk;

2
creator/imports/ui/flows_tree.jsx
View File

@ -1,4 +1,4 @@
import {Icon, Button} from '@salesforce/design-system-react';
import {Icon, Button} from '@steedos/design-system-react';
import {createTreeAction, store, viewStateSelector, createModalAction} from '@steedos/react';
var _ = require("underscore");

71435
packages/design-system-react/design-system-react.js Normal file
View File

File diff suppressed because one or more lines are too long

7
packages/design-system-react/package.json Normal file
View File

@ -0,0 +1,7 @@
{
"name": "@steedos/design-system-react",
"version": "0.10.22",
"main": "design-system-react.js",
"license": "MIT",
"private": false
}

4
packages/react/package.json
View File

@ -13,7 +13,8 @@
"dependencies": {
"@material-ui/core": "^4.4.0",
"@material-ui/icons": "^4.2.1",
"@salesforce/design-system-react": "^0.10.17",
"@salesforce-ux/icons": "^9.38.0",
"@steedos/design-system-react": "^0.10.17",
"dotenv-flow": "^3.1.0",
"immer": "^4.0.1",
"marked": "^0.8.0",
@ -32,6 +33,7 @@
},
"devDependencies": {
"@babel/core": "^7.11.6",
"@babel/plugin-syntax-jsx": "^7.10.4",
"@devexpress/dx-react-core": "^2.0.4",
"@devexpress/dx-react-grid": "^2.0.4",
"@devexpress/dx-react-grid-material-ui": "^2.0.4",

2
packages/react/public/dashboard_type_react_url.js
View File

@ -3,6 +3,6 @@
let names = apps.map(function (n) { return n.name });
return react.createElement('div', null, `Hello ${options.label}, ${names}`);
// const Card = require('@salesforce/design-system-react').Card;
// const Card = require('@steedos/design-system-react').Card;
// return react.createElement(Card, { heading: options.label }, `Hello ${options.label}, ${names}`);
});

2
packages/react/src/App.js
View File

@ -6,7 +6,7 @@ import SelectUsers from './components/select_users'
import { FlowsModal } from './components'
import DXGrid from './components/dx_grid'
import Grid from './components/grid'
import { IconSettings,Illustration } from '@salesforce/design-system-react';
import { IconSettings,Illustration } from '@steedos/design-system-react';
import { dataServicesSelector } from './selectors';
import Bootstrap from './components/bootstrap'

4
packages/react/src/App2.js
View File

@ -4,7 +4,7 @@ import { Provider } from 'react-redux';
import store from './stores/configureStore'
import Dashboard from './components/dashboard'
import Bootstrap from './components/bootstrap'
import { IconSettings, Card, DataTable, DataTableColumn } from '@salesforce/design-system-react';
import { IconSettings, Card, DataTable, DataTableColumn } from '@steedos/design-system-react';
import WidgetApps from './components/widget_apps';
@ -66,7 +66,7 @@ const config = {
type: "react",
component: function (options){
// return <div>ssss</div>
const AppLauncherExpandableSection = require('@salesforce/design-system-react').AppLauncherExpandableSection;
const AppLauncherExpandableSection = require('@steedos/design-system-react').AppLauncherExpandableSection;
return (
<AppLauncherExpandableSection title={options.label}>
</AppLauncherExpandableSection>

2
packages/react/src/components/favorites/favorites.jsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import { GlobalHeaderFavorites, Popover, MediaObject, Icon} from '@salesforce/design-system-react';
import { GlobalHeaderFavorites, Popover, MediaObject, Icon} from '@steedos/design-system-react';
import PropTypes from 'prop-types';
import { getObject } from '../../selectors'
import { store } from '../../stores'

2
packages/react/src/components/flows_modal/modal.jsx
View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Modal, Button, Settings } from '@salesforce/design-system-react';
import { Modal, Button, Settings } from '@steedos/design-system-react';
import { Flows } from '../';
import styled from 'styled-components'
import PropTypes from 'prop-types';

2
packages/react/src/components/flows_tree/flows_tree.jsx
View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Modal, Button, Settings } from '@salesforce/design-system-react';
import { Modal, Button, Settings } from '@steedos/design-system-react';
import SteedosTree from '../../components/tree'
import styled from 'styled-components'
import PropTypes from 'prop-types';

2
packages/react/src/components/grid/salesforce_grid.jsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import _ from 'underscore';
import { DataTable, DataTableColumn, DataTableCell, Illustration, Icon } from '@salesforce/design-system-react';
import { DataTable, DataTableColumn, DataTableCell, Illustration, Icon } from '@steedos/design-system-react';
import Lookup from '../lookup'
import GridFilters from '../grid_filters'
import { createGridAction } from '../../actions'

2
packages/react/src/components/grid_filters/filters.jsx
View File

@ -3,7 +3,7 @@ import styled from 'styled-components';
import PropTypes from 'prop-types';
import _ from 'underscore';
import Lookup from '../lookup'
import { DropdownTrigger, Button, Dropdown } from '@salesforce/design-system-react';
import { DropdownTrigger, Button, Dropdown } from '@steedos/design-system-react';
import { createGridAction } from '../../actions';
const FiltersContainer = styled.div`
// padding: 1rem;

2
packages/react/src/components/grid_modal/modal.jsx
View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Modal, Button, Settings } from '@salesforce/design-system-react';
import { Modal, Button, Settings } from '@steedos/design-system-react';
import { Grid } from '../';
import styled from 'styled-components'
import PropTypes from 'prop-types';

2
packages/react/src/components/header_profile/profile.jsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import styled from 'styled-components';
import { GlobalHeaderProfile, Popover, MediaObject, Icon, Avatar } from '@salesforce/design-system-react';
import { GlobalHeaderProfile, Popover, MediaObject, Icon, Avatar } from '@steedos/design-system-react';
import PropTypes from 'prop-types';
import _ from 'underscore';

2
packages/react/src/components/list/listbox.jsx
View File

@ -10,7 +10,7 @@ import classNames from 'classnames';
// import { SPLIT_VIEW_LISTBOX } from '../../utilities/constants';
import { Icon } from '@salesforce/design-system-react';
import { Icon } from '@steedos/design-system-react';
import ListItemContent from './private/list-item-content';
import listItemWithContent from './private/list-item-with-content';

2
packages/react/src/components/list/private/list-item-content.jsx
View File

@ -4,7 +4,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { Icon } from '@salesforce/design-system-react';
import { Icon } from '@steedos/design-system-react';
import styled from 'styled-components';
export const DISPLAY_NAME = 'ListItemContent';

2
packages/react/src/components/list/salesforce_list.jsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import _ from 'underscore';
import { DataTableColumn, DataTableCell, Illustration, Icon, Button } from '@salesforce/design-system-react';
import { DataTableColumn, DataTableCell, Illustration, Icon, Button } from '@steedos/design-system-react';
import Lookup from '../lookup'
import { createGridAction } from '../../actions'
import PropTypes from 'prop-types';

2
packages/react/src/components/lookup/salesforce_comboboxes.jsx
View File

@ -1,6 +1,6 @@
/* eslint-disable no-console, react/prop-types */
import React from 'react';
import { Combobox, Icon, comboboxFilterAndLimit} from '@salesforce/design-system-react';
import { Combobox, Icon, comboboxFilterAndLimit} from '@steedos/design-system-react';
import _ from 'underscore'
const accounts = [

2
packages/react/src/components/modal/modal.jsx
View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Modal, Button, Settings } from '@salesforce/design-system-react';
import { Modal, Button, Settings } from '@steedos/design-system-react';
import { Flows } from '../';
import styled from 'styled-components'
import PropTypes from 'prop-types';

2
packages/react/src/components/notifications/notifications.jsx
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import styled from 'styled-components';
import _ from 'underscore';
import moment from 'moment';
import { GlobalHeaderNotifications, Popover, Button, Icon } from '@salesforce/design-system-react';
import { GlobalHeaderNotifications, Popover, Button, Icon } from '@steedos/design-system-react';
import { getAbsoluteUrl, getRelativeUrl, getUserId, getAuthToken, getSpaceId } from '../../utils';
const Container = styled.div`

14
packages/react/src/components/slds_app_launcher/tile.jsx
View File

@ -13,22 +13,22 @@ import classNames from 'classnames';
// This component's `checkProps` which issues warnings to developers about properties when in development mode (similar to React's built in development tools)
// import checkProps from './check-props';
import checkProps from '@salesforce/design-system-react/lib/components/app-launcher/check-props';
import checkProps from '@steedos/design-system-react/lib/components/app-launcher/check-props';
// import componentDoc from './component.json';
import componentDoc from '@salesforce/design-system-react/lib/components/app-launcher/component.json';
import componentDoc from '@steedos/design-system-react/lib/components/app-launcher/component.json';
// ## Children
// import Button from '../button';
import { Button } from '@salesforce/design-system-react';
import { Button } from '@steedos/design-system-react';
// import Highlighter from '../slds_utilities/highlighter';
import Highlighter from '@salesforce/design-system-react/lib/components/utilities/highlighter';
import Highlighter from '@steedos/design-system-react/lib/components/utilities/highlighter';
// import Tooltip from '../tooltip';
import { Tooltip } from '@salesforce/design-system-react';
import { Tooltip } from '@steedos/design-system-react';
// import Truncate from '../slds_utilities/truncate';
import Truncate from '@salesforce/design-system-react/lib/components/utilities/truncate';
import Truncate from '@steedos/design-system-react/lib/components/utilities/truncate';
// import { APP_LAUNCHER_TILE } from '../../utilities/constants';
import { APP_LAUNCHER_TILE } from '@salesforce/design-system-react/lib/utilities/constants';
import { APP_LAUNCHER_TILE } from '@steedos/design-system-react/lib/utilities/constants';
const propTypes = {
/**

2
packages/react/src/components/slds_illustration/illustration.jsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Illustration as SLDSIllustration } from '@salesforce/design-system-react';
import { Illustration as SLDSIllustration } from '@steedos/design-system-react';
import classNames from 'classnames';
// import { ReactComponent as WalkthroughNotAvailable } from './walkthrough-not-available.svg';

2
packages/react/src/components/tabs/index.ts
View File

@ -1,2 +1,2 @@
export { default as Tabs } from './tabs';
export { TabsPanel } from '@salesforce/design-system-react';
export { TabsPanel } from '@steedos/design-system-react';

2
packages/react/src/components/tabs/tabs.jsx
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import styled from 'styled-components';
import classNames from 'classnames';
import _ from 'underscore';
import { Tabs as SFTabs} from '@salesforce/design-system-react';
import { Tabs as SFTabs} from '@steedos/design-system-react';
let Container = styled.div`
.slds-vertical-tabs{

6
packages/react/src/components/tree/salesforce_tree.jsx
View File

@ -1,7 +1,7 @@
import React from 'react';
// import IconSettings from '@salesforce/design-system-react/components/icon-settings';
import {Tree, Search} from '@salesforce/design-system-react';
// import Search from '@salesforce/design-system-react/lib/components/forms/input/search.js';
// import IconSettings from '@steedos/design-system-react/components/icon-settings';
import {Tree, Search} from '@steedos/design-system-react';
// import Search from '@steedos/design-system-react/lib/components/forms/input/search.js';
import PropTypes from 'prop-types';
import styled from 'styled-components'
import _ from 'underscore';

2
packages/react/src/components/widget_apps/widget_apps.jsx
View File

@ -2,7 +2,7 @@ import * as React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import _ from 'underscore';
import { Card, Icon, AppLauncherExpandableSection} from '@salesforce/design-system-react';
import { Card, AppLauncherExpandableSection, Icon} from '@steedos/design-system-react';
import { getCookie, getRelativeUrl } from '../../utils';
import {AppLauncherTile} from '../slds_app_launcher';
import classNames from 'classnames';

2
packages/react/src/components/widget_object/widget_object.jsx
View File

@ -2,7 +2,7 @@ import * as React from 'react';
import Grid from '../grid'
import PropTypes from 'prop-types';
import _ from 'underscore'
import { Card } from '@salesforce/design-system-react';
import { Card } from '@steedos/design-system-react';
import { getSpaceId, getRelativeUrl, isMobile } from '../../utils';
import styled from 'styled-components';

12
packages/react/src/stories/1-Dashboard.stories.js
View File

@ -387,9 +387,9 @@ const config4 = {
position: "CENTER_TOP",
type: "react",
component: function (options) {
const Card = require('@salesforce/design-system-react').Card;
const AppLauncherExpandableSection = require('@salesforce/design-system-react').AppLauncherExpandableSection;
const AppLauncherTile = require('@salesforce/design-system-react').AppLauncherTile;
const Card = require('@steedos/design-system-react').Card;
const AppLauncherExpandableSection = require('@steedos/design-system-react').AppLauncherExpandableSection;
const AppLauncherTile = require('@steedos/design-system-react').AppLauncherTile;
const styled = require('styled-components').default;
let AppLauncherDesktopInternal = styled.div`
padding: 0px 1rem;
@ -429,9 +429,9 @@ const config4 = {
position: "RIGHT",
type: "react",
component: function (options) {
const Card = require('@salesforce/design-system-react').Card;
const DataTable = require('@salesforce/design-system-react').DataTable;
const DataTableColumn = require('@salesforce/design-system-react').DataTableColumn;
const Card = require('@steedos/design-system-react').Card;
const DataTable = require('@steedos/design-system-react').DataTable;
const DataTableColumn = require('@steedos/design-system-react').DataTableColumn;
const styled = require('styled-components').default;
let CustomStyledComponent = styled.div`
color: green;

2
packages/react/src/stories/2.1-List.stories.js
View File

@ -2,7 +2,7 @@ import React from 'react';
import Bootstrap from '../components/bootstrap'
import { Provider } from 'react-redux';
import store from '../stores/configureStore'
import { Icon, Button } from '@salesforce/design-system-react';
import { Icon, Button } from '@steedos/design-system-react';
import PropTypes from 'prop-types';
import styled from 'styled-components'
import { createGridAction } from '../actions'

2
packages/react/src/stories/9.2-flowsModal.stories.js
View File

@ -6,7 +6,7 @@ import Bootstrap from '../components/bootstrap'
import { FlowsModal } from '../components';
import { createFlowsModalAction } from '../actions'
import _ from 'underscore'
import { Icon,Button,ButtonIcon,ButtonStateful } from '@salesforce/design-system-react';
import { Icon,Button,ButtonIcon,ButtonStateful } from '@steedos/design-system-react';
export default {
title: 'FlowsModal',

2
packages/react/src/stories/c.tree.stories.js
View File

@ -6,7 +6,7 @@ import Bootstrap from '../components/bootstrap'
import { FlowsTree,Modal } from '../components';
import { createModalAction } from '../actions'
import _ from 'underscore'
import { Icon } from '@salesforce/design-system-react';
import { Icon } from '@steedos/design-system-react';
export default {
title: 'Tree',

2
packages/react/src/utils/plugin.ts
View File

@ -3,7 +3,7 @@ import * as ReactDom from 'react-dom';
import * as Redux from 'redux';
import * as ReactRedux from 'react-redux';
import PropTypes from 'prop-types';
import * as ReactDesignSystem from '@salesforce/design-system-react';
import * as ReactDesignSystem from '@steedos/design-system-react';
import styled from 'styled-components';
import * as ReduxThunk from 'redux-thunk';
import * as Immer from 'immer';

BIN
packages/react/yarn.lock
View File

Binary file not shown.

BIN
yarn.lock
View File

Binary file not shown.