ish-ui 1.0.2

package/.eslintrc.json

@@ -0,0 +1,39 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
+      },
+      "alias": {
+        "map": [
+          ["@src", "./src"],
+          ["@assets", "./assets"]
+        ],
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
+      }
+    },
+    "react": {
+      "version": "latest"
+    }
+  },
+  "rules": {
+    "quotes": ["error", "single"],
+    "react/prop-types": "off",
+    "@typescript-eslint/no-var-requires": "off",
+    "@typescript-eslint/no-explicit-any": "off"
+  }
+}

package/.gitattributes

@@ -0,0 +1,3 @@
+*.scss linguist-detectable=false
+*.sass linguist-detectable=false
+*.js linguist-detectable=false

package/.github/workflows/release-package.yml

@@ -0,0 +1,33 @@
+name: Node.js Package
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - run: npm ci --legacy-peer-deps
+      - run: npm test
+
+  publish-gpr:
+    needs: build
+    runs-on: ubuntu-latest
+    permissions:
+      packages: write
+      contents: read
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci --legacy-peer-deps
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "jsxSingleQuote": true
+}

package/README.md

@@ -0,0 +1,80 @@
+# Ish UI
+
+UI elements for onCourse and other ish apps
+
+
+## Installation
+
+#### To install you need to run following commands
+
+<br>
+
+Clone the repository :
+
+```bash
+git clone https://github.com/ishgroup/ish-ui.git
+```
+
+<br>
+
+Install dependencies using Yarn:
+
+```bash
+yarn install
+```
+
+<br />
+
+## Start : Development
+
+To develop and run your web application, you need to run following command :
+
+```bash
+yarn start
+```
+
+<br />
+
+## Lint : Development
+
+To lint application source code using ESLint via this command :
+
+```bash
+yarn lint
+```
+
+<br />
+
+## Build : Production
+
+Distribution files output will be generated in `dist/` directory by default.
+
+To build the production ready files for distribution, use the following command :
+
+```bash
+yarn build
+```
+
+<br />
+
+## Serve : Production
+
+Serve helps you serve a static site, single page application or just a static file. It also provides a neat interface for listing the directory's contents. This command serves build files from `dist/` directory.
+
+```bash
+yarn serve
+```
+
+<br />
+
+## Webpack Configurations
+
+To make it easier for managing environment based webpack configurations, we using separated `development` and `production` configuration files, they are available in :
+
+```bash
+# Development webpack config
+tools/webpack/webpack.config.dev.js
+
+# Production webpack config
+tools/webpack/webpack.config.prod.js
+```

package/assets/fonts/inter/LICENSE.txt

@@ -0,0 +1,92 @@
+Copyright (c) 2016-2019 The Inter Project Authors (me@rsms.me)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/assets/fonts/inter/index.d.ts

@@ -0,0 +1,10 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+declare module '*.var.woff2'

package/assets/fonts/inter/inter.scss

