npm - @pie-element/drawing-response - Versions diffs - 12.1.0-next.19 → 12.1.1-next.0 - Mend

@pie-element/drawing-response 12.1.0-next.19 → 12.1.1-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (308) hide show

package/docs/pie-schema.json.md DELETED Viewed

@@ -1,606 +0,0 @@
-Model for the @pie-elements/drawing-response Interaction
-The schema defines the following properties:
-# `prompt` (string)
-The question prompt or item stem
-# `promptEnabled` (boolean)
-Indicates if the prompt is enabled
-# `imageUrl` (string)
-The image over which shapes, patterns and texts will be added
-# `imageDimensions` (array, required)
-The dimensions of the image
-The object is an array with all elements of the type `object`.
-The array object has the following properties:
-## `height` (number, required)
-the height of the section
-## `width` (number, required)
-the width of the section
-# `studentInstructions` (string)
-Indicates student instructions
-# `teacherInstructions` (string)
-Indicates teacher instructions
-# `studentInstructionsEnabled` (boolean, required)
-Indicates if Student Instructions are enabled
-# `teacherInstructionsEnabled` (boolean, required)
-Indicates if Teacher Instructions are enabled
-# `spellCheckEnabled` (boolean, required)
-Indicates if spellcheck is enabled for the author. Default value is true
-# `backgroundImageEnabled` (boolean, required)
-Indicates if Background Image is enabled
-# `toolbarEditorPosition` (string, enum)
-Indicates the editor's toolbar position which can be 'bottom' or 'top'
-This element must be one of the following enum values:
-* `bottom`
-* `top`
-Default: `": 'bottom'"`
-# `rubricEnabled` (boolean, required)
-Indicates if Rubric is enabled
-# `language` (string)
-Indicates the language of the component
-Supported options: en, es, en_US, en-US, es_ES, es-ES, es_MX, es-MX
-# `id` (string, required)
-Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
-# `element` (string, required)
-The html Element tag name
----
-# Sub Schemas
-The schema defines the following additional types:
-## `EditableHtmlConfigureProp` (object)
-Properties of the `EditableHtmlConfigureProp` object:
-### `math` (object)
-Properties of the `math` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `audio` (object)
-Properties of the `audio` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `video` (object)
-Properties of the `video` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `image` (object)
-Properties of the `image` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `customPlugins` (array)
-An array of objects that determine custom plugins.
-A custom plugin is an object which determines how the button will look like (icon) and the event name that will be triggered when button gets pressed (event).
-Example can be found at https://github.com/pie-framework/pie-lib/blob/develop/packages/demo/pages/editable-html.js#L425.
-The object is an array with all elements of the type `object`.
-The array object has the following properties:
-#### `event` (string, required)
-The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
-PIE will emit the event prefixed with "PIE-".
-Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
-#### `iconAlt` (string, required)
-The alt for the custom button icon
-#### `iconType` (string, required)
-The icon type.
-Currently, only "SVG" is supported.
-#### `icon` (string, required)
-The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
-### `blockquote` (object)
-Properties of the `blockquote` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `h3` (object)
-Properties of the `h3` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `characters` (object)
-Properties of the `characters` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `bold` (object)
-Properties of the `bold` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `html` (object)
-Properties of the `html` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `italic` (object)
-Properties of the `italic` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `ol_list` (object)
-Properties of the `ol_list` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `redo` (object)
-Properties of the `redo` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `strikethrough` (object)
-Properties of the `strikethrough` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `sub` (object)
-Properties of the `sub` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `sup` (object)
-Properties of the `sup` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `table` (object)
-Properties of the `table` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `ul_list` (object)
-Properties of the `ul_list` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `underline` (object)
-Properties of the `underline` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `undo` (object)
-Properties of the `undo` object:
-#### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-## `EditableHtmlButtonConfigure` (object)
-Properties of the `EditableHtmlButtonConfigure` object:
-### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-## `CustomPlugin` (object)
-Properties of the `CustomPlugin` object:
-### `event` (string, required)
-The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
-PIE will emit the event prefixed with "PIE-".
-Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
-### `iconAlt` (string, required)
-The alt for the custom button icon
-### `iconType` (string, required)
-The icon type.
-Currently, only "SVG" is supported.
-### `icon` (string, required)
-The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
-## `ConfigurePropWithEnabled` (object)
-Properties of the `ConfigurePropWithEnabled` object:
-### `enabled` (boolean)
-Indicates the value of the item if it affects config-ui
-(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
-### `settings` (boolean)
-Indicates if the item has to be displayed in the Settings Panel
-### `label` (string)
-Indicates the label for the item that has to be displayed in the Settings Panel
-## `ConfigureProp` (object)
-Properties of the `ConfigureProp` object:
-### `settings` (boolean)
-Indicates if the item has to be displayed in the Settings Panel
-### `label` (string)
-Indicates the label for the item that has to be displayed in the Settings Panel
-## `EditableHtmlPluginConfigureRequired` (object)
-Properties of the `EditableHtmlPluginConfigureRequired` object:
-### `inputConfiguration` (object)
-Properties of the `inputConfiguration` object:
-#### `math` (object)
-Properties of the `math` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `audio` (object)
-Properties of the `audio` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `video` (object)
-Properties of the `video` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `image` (object)
-Properties of the `image` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `customPlugins` (array)
-An array of objects that determine custom plugins.
-A custom plugin is an object which determines how the button will look like (icon) and the event name that will be triggered when button gets pressed (event).
-Example can be found at https://github.com/pie-framework/pie-lib/blob/develop/packages/demo/pages/editable-html.js#L425.
-The object is an array with all elements of the type `object`.
-The array object has the following properties:
-##### `event` (string, required)
-The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
-PIE will emit the event prefixed with "PIE-".
-Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
-##### `iconAlt` (string, required)
-The alt for the custom button icon
-##### `iconType` (string, required)
-The icon type.
-Currently, only "SVG" is supported.
-##### `icon` (string, required)
-The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
-#### `blockquote` (object)
-Properties of the `blockquote` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `h3` (object)
-Properties of the `h3` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `characters` (object)
-Properties of the `characters` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `bold` (object)
-Properties of the `bold` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `html` (object)
-Properties of the `html` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `italic` (object)
-Properties of the `italic` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `ol_list` (object)
-Properties of the `ol_list` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `redo` (object)
-Properties of the `redo` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `strikethrough` (object)
-Properties of the `strikethrough` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `sub` (object)
-Properties of the `sub` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `sup` (object)
-Properties of the `sup` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `table` (object)
-Properties of the `table` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `ul_list` (object)
-Properties of the `ul_list` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `underline` (object)
-Properties of the `underline` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-#### `undo` (object)
-Properties of the `undo` object:
-##### `disabled` (boolean)
-Indicates if the plugin is disabled or not
-### `required` (boolean)
-Indicates if the item is required and the value cannot be empty
-### `settings` (boolean)
-Indicates if the item has to be displayed in the Settings Panel
-### `label` (string)
-Indicates the label for the item that has to be displayed in the Settings Panel
-## `ConfigureMaxImageDimensionsProp` (object)
-Properties of the `ConfigureMaxImageDimensionsProp` object:
-### `teacherInstructions` (number)
-Indicates the max dimension for images in teacher instructions
-### `prompt` (number)
-Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
-### `rationale` (number)
-Indicates the max dimension for images in rationale
-## `ConfigureWithForceProp` (object)
-Properties of the `ConfigureWithForceProp` object:
-### `forceEnabled` (boolean)
-Indicates the value for the toggle;
-if true:
-- this property will not be visible in Settings Panel (settings will become automatically false)
-- the model property afferent to it will become automatically false
-### `settings` (boolean)
-Indicates if the item has to be displayed in the Settings Panel
-### `label` (string)
-Indicates the label for the item that has to be displayed in the Settings Panel
-## `ConfigureMathMLProp` (object)
-Properties of the `ConfigureMathMLProp` object:
-### `mmlOutput` (number)
-Indicates if model should have mathML output instead of latex
-### `mmlEditing` (number)
-Indicates if mathML that's already in model should be editable
-## `ConfigureLanguageOptionsProp` (object)
-Properties of the `ConfigureLanguageOptionsProp` object:
-### `value` (string, required)
-Value of the language option
-### `label` (string, required)
-Label of the language option
-## `Dimension` (object)
-Properties of the `Dimension` object:
-### `height` (number, required)
-the height of the section
-### `width` (number, required)
-the width of the section

package/lib/drawing-response/button.js DELETED Viewed

@@ -1,49 +0,0 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-const StyledButton = (0, _styles.styled)(_Button.default)({
-  fontSize: '0.9em',
-  marginLeft: 8,
-  minWidth: 32,
-  height: 32,
-  '& span': {
-    '& svg': {
-      width: '1.3em !important',
-      height: '1.3em !important'
-    }
-  }
-});
-const CustomButton = ({
-  label,
-  onClick,
-  disabled,
-  title
-}) => /*#__PURE__*/_react.default.createElement(StyledButton, {
-  title: title,
-  onClick: onClick,
-  disabled: disabled,
-  size: "small",
-  variant: "contained"
-}, label);
-CustomButton.propTypes = {
-  disabled: _propTypes.default.bool,
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  onClick: _propTypes.default.func,
-  title: _propTypes.default.string
-};
-CustomButton.defaultProps = {
-  disabled: false,
-  label: 'Add',
-  onClick: () => {},
-  title: ''
-};
-var _default = exports.default = CustomButton;
-//# sourceMappingURL=button.js.map

package/lib/drawing-response/button.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"button.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","StyledButton","styled","Button","fontSize","marginLeft","minWidth","height","width","CustomButton","label","onClick","disabled","title","default","createElement","size","variant","propTypes","PropTypes","bool","oneOfType","string","object","func","defaultProps","_default","exports"],"sources":["../../src/drawing-response/button.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\n\nconst StyledButton = styled(Button)({\n fontSize: '0.9em',\n marginLeft: 8,\n minWidth: 32,\n height: 32,\n\n '& span': {\n '& svg': {\n width: '1.3em !important',\n height: '1.3em !important',\n },\n },\n});\n\nconst CustomButton = ({ label, onClick, disabled, title }) => (\n <StyledButton\n title={title}\n onClick={onClick}\n disabled={disabled}\n size=\"small\"\n variant=\"contained\">\n {label}\n </StyledButton>\n);\n\nCustomButton.propTypes = {\n disabled: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n onClick: PropTypes.func,\n title: PropTypes.string,\n};\n\nCustomButton.defaultProps = {\n disabled: false,\n label: 'Add',\n onClick: () => {},\n title: '',\n};\n\nexport default CustomButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,MAAMI,YAAY,GAAG,IAAAC,cAAM,EAACC,eAAM,CAAC,CAAC;EAClCC,QAAQ,EAAE,OAAO;EACjBC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE,EAAE;EACZC,MAAM,EAAE,EAAE;EAEV,QAAQ,EAAE;IACR,OAAO,EAAE;MACPC,KAAK,EAAE,kBAAkB;MACzBD,MAAM,EAAE;IACV;EACF;AACF,CAAC,CAAC;AAEF,MAAME,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAM,CAAC,kBACvDlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,YAAY;EACXY,KAAK,EAAEA,KAAM;EACbF,OAAO,EAAEA,OAAQ;EACjBC,QAAQ,EAAEA,QAAS;EACnBI,IAAI,EAAC,OAAO;EACZC,OAAO,EAAC;AAAW,GAClBP,KACW,CACf;AAEDD,YAAY,CAACS,SAAS,GAAG;EACvBN,QAAQ,EAAEO,kBAAS,CAACC,IAAI;EACxBV,KAAK,EAAES,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC;EAChEZ,OAAO,EAAEQ,kBAAS,CAACK,IAAI;EACvBX,KAAK,EAAEM,kBAAS,CAACG;AACnB,CAAC;AAEDb,YAAY,CAACgB,YAAY,GAAG;EAC1Bb,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAE,KAAK;EACZC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,KAAK,EAAE;AACT,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaL,YAAY","ignoreList":[]}

