@abgov/jsonforms-components 1.23.4 → 1.24.0

package/index.esm.js

@@ -1625,9 +1625,9 @@ $$b({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-let _$7 = t => t,
-  _t$7;
-const FormFieldWrapper = styled.div(_t$7 || (_t$7 = _$7`
+let _$8 = t => t,
+  _t$8;
+const FormFieldWrapper = styled.div(_t$8 || (_t$8 = _$8`
   margin-bottom: var(--goa-space-l);
 `));
 
@@ -2686,17 +2686,26 @@ const onChangeForNumericControl = props => {
     }
   }
 };
+/**
+ * Helper function to process onChange event for input enum checkboxes controls.
+ * @param data
+ * @param name
+ * @param value
+ * @returns {string[]}
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const onChangeForCheckboxData = (data, name, value) => data ? !value ? data === null || data === void 0 ? void 0 : data.filter(item => item !== name) : [...data, name] : [name];
 
-let _$6 = t => t,
-  _t$6,
+let _$7 = t => t,
+  _t$7,
   _t2$4;
-styled.div(_t$6 || (_t$6 = _$6`
+styled.div(_t$7 || (_t$7 = _$7`
   height: 70vh;
   overflow-y: auto;
   padding-left: var(--goa-space-2xs);
   padding-right: var(--goa-space-2xs);
 `));
-const Visible = styled.div(_t2$4 || (_t2$4 = _$6`
+const Visible = styled.div(_t2$4 || (_t2$4 = _$7`
   display: ${0};
 `), p => p.visible ? 'initial' : 'none');
 
@@ -4174,6 +4183,142 @@ const BooleanRadioControl = props => jsx(GoAInputBaseControl, Object.assign({},
 const GoABooleanRadioControlTester = rankWith(3, and(isBooleanControl, optionIs('radio', true)));
 const GoABooleanRadioControl = withJsonFormsControlProps(BooleanRadioControl);
 
+var $$3 = _export;
+var $includes = arrayIncludes.includes;
+var fails$2 = fails$o;
+var addToUnscopables = addToUnscopables$3;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$2(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$3({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+var isRegExp = isRegexp;
+
+var $TypeError$1 = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw new $TypeError$1("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol = wellKnownSymbol$e;
+
+var MATCH = wellKnownSymbol('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $$2 = _export;
+var uncurryThis$1 = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible = requireObjectCoercible$7;
+var toString$1 = toString$a;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis$1(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString$1(requireObjectCoercible(this)),
+      toString$1(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+let _$6 = t => t,
+  _t$6;
+const Checkboxes = ({
+  children,
+  orientation,
+  testId
+}) => {
+  return jsx(CheckBoxGroupDiv, {
+    "data-testid": testId,
+    className: orientation,
+    children: children
+  });
+};
+const CheckBoxGroupDiv = styled.div(_t$6 || (_t$6 = _$6`
+  .horizontal {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .vertical {
+    display: inline-block;
+  }
+`));
+
+const CheckboxGroup = props => {
+  var _a, _b;
+  const {
+    data,
+    className,
+    id,
+    schema,
+    uischema,
+    path,
+    handleChange,
+    options,
+    config,
+    label,
+    t
+  } = props;
+  const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || [];
+  const appliedUiSchemaOptions = merge({}, config, props.uischema.options, options);
+  return jsx(Checkboxes, {
+    orientation: ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.orientation) ? (_b = uischema.options) === null || _b === void 0 ? void 0 : _b.orientation : 'vertical',
+    testId: `${label || id}-jsonforms-checkboxes`,
+    children: enumData.map(enumValue => {
+      return jsx(GoACheckbox, Object.assign({
+        name: enumValue,
+        checked: data ? data.includes(enumValue) : false,
+        value: `${enumValue}`
+      }, appliedUiSchemaOptions, {
+        text: enumValue,
+        testId: `${enumValue}-checkbox`,
+        onChange: (name, value) => {
+          handleChange(path, onChangeForCheckboxData(data, name, value));
+        }
+      }));
+    })
+  });
+};
+const EnumCheckboxControl = props => {
+  return jsx(GoAInputBaseControl, Object.assign({}, props, {
+    input: CheckboxGroup
+  }));
+};
+const GoAEnumCheckboxGroupControl = withJsonFormsEnumProps(withTranslateProps(EnumCheckboxControl), true);
+const GoACheckoutGroupControlTester = rankWith(18, and(isEnumControl, optionIs('format', 'checkbox')));
+
 const renderLayoutElements = (elements, schema, path, enabled, renderers, cells) => {
   return elements.map((child, index) => jsx("div", {
     children: jsx(JsonFormsDispatch, {
@@ -4337,10 +4482,10 @@ const RightAlignmentDiv = styled.div(_t10 || (_t10 = _$4`
   justify-content: flex-end;
 `));
 
-var toString$1 = toString$a;
+var toString = toString$a;
 
 var normalizeStringArgument$1 = function (argument, $default) {
-  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$1(argument);
+  return argument === undefined ? arguments.length < 2 ? '' : $default : toString(argument);
 };
 
 var isObject = isObject$b;
@@ -4354,10 +4499,10 @@ var installErrorCause$1 = function (O, options) {
   }
 };
 
-var uncurryThis$1 = functionUncurryThis;
+var uncurryThis = functionUncurryThis;
 
 var $Error = Error;
-var replace = uncurryThis$1(''.replace);
+var replace = uncurryThis(''.replace);
 
 var TEST = (function (arg) { return String(new $Error(arg).stack); })('zxcasd');
 // eslint-disable-next-line redos/no-vulnerable -- safe
@@ -4370,10 +4515,10 @@ var errorStackClear = function (stack, dropEntries) {
   } return stack;
 };
 
-var fails$2 = fails$o;
+var fails$1 = fails$o;
 var createPropertyDescriptor = createPropertyDescriptor$4;
 
-var errorStackInstallable = !fails$2(function () {
+var errorStackInstallable = !fails$1(function () {
   var error = new Error('a');
   if (!('stack' in error)) return true;
   // eslint-disable-next-line es/no-object-defineproperty -- safe
@@ -4460,7 +4605,7 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 };
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
-var $$3 = _export;
+var $$1 = _export;
 var global$2 = global$i;
 var apply = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
@@ -4474,14 +4619,14 @@ var FORCED$1 = new Error('e', { cause: 7 }).cause !== 7;
 var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
   var O = {};
   O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$1);
-  $$3({ global: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
+  $$1({ global: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
 };
 
 var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
   if (WebAssembly && WebAssembly[ERROR_NAME]) {
     var O = {};
     O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$1);
-    $$3({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
+    $$1({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
   }
 };
 
@@ -4517,75 +4662,6 @@ exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
   return function RuntimeError(message) { return apply(init, this, arguments); };
 });
 
-var $$2 = _export;
-var $includes = arrayIncludes.includes;
-var fails$1 = fails$o;
-var addToUnscopables = addToUnscopables$3;
-
-// FF99+ bug
-var BROKEN_ON_SPARSE = fails$1(function () {
-  // eslint-disable-next-line es/no-array-prototype-includes -- detection
-  return !Array(1).includes();
-});
-
-// `Array.prototype.includes` method
-// https://tc39.es/ecma262/#sec-array.prototype.includes
-$$2({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
-  includes: function includes(el /* , fromIndex = 0 */) {
-    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('includes');
-
-var isRegExp = isRegexp;
-
-var $TypeError$1 = TypeError;
-
-var notARegexp = function (it) {
-  if (isRegExp(it)) {
-    throw new $TypeError$1("The method doesn't accept regular expressions");
-  } return it;
-};
-
-var wellKnownSymbol = wellKnownSymbol$e;
-
-var MATCH = wellKnownSymbol('match');
-
-var correctIsRegexpLogic = function (METHOD_NAME) {
-  var regexp = /./;
-  try {
-    '/./'[METHOD_NAME](regexp);
-  } catch (error1) {
-    try {
-      regexp[MATCH] = false;
-      return '/./'[METHOD_NAME](regexp);
-    } catch (error2) { /* empty */ }
-  } return false;
-};
-
-var $$1 = _export;
-var uncurryThis = functionUncurryThis;
-var notARegExp = notARegexp;
-var requireObjectCoercible = requireObjectCoercible$7;
-var toString = toString$a;
-var correctIsRegExpLogic = correctIsRegexpLogic;
-
-var stringIndexOf = uncurryThis(''.indexOf);
-
-// `String.prototype.includes` method
-// https://tc39.es/ecma262/#sec-string.prototype.includes
-$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
-  includes: function includes(searchString /* , position = 0 */) {
-    return !!~stringIndexOf(
-      toString(requireObjectCoercible(this)),
-      toString(notARegExp(searchString)),
-      arguments.length > 1 ? arguments[1] : undefined
-    );
-  }
-});
-
 class ContextProviderClass {
   addDataByUrl(key, url, processDataFunction, token) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -6532,6 +6608,9 @@ const GoABaseRenderers = [
 }, {
   tester: GoARadioGroupControlTester,
   renderer: GoAEnumRadioGroupControl
+}, {
+  tester: GoACheckoutGroupControlTester,
+  renderer: GoAEnumCheckboxGroupControl
 }, {
   tester: GoABooleanControlTester,
   renderer: GoABooleanControl

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.23.4",
+  "version": "1.24.0",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/src/lib/Components/CheckboxGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CheckboxGroupProps {
+    orientation?: CheckboxGroupOrientation;
+    testId?: string;
+    children?: React.ReactNode;
+}
+export type CheckboxGroupOrientation = 'horizontal' | 'vertical';
+declare const Checkboxes: ({ children, orientation, testId }: CheckboxGroupProps) => JSX.Element;
+export default Checkboxes;

package/src/lib/Controls/Inputs/InputEnumCheckboxes.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ControlProps, OwnPropsOfEnum, RankedTester } from '@jsonforms/core';
+import { TranslateProps } from '@jsonforms/react';
+import { WithInputProps } from './type';
+import { WithOptionLabel } from '../../util';
+import { EnumCellProps, WithClassname } from '@jsonforms/core';
+type CheckboxGroupProp = EnumCellProps & WithClassname & TranslateProps & WithInputProps;
+export declare const CheckboxGroup: (props: CheckboxGroupProp) => JSX.Element;
+export declare const EnumCheckboxControl: (props: ControlProps & OwnPropsOfEnum & WithOptionLabel & TranslateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoAEnumCheckboxGroupControl: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl & OwnPropsOfEnum>;
+export declare const GoACheckoutGroupControlTester: RankedTester;
+export {};

package/src/lib/Controls/Inputs/index.d.ts

@@ -10,3 +10,4 @@ export * from './InputEnum';
 export * from './InputEnumRadios';
 export * from './InputBooleanControl';
 export * from './InputBooleanRadioControl';
+export * from './InputEnumCheckboxes';

package/src/lib/util/inputControlUtils.d.ts

@@ -67,3 +67,11 @@ export declare const onChangeForDateTimeControl: (props: EventChangeControlProps
  * @param props - EventChangeControlProps
  */
 export declare const onChangeForNumericControl: (props: EventChangeControlProps) => void;
+/**
+ * Helper function to process onChange event for input enum checkboxes controls.
+ * @param data
+ * @param name
+ * @param value
+ * @returns {string[]}
+ */
+export declare const onChangeForCheckboxData: (data: any, name: string, value: string) => any;