@@ -0,0 +1,17 @@
+@font-face {
+  font-family: 'Inter';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: local('Inter'), url("Inter-Roman.var.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: local('Inter'), url("Inter-Italic.var.woff2") format("woff2");
+}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "ish-ui",
+  "version": "1.0.2",
+  "description": "UI elements for onCourse and other ish apps",
+  "main": "main.ts",
+  "devDependencies": {
+    "@marshallofsound/webpack-asset-relocator-loader": "^0.5.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.8",
+    "@types/node": "^18.11.5",
+    "@types/react": "^18.0.23",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dom": "^18.0.7",
+    "@types/react-window": "^1.8.5",
+    "@types/react-window-infinite-loader": "^1.0.6",
+    "@types/redux": "^3.6.0",
+    "@types/webpack-env": "^1.18.0",
+    "@typescript-eslint/eslint-plugin": "^5.41.0",
+    "@typescript-eslint/parser": "^5.41.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.7.1",
+    "eslint": "^8.26.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-react": "^7.31.10",
+    "file-loader": "^6.2.0",
+    "fork-ts-checker-webpack-plugin": "^7.2.13",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^29.6.1",
+    "less": "^4.1.3",
+    "less-loader": "11.1.0",
+    "mini-css-extract-plugin": "^2.6.1",
+    "react-refresh": "^0.14.0",
+    "sass": "^1.55.0",
+    "sass-loader": "^13.1.0",
+    "serve": "^14.0.1",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.3.9",
+    "ts-loader": "^9.4.4",
+    "tsc-alias": "^1.8.7",
+    "typescript": "^4.8.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-autoformat": "35.1.0",
+    "@ckeditor/ckeditor5-basic-styles": "35.1.0",
+    "@ckeditor/ckeditor5-editor-classic": "35.1.0",
+    "@ckeditor/ckeditor5-essentials": "35.1.0",
+    "@ckeditor/ckeditor5-heading": "35.1.0",
+    "@ckeditor/ckeditor5-image": "35.1.0",
+    "@ckeditor/ckeditor5-link": "35.1.0",
+    "@ckeditor/ckeditor5-list": "35.1.0",
+    "@ckeditor/ckeditor5-markdown-gfm": "35.1.0",
+    "@ckeditor/ckeditor5-paragraph": "35.1.0",
+    "@ckeditor/ckeditor5-react": "5.0.2",
+    "@ckeditor/ckeditor5-source-editing": "35.1.0",
+    "@ckeditor/ckeditor5-table": "35.1.0",
+    "@ckeditor/ckeditor5-theme-lark": "35.1.0",
+    "@emotion/cache": "latest",
+    "@emotion/react": "latest",
+    "@emotion/styled": "latest",
+    "@fortawesome/fontawesome-svg-core": "latest",
+    "@fortawesome/free-regular-svg-icons": "latest",
+    "@fortawesome/free-solid-svg-icons": "latest",
+    "@fortawesome/react-fontawesome": "latest",
+    "@mui/icons-material": "latest",
+    "@mui/lab": "latest",
+    "@mui/material": "latest",
+    "@mui/styles": "latest",
+    "@mui/x-date-pickers": "latest",
+    "autosuggest-highlight": "^3.3.4",
+    "date-fns": "^2.30.0",
+    "date-fns-tz": "^2.0.0",
+    "decimal.js-light": "^2.5.1",
+    "lodash.debounce": "^4.0.8",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-ace": "^10.1.0",
+    "react-color": "^2.19.3",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-number-format": "^5.2.2",
+    "react-window": "^1.8.9",
+    "react-window-infinite-loader": "^1.0.9",
+    "redux": "^4.2.1"
+  },
+  "scripts": {
+    "test": "exit 0",
+    "start": "cross-env NODE_ENV=development webpack serve --config tools/webpack/webpack.config.dev.js",
+    "build": "tsc && tsc-alias",
+    "serve": "cross-env NODE_ENV=production webpack --config tools/webpack/webpack.config.prod.js && cross-env serve dist/",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ishgroup/ish-ui.git"
+  },
+  "author": "yuryyas",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/ishgroup/ish-ui/issues"
+  },
+  "homepage": "https://github.com/ishgroup/ish-ui#readme",
+  "publishConfig": {
+    "@yuryyas:registry": "https://npm.pkg.github.com"
+  }
+}

package/src/actions/FieldProcessing.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export const START_FIELD_PROCESSING_ACTION = 'add/field/processing/action';
+export const END_FIELD_PROCESSING_ACTION = 'remove/field/processing/action';
+
+export const startFieldProcessingAction = (id: string) => ({
+  type: START_FIELD_PROCESSING_ACTION,
+  payload: id
+});
+
+export const endFieldProcessingAction = (id: string) => ({
+  type: END_FIELD_PROCESSING_ACTION,
+  payload: id
+});

package/src/actions/index.ts

@@ -0,0 +1,10 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export * from './FieldProcessing';