package/lib/drawing-response/constants.js DELETED Viewed

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  tools: [{
-    type: 'Select',
-    label: 'Select',
-    icon: 'mdiCursorDefault'
-  }, {
-    type: 'FreePathDrawable',
-    label: 'Free Draw',
-    icon: 'mdiPencil'
-  }, {
-    type: 'LineDrawable',
-    label: 'Line',
-    icon: 'mdiMinus'
-  }, {
-    type: 'RectangleDrawable',
-    label: 'Rectangle',
-    icon: 'mdiRectangle'
-  }, {
-    type: 'CircleDrawable',
-    label: 'Circle',
-    icon: 'mdiCircle'
-  }, {
-    type: 'Text',
-    label: 'Text Entry',
-    icon: 'mdiFormatColorText'
-  }, {
-    // ,{
-    //   type: 'PaintBucket',
-    //   label: 'Paint Bucket',
-    //   icon: 'mdiFormatColorFill'
-    // },
-    type: 'EraserDrawable',
-    label: 'Eraser',
-    icon: 'mdiEraser'
-  }]
-};
-//# sourceMappingURL=constants.js.map

package/lib/drawing-response/constants.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"constants.js","names":["tools","type","label","icon"],"sources":["../../src/drawing-response/constants.js"],"sourcesContent":["export default {\n tools: [\n {\n type: 'Select',\n label: 'Select',\n icon: 'mdiCursorDefault',\n },\n {\n type: 'FreePathDrawable',\n label: 'Free Draw',\n icon: 'mdiPencil',\n },\n {\n type: 'LineDrawable',\n label: 'Line',\n icon: 'mdiMinus',\n },\n {\n type: 'RectangleDrawable',\n label: 'Rectangle',\n icon: 'mdiRectangle',\n },\n {\n type: 'CircleDrawable',\n label: 'Circle',\n icon: 'mdiCircle',\n },\n {\n type: 'Text',\n label: 'Text Entry',\n icon: 'mdiFormatColorText',\n },\n {\n // ,{\n // type: 'PaintBucket',\n // label: 'Paint Bucket',\n // icon: 'mdiFormatColorFill'\n // },\n type: 'EraserDrawable',\n label: 'Eraser',\n icon: 'mdiEraser',\n },\n ],\n};\n"],"mappings":";;;;;;iCAAe;EACbA,KAAK,EAAE,CACL;IACEC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,QAAQ;IACfC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,WAAW;IAClBC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,mBAAmB;IACzBC,KAAK,EAAE,WAAW;IAClBC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,QAAQ;IACfC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,YAAY;IACnBC,IAAI,EAAE;EACR,CAAC,EACD;IACE;IACA;IACA;IACA;IACA;IACAF,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,QAAQ;IACfC,IAAI,EAAE;EACR,CAAC;AAEL,CAAC","ignoreList":[]}