udp-react-enterprise-component-library 1.0.5-beta.1 → 1.0.5-beta.2

package/dist/propertyTypeEnums-BcUuGbb0.js

@@ -0,0 +1,94 @@
+import React, { useCallback, useMemo } from "react";
+import { Switch, withStyles } from "@material-ui/core";
+import { jsx } from "react/jsx-runtime";
+import { DateTime } from "luxon";
+import { KeyboardDateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
+import DateFnsUtils from "@date-io/date-fns";
+
+//#region src/UI/inputs/datetimes/DateTimeField.jsx
+/**
+* TextField for date input
+*/
+const DateTimeField = (props) => {
+	const { onChange: onChangeProp, value: valueProp,...other } = props;
+	const dateFormat = "yyyy-MM-dd HH:mm";
+	const isValidDate = (date) => {
+		return date instanceof Date && !isNaN(date);
+	};
+	const onChange = useCallback((value$1) => onChangeProp && onChangeProp(isValidDate(value$1) ? value$1 : void 0), [onChangeProp]);
+	const value = useMemo(() => {
+		console.log(valueProp);
+		return isValidDate(valueProp) ? DateTime.fromISO(valueProp.toISOString()) : null;
+	}, [valueProp]);
+	return /* @__PURE__ */ jsx(MuiPickersUtilsProvider, {
+		utils: DateFnsUtils,
+		children: /* @__PURE__ */ jsx(KeyboardDateTimePicker, {
+			format: dateFormat,
+			variant: "inline",
+			onChange,
+			value,
+			...other
+		})
+	});
+};
+
+//#endregion
+//#region src/UI/inputs/toggle/FluentToggle.jsx
+const FluentSwitch = withStyles((theme) => ({
+	root: {
+		width: 40,
+		height: 20,
+		padding: 0,
+		display: "flex"
+	},
+	switchBase: {
+		padding: 4,
+		color: theme.palette.grey[500],
+		"&$checked": {
+			transform: "translateX(20px)",
+			color: theme.palette.common.white,
+			"& + $track": {
+				opacity: 1,
+				borderColor: theme.palette.primary.main
+			}
+		}
+	},
+	thumb: {
+		width: 12,
+		height: 12,
+		boxShadow: "none"
+	},
+	track: {
+		border: `1px solid ${theme.palette.grey[500]}`,
+		borderRadius: 20 / 2,
+		opacity: 1,
+		backgroundColor: theme.palette.common.white
+	},
+	checked: {}
+}))(Switch);
+const FluentToggle = (props) => {
+	const { name, onChange, checked,...otherProps } = props;
+	return /* @__PURE__ */ jsx(FluentSwitch, {
+		...otherProps,
+		checked,
+		onChange,
+		name
+	});
+};
+
+//#endregion
+//#region src/enums/propertyTypeEnums.ts
+let PropertyTypeEnum = /* @__PURE__ */ function(PropertyTypeEnum$1) {
+	PropertyTypeEnum$1["Int"] = "int";
+	PropertyTypeEnum$1["Long"] = "long";
+	PropertyTypeEnum$1["Double"] = "double";
+	PropertyTypeEnum$1["DateTime"] = "DateTime";
+	PropertyTypeEnum$1["String"] = "string";
+	PropertyTypeEnum$1["String_Uuid"] = "string uuid";
+	PropertyTypeEnum$1["Boolean"] = "bool";
+	return PropertyTypeEnum$1;
+}({});
+
+//#endregion
+export { DateTimeField, FluentToggle, PropertyTypeEnum };
+//# sourceMappingURL=propertyTypeEnums-BcUuGbb0.js.map

package/dist/propertyTypeEnums-BcUuGbb0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyTypeEnums-BcUuGbb0.js","names":["value"],"sources":["../src/UI/inputs/datetimes/DateTimeField.jsx","../src/UI/inputs/toggle/FluentToggle.jsx","../src/enums/propertyTypeEnums.ts"],"sourcesContent":["import { DateTime } from 'luxon';\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  KeyboardDateTimePicker,\n  MuiPickersUtilsProvider\n} from '@material-ui/pickers';\n// import { useIntl } from '../../../intl';\n// import { useDateFormat } from '../../utils/CompanyPreferencesProvider';\nimport DateFnsUtils from '@date-io/date-fns';\n\n/**\n * TextField for date input\n */\nexport const DateTimeField = (props) => {\n  const { onChange: onChangeProp, value: valueProp, ...other } = props;\n  // TODO: implement intl, use CPS as reference\n  // const { shortDateFormatString } = useIntl();\n  const dateFormat = 'yyyy-MM-dd HH:mm';\n\n  const isValidDate = (date) => {\n    return date instanceof Date && !isNaN(date);\n  };\n\n  const onChange = useCallback(\n    (value) =>\n      onChangeProp && onChangeProp(isValidDate(value) ? value : undefined),\n    [onChangeProp]\n  );\n\n  const value = useMemo(() => {\n    console.log(valueProp);\n    return isValidDate(valueProp)\n      ? DateTime.fromISO(valueProp.toISOString())\n      : null;\n  }, [valueProp]);\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <KeyboardDateTimePicker\n        format={dateFormat}\n        variant='inline'\n        onChange={onChange}\n        value={value}\n        {...other}\n      />\n    </MuiPickersUtilsProvider>\n  );\n};\n","import React from 'react'\nimport { Switch, withStyles } from '@material-ui/core'\n\nconst FluentSwitch = withStyles((theme) => ({\n  root: {\n    width: 40,\n    height: 20,\n    padding: 0,\n    display: 'flex',\n  },\n  switchBase: {\n    padding: 4,\n    color: theme.palette.grey[500],\n    '&$checked': {\n      transform: 'translateX(20px)',\n      color: theme.palette.common.white,\n      '& + $track': {\n        opacity: 1,\n        borderColor: theme.palette.primary.main\n      }\n    }\n  },\n  thumb: {\n    width: 12,\n    height: 12,\n    boxShadow: 'none'\n  },\n  track: {\n    border: `1px solid ${theme.palette.grey[500]}`,\n    borderRadius: 20 / 2,\n    opacity: 1,\n    backgroundColor: theme.palette.common.white\n  },\n  checked: {}\n}))(Switch)\n\nexport const FluentToggle = (props) => {\n  const { name, onChange, checked, ...otherProps } = props\n\n  return (\n    <FluentSwitch\n      {...otherProps}\n      checked={checked}\n      onChange={onChange}\n      name={name}\n    />\n  )\n}\n","export enum PropertyTypeEnum {\n  Int = 'int',\n  Long = 'long',\n  Double = 'double',\n  DateTime = 'DateTime',\n  String = 'string',\n  String_Uuid = 'string uuid',\n  Boolean = 'bool'\n}\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,UAAU,cAAc,OAAO,UAAW,GAAG,OAAO,GAAG;CAG/D,MAAM,aAAa;CAEnB,MAAM,eAAe,SAAS;AAC5B,SAAO,gBAAgB,QAAQ,CAAC,MAAM;CACvC;CAED,MAAM,WAAW,aACd,YACC,gBAAgB,aAAa,YAAYA,WAASA,UAAQ,SAC5D,CAAC,aAAa;CAGhB,MAAM,QAAQ,cAAc;AAC1B,UAAQ,IAAI;AACZ,SAAO,YAAY,aACf,SAAS,QAAQ,UAAU,iBAC3B;CACL,GAAE,CAAC,UAAU;AAEd,QACE,oBAAC;EAAwB,OAAO;YAC9B,oBAAC;GACC,QAAQ;GACR,SAAQ;GACE;GACH;GACP,GAAI;;;AAIX;;;;AC5CD,MAAM,eAAe,YAAY,WAAW;CAC1C,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;EACV;CACD,YAAY;EACV,SAAS;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,aAAa;GACX,WAAW;GACX,OAAO,MAAM,QAAQ,OAAO;GAC5B,cAAc;IACZ,SAAS;IACT,aAAa,MAAM,QAAQ,QAAQ;IACpC;GACF;EACF;CACD,OAAO;EACL,OAAO;EACP,QAAQ;EACR,WAAW;EACZ;CACD,OAAO;EACL,QAAQ,aAAa,MAAM,QAAQ,KAAK;EACxC,cAAc,KAAK;EACnB,SAAS;EACT,iBAAiB,MAAM,QAAQ,OAAO;EACvC;CACD,SAAS,EAAE;CACZ,GAAG;AAEJ,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,MAAM,UAAU,QAAS,GAAG,YAAY,GAAG;AAEnD,QACE,oBAAC;EACC,GAAI;EACK;EACC;EACJ;;AAGX;;;;AC/CD,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AACD"}