package/src/appBar/AppBarHelpMenu.tsx

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import { withStyles, createStyles } from '@mui/styles';
+import clsx from 'clsx';
+import HelpOutline from '@mui/icons-material/HelpOutline';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import Tooltip from '@mui/material/Tooltip';
+import { format as formatDate } from 'date-fns';
+import { III_DD_MMM_YYYY_HH_MM_SPECIAL, openInternalLink } from '@src/utils';
+
+const styles = theme =>
+  createStyles({
+    button: {
+      color: theme.appBarButton.helpMenu.color,
+    },
+    info: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'baseline',
+      padding: theme.spacing(1, 2, 0, 2)
+    },
+    divider: {
+      marginTop: theme.spacing(2),
+      borderTop: `1px solid ${theme.palette.divider}`
+    }
+  });
+
+interface Props {
+  classes?: any;
+  created?: any;
+  modified?: any;
+  manualUrl?: string;
+  auditsUrl?: string;
+  iconClasses?: any;
+}
+
+class AppBarHelpMenu extends React.Component<Props, any> {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      anchorEl: null
+    };
+  }
+
+  handleAddFieldClick = e => {
+    this.setState({ anchorEl: e.currentTarget });
+  };
+
+  handleClose = () => {
+    this.setState({ anchorEl: null });
+  };
+
+  openManual = () => {
+    window.open(this.props.manualUrl);
+    this.handleClose();
+  };
+
+  openAudits = () => {
+    openInternalLink('/' + this.props.auditsUrl);
+    this.handleClose();
+  };
+
+  render() {
+    const { anchorEl } = this.state;
+    const {
+      classes, created, modified, iconClasses, auditsUrl
+    } = this.props;
+
+    return (
+      <>
+        <Menu
+          id="form-help-menu"
+          anchorEl={anchorEl}
+          open={Boolean(anchorEl)}
+          onClose={this.handleClose}
+          marginThreshold={16}
+          transformOrigin={{
+            vertical: 'center',
+            horizontal: 'right'
+          }}
+        >
+          {created && (
+            <MenuItem disabled className={classes.info}>
+              <Typography variant="caption">Created</Typography>
+              <Typography variant="subtitle1">
+                {typeof created === 'object' && isFinite(created)
+                  ? formatDate(created, III_DD_MMM_YYYY_HH_MM_SPECIAL)
+                  : '---- ---- ---- ---- ----'}
+              </Typography>
+            </MenuItem>
+          )}
+
+          {modified && (
+            <MenuItem disabled className={classes.info}>
+              <Typography variant="caption">Modified</Typography>
+              <Typography variant="subtitle1">
+                {typeof modified === 'object' && isFinite(modified)
+                  ? formatDate(modified, III_DD_MMM_YYYY_HH_MM_SPECIAL)
+                  : '---- ---- ---- ---- ----'}
+              </Typography>
+            </MenuItem>
+          )}
+
+          <MenuItem className={created || modified ? classes.divider : undefined} onClick={this.openManual}>
+            Open manual
+          </MenuItem>
+          {auditsUrl && (
+            <MenuItem onClick={this.openAudits}>
+              View audit trail
+            </MenuItem>
+          )}
+        </Menu>
+
+        <Tooltip title="Additional information">
+          <div>
+            <IconButton
+              type="button"
+              aria-owns={anchorEl ? 'form-help-menu' : null}
+              aria-haspopup="true"
+              onClick={this.handleAddFieldClick}
+              size="large"
+              className={clsx({
+                [classes.button]: !iconClasses,
+                [iconClasses]: !!iconClasses
+              })}
+            >
+              <HelpOutline />
+            </IconButton>
+          </div>
+        </Tooltip>
+      </>
+    );
+  }
+}
+
+export default withStyles(styles)(AppBarHelpMenu);

package/src/appBar/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+export * from './AppBarHelpMenu';

package/src/buttons/AddButton.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import AddCircleOutlineOutlinedIcon from '@mui/icons-material/AddCircleOutlineOutlined';
+import IconButton, { IconButtonProps , IconButtonPropsColorOverrides, IconButtonPropsSizeOverrides } from '@mui/material/IconButton';
+import { OverridableStringUnion } from '@mui/types';
+
+interface Props extends Partial<IconButtonProps> {
+  onClick?: any;
+  className?: any;
+  disabled?: boolean;
+  iconClassName?: any;
+  iconFontSize?: 'inherit' | 'large' | 'medium' | 'small';
+  color?: OverridableStringUnion<
+    'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    IconButtonPropsColorOverrides
+    >,
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides>;
+}
+
+const AddButton = React.forwardRef<any, Props>((props, ref) => {
+  const {
+   onClick, className, disabled, iconClassName, iconFontSize, color, size
+  } = props;
+  return (
+    <IconButton color={color} size={size} onClick={onClick} className={className} disabled={disabled} ref={ref}>
+      <AddCircleOutlineOutlinedIcon className={iconClassName || 'addButtonColor'} fontSize={iconFontSize || 'small'} />
+    </IconButton>
+  );
+});
+
+export default AddButton;

package/src/buttons/TimetableButton.tsx

@@ -0,0 +1,19 @@
+/*
+ * Copyright ish group pty ltd. All rights reserved. https://www.ish.com.au
+ * No copying or use of this code is allowed without permission in writing from ish.
+ */
+
+import React from 'react';
+import OpenInNew from '@mui/icons-material/OpenInNew';
+import IconButton from '@mui/material/IconButton';
+
+const TimetableButton: React.FC<any> = ({ title = 'Timetable', onClick }) => (
+  <div className="centeredFlex">
+    <div className="heading">{title}</div>
+    <IconButton size="small" color="primary" onClick={onClick}>
+      <OpenInNew fontSize="inherit" />
+    </IconButton>
+  </div>
+);
+
+export default TimetableButton;

package/src/buttons/index.ts

@@ -0,0 +1,10 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+export * from './AddButton';
+export * from './TimetableButton';