package/dist/propertyTypeEnums-NvvbX8dM.cjs

@@ -0,0 +1,112 @@
+const require_chunk = require('./chunk-DoeelZqw.cjs');
+const react = require_chunk.__toESM(require("react"));
+const __material_ui_core = require_chunk.__toESM(require("@material-ui/core"));
+const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
+const luxon = require_chunk.__toESM(require("luxon"));
+const __material_ui_pickers = require_chunk.__toESM(require("@material-ui/pickers"));
+const __date_io_date_fns = require_chunk.__toESM(require("@date-io/date-fns"));
+
+//#region src/UI/inputs/datetimes/DateTimeField.jsx
+/**
+* TextField for date input
+*/
+const DateTimeField = (props) => {
+	const { onChange: onChangeProp, value: valueProp,...other } = props;
+	const dateFormat = "yyyy-MM-dd HH:mm";
+	const isValidDate = (date) => {
+		return date instanceof Date && !isNaN(date);
+	};
+	const onChange = (0, react.useCallback)((value$1) => onChangeProp && onChangeProp(isValidDate(value$1) ? value$1 : void 0), [onChangeProp]);
+	const value = (0, react.useMemo)(() => {
+		console.log(valueProp);
+		return isValidDate(valueProp) ? luxon.DateTime.fromISO(valueProp.toISOString()) : null;
+	}, [valueProp]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_pickers.MuiPickersUtilsProvider, {
+		utils: __date_io_date_fns.default,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_pickers.KeyboardDateTimePicker, {
+			format: dateFormat,
+			variant: "inline",
+			onChange,
+			value,
+			...other
+		})
+	});
+};
+
+//#endregion
+//#region src/UI/inputs/toggle/FluentToggle.jsx
+const FluentSwitch = (0, __material_ui_core.withStyles)((theme) => ({
+	root: {
+		width: 40,
+		height: 20,
+		padding: 0,
+		display: "flex"
+	},
+	switchBase: {
+		padding: 4,
+		color: theme.palette.grey[500],
+		"&$checked": {
+			transform: "translateX(20px)",
+			color: theme.palette.common.white,
+			"& + $track": {
+				opacity: 1,
+				borderColor: theme.palette.primary.main
+			}
+		}
+	},
+	thumb: {
+		width: 12,
+		height: 12,
+		boxShadow: "none"
+	},
+	track: {
+		border: `1px solid ${theme.palette.grey[500]}`,
+		borderRadius: 20 / 2,
+		opacity: 1,
+		backgroundColor: theme.palette.common.white
+	},
+	checked: {}
+}))(__material_ui_core.Switch);
+const FluentToggle = (props) => {
+	const { name, onChange, checked,...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FluentSwitch, {
+		...otherProps,
+		checked,
+		onChange,
+		name
+	});
+};
+
+//#endregion
+//#region src/enums/propertyTypeEnums.ts
+let PropertyTypeEnum = /* @__PURE__ */ function(PropertyTypeEnum$1) {
+	PropertyTypeEnum$1["Int"] = "int";
+	PropertyTypeEnum$1["Long"] = "long";
+	PropertyTypeEnum$1["Double"] = "double";
+	PropertyTypeEnum$1["DateTime"] = "DateTime";
+	PropertyTypeEnum$1["String"] = "string";
+	PropertyTypeEnum$1["String_Uuid"] = "string uuid";
+	PropertyTypeEnum$1["Boolean"] = "bool";
+	return PropertyTypeEnum$1;
+}({});
+
+//#endregion
+Object.defineProperty(exports, 'DateTimeField', {
+  enumerable: true,
+  get: function () {
+    return DateTimeField;
+  }
+});
+Object.defineProperty(exports, 'FluentToggle', {
+  enumerable: true,
+  get: function () {
+    return FluentToggle;
+  }
+});
+Object.defineProperty(exports, 'PropertyTypeEnum', {
+  enumerable: true,
+  get: function () {
+    return PropertyTypeEnum;
+  }
+});
+//# sourceMappingURL=propertyTypeEnums-NvvbX8dM.cjs.map

package/dist/propertyTypeEnums-NvvbX8dM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyTypeEnums-NvvbX8dM.cjs","names":["value","DateTime","MuiPickersUtilsProvider","DateFnsUtils","KeyboardDateTimePicker","Switch"],"sources":["../src/UI/inputs/datetimes/DateTimeField.jsx","../src/UI/inputs/toggle/FluentToggle.jsx","../src/enums/propertyTypeEnums.ts"],"sourcesContent":["import { DateTime } from 'luxon';\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  KeyboardDateTimePicker,\n  MuiPickersUtilsProvider\n} from '@material-ui/pickers';\n// import { useIntl } from '../../../intl';\n// import { useDateFormat } from '../../utils/CompanyPreferencesProvider';\nimport DateFnsUtils from '@date-io/date-fns';\n\n/**\n * TextField for date input\n */\nexport const DateTimeField = (props) => {\n  const { onChange: onChangeProp, value: valueProp, ...other } = props;\n  // TODO: implement intl, use CPS as reference\n  // const { shortDateFormatString } = useIntl();\n  const dateFormat = 'yyyy-MM-dd HH:mm';\n\n  const isValidDate = (date) => {\n    return date instanceof Date && !isNaN(date);\n  };\n\n  const onChange = useCallback(\n    (value) =>\n      onChangeProp && onChangeProp(isValidDate(value) ? value : undefined),\n    [onChangeProp]\n  );\n\n  const value = useMemo(() => {\n    console.log(valueProp);\n    return isValidDate(valueProp)\n      ? DateTime.fromISO(valueProp.toISOString())\n      : null;\n  }, [valueProp]);\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <KeyboardDateTimePicker\n        format={dateFormat}\n        variant='inline'\n        onChange={onChange}\n        value={value}\n        {...other}\n      />\n    </MuiPickersUtilsProvider>\n  );\n};\n","import React from 'react'\nimport { Switch, withStyles } from '@material-ui/core'\n\nconst FluentSwitch = withStyles((theme) => ({\n  root: {\n    width: 40,\n    height: 20,\n    padding: 0,\n    display: 'flex',\n  },\n  switchBase: {\n    padding: 4,\n    color: theme.palette.grey[500],\n    '&$checked': {\n      transform: 'translateX(20px)',\n      color: theme.palette.common.white,\n      '& + $track': {\n        opacity: 1,\n        borderColor: theme.palette.primary.main\n      }\n    }\n  },\n  thumb: {\n    width: 12,\n    height: 12,\n    boxShadow: 'none'\n  },\n  track: {\n    border: `1px solid ${theme.palette.grey[500]}`,\n    borderRadius: 20 / 2,\n    opacity: 1,\n    backgroundColor: theme.palette.common.white\n  },\n  checked: {}\n}))(Switch)\n\nexport const FluentToggle = (props) => {\n  const { name, onChange, checked, ...otherProps } = props\n\n  return (\n    <FluentSwitch\n      {...otherProps}\n      checked={checked}\n      onChange={onChange}\n      name={name}\n    />\n  )\n}\n","export enum PropertyTypeEnum {\n  Int = 'int',\n  Long = 'long',\n  Double = 'double',\n  DateTime = 'DateTime',\n  String = 'string',\n  String_Uuid = 'string uuid',\n  Boolean = 'bool'\n}\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,UAAU,cAAc,OAAO,UAAW,GAAG,OAAO,GAAG;CAG/D,MAAM,aAAa;CAEnB,MAAM,eAAe,SAAS;AAC5B,SAAO,gBAAgB,QAAQ,CAAC,MAAM;CACvC;CAED,MAAM,mCACH,YACC,gBAAgB,aAAa,YAAYA,WAASA,UAAQ,SAC5D,CAAC,aAAa;CAGhB,MAAM,iCAAsB;AAC1B,UAAQ,IAAI;AACZ,SAAO,YAAY,aACfC,eAAS,QAAQ,UAAU,iBAC3B;CACL,GAAE,CAAC,UAAU;AAEd,QACE,2CAACC;EAAwB,OAAOC;YAC9B,2CAACC;GACC,QAAQ;GACR,SAAQ;GACE;GACH;GACP,GAAI;;;AAIX;;;;AC5CD,MAAM,mDAA2B,WAAW;CAC1C,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;EACV;CACD,YAAY;EACV,SAAS;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,aAAa;GACX,WAAW;GACX,OAAO,MAAM,QAAQ,OAAO;GAC5B,cAAc;IACZ,SAAS;IACT,aAAa,MAAM,QAAQ,QAAQ;IACpC;GACF;EACF;CACD,OAAO;EACL,OAAO;EACP,QAAQ;EACR,WAAW;EACZ;CACD,OAAO;EACL,QAAQ,aAAa,MAAM,QAAQ,KAAK;EACxC,cAAc,KAAK;EACnB,SAAS;EACT,iBAAiB,MAAM,QAAQ,OAAO;EACvC;CACD,SAAS,EAAE;CACZ,GAAGC;AAEJ,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,MAAM,UAAU,QAAS,GAAG,YAAY,GAAG;AAEnD,QACE,2CAAC;EACC,GAAI;EACK;EACC;EACJ;;AAGX;;;;AC/CD,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AACD"}