@vuu-ui/vuu-data-react 2.1.18 → 2.1.19-beta.1

package/package.json

@@ -1,23 +1,24 @@
 {
-  "version": "2.1.18",
+  "version": "2.1.19-beta.1",
   "author": "heswell",
+  "type": "module",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "2.1.18",
-    "@vuu-ui/vuu-filter-types": "2.1.18",
-    "@vuu-ui/vuu-protocol-types": "2.1.18",
-    "@vuu-ui/vuu-table-types": "2.1.18"
+    "@vuu-ui/vuu-data-types": "2.1.19-beta.1",
+    "@vuu-ui/vuu-filter-types": "2.1.19-beta.1",
+    "@vuu-ui/vuu-protocol-types": "2.1.19-beta.1",
+    "@vuu-ui/vuu-table-types": "2.1.19-beta.1"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "2.1.18",
-    "@vuu-ui/vuu-data-remote": "2.1.18",
-    "@vuu-ui/vuu-filter-parser": "2.1.18",
-    "@vuu-ui/vuu-filters": "2.1.18",
-    "@vuu-ui/vuu-layout": "2.1.18",
-    "@vuu-ui/vuu-notifications": "2.1.18",
-    "@vuu-ui/vuu-ui-controls": "2.1.18",
-    "@vuu-ui/vuu-utils": "2.1.18",
-    "@vuu-ui/vuu-table": "2.1.18",
+    "@vuu-ui/vuu-context-menu": "2.1.19-beta.1",
+    "@vuu-ui/vuu-data-remote": "2.1.19-beta.1",
+    "@vuu-ui/vuu-filter-parser": "2.1.19-beta.1",
+    "@vuu-ui/vuu-filters": "2.1.19-beta.1",
+    "@vuu-ui/vuu-layout": "2.1.19-beta.1",
+    "@vuu-ui/vuu-notifications": "2.1.19-beta.1",
+    "@vuu-ui/vuu-ui-controls": "2.1.19-beta.1",
+    "@vuu-ui/vuu-utils": "2.1.19-beta.1",
+    "@vuu-ui/vuu-table": "2.1.19-beta.1",
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"
@@ -35,14 +36,11 @@
   ],
   "exports": {
     ".": {
-      "require": "./cjs/index.js",
-      "import": "./esm/index.js",
+      "import": "./index.js",
       "types": "./types/index.d.ts"
     }
   },
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "module": "index.js",
   "name": "@vuu-ui/vuu-data-react",
-  "type": "module",
   "types": "types/index.d.ts"
 }

package/cjs/data-editing/EditForm.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var editFormCss = ".EditForm {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-400);\n  height: 100%;\n  padding: var(--salt-spacing-200) var(--salt-spacing-200)\n    var(--salt-spacing-200) var(--salt-spacing-400);\n  width: 100%;\n}\n\n.EditForm-form-fields {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-400);\n}\n\n.EditForm-buttons {\n  align-items: center;\n  display: flex;\n  gap: var(--salt-spacing-200);\n  justify-content: flex-end;\n}\n\n.EditForm-field {\n  display: flex;\n\n  .saltFormField {\n    flex: 1 1 auto;\n  }\n\n  .EditForm-edit-indicator {\n    flex: 0 0 14px;\n    position: relative;\n  }\n\n  &[data-edited=\"true\"] {\n    .EditForm-edit-indicator:after {\n      background-color: var(--salt-content-secondary-foreground);\n      border-radius: 5px;\n      content: \"\";\n      height: 10px;\n      position: absolute;\n      top: 50%;\n      right: -3px;\n      width: 10px;\n    }\n  }\n}\n";
-
-module.exports = editFormCss;
-//# sourceMappingURL=EditForm.css.js.map

package/cjs/data-editing/EditForm.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditForm.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/data-editing/EditForm.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var editValidationRules = require('./edit-validation-rules.js');
-var useEditForm = require('./useEditForm.js');
-var EditForm$1 = require('./EditForm.css.js');
-var getDataItemEditControl = require('./get-data-item-edit-control.js');
-
-const classBase = "EditForm";
-editValidationRules.registerRules();
-const EditForm = ({
-  className,
-  dataSource,
-  formFieldDescriptors,
-  onSubmit: onSubmitProp,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-edit-form",
-    css: EditForm$1,
-    window: targetWindow
-  });
-  const {
-    editedFields,
-    editEntity,
-    errorMessages,
-    formFieldsContainerRef,
-    isClean,
-    ok,
-    onCancel,
-    onChange,
-    onCommit,
-    onFocus,
-    onSubmit
-  } = useEditForm.useEditForm({
-    dataSource,
-    formFieldDescriptors,
-    onSubmit: onSubmitProp
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      onFocus,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-form-fields`, ref: formFieldsContainerRef, children: formFieldDescriptors.map((dataDescriptor) => {
-          const { name, label = name } = dataDescriptor;
-          const errorMessage = errorMessages[name];
-          const isEdited = !isClean && editedFields.includes(name);
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: `${classBase}-field`,
-              "data-edited": isEdited,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(core.FormField, { "data-field": name, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: label }),
-                  getDataItemEditControl.getDataItemEditControl({
-                    InputProps: {
-                      onChange,
-                      value: editEntity?.[name]?.toString() ?? ""
-                    },
-                    dataDescriptor,
-                    errorMessage,
-                    onCommit
-                  })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-edit-indicator` })
-              ]
-            },
-            name
-          );
-        }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-buttons`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(core.Button, { disabled: isClean, onClick: onCancel, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onSubmit, disabled: !ok || isClean, children: "Save" })
-        ] })
-      ]
-    }
-  );
-};
-
-exports.EditForm = EditForm;
-//# sourceMappingURL=EditForm.js.map

package/cjs/data-editing/EditForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditForm.js","sources":["../../../../packages/vuu-data-react/src/data-editing/EditForm.tsx"],"sourcesContent":["import { Button, FormField, FormFieldLabel } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { registerRules } from \"./edit-validation-rules\";\nimport { EditFormHookProps, useEditForm } from \"./useEditForm\";\n\nimport editFormCss from \"./EditForm.css\";\nimport { getDataItemEditControl } from \"./get-data-item-edit-control\";\n\nconst classBase = \"EditForm\";\n\nregisterRules();\n\nexport interface EditFormProps\n  extends EditFormHookProps,\n    Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {}\n\nexport const EditForm = ({\n  className,\n  dataSource,\n  formFieldDescriptors,\n  onSubmit: onSubmitProp,\n  ...htmlAttributes\n}: EditFormProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-edit-form\",\n    css: editFormCss,\n    window: targetWindow,\n  });\n\n  const {\n    editedFields,\n    editEntity,\n    errorMessages,\n    formFieldsContainerRef,\n    isClean,\n    ok,\n    onCancel,\n    onChange,\n    onCommit,\n    onFocus,\n    onSubmit,\n  } = useEditForm({\n    dataSource,\n    formFieldDescriptors,\n    onSubmit: onSubmitProp,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      onFocus={onFocus}\n    >\n      <div className={`${classBase}-form-fields`} ref={formFieldsContainerRef}>\n        {formFieldDescriptors.map((dataDescriptor) => {\n          const { name, label = name } = dataDescriptor;\n          const errorMessage = errorMessages[name];\n          const isEdited = !isClean && editedFields.includes(name);\n\n          return (\n            <div\n              className={`${classBase}-field`}\n              key={name}\n              data-edited={isEdited}\n            >\n              <FormField data-field={name}>\n                <FormFieldLabel>{label}</FormFieldLabel>\n                {getDataItemEditControl({\n                  InputProps: {\n                    onChange,\n                    value: editEntity?.[name]?.toString() ?? \"\",\n                  },\n                  dataDescriptor,\n                  errorMessage,\n                  onCommit,\n                })}\n              </FormField>\n              <div className={`${classBase}-edit-indicator`} />\n            </div>\n          );\n        })}\n      </div>\n      <div className={`${classBase}-buttons`}>\n        <Button disabled={isClean} onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button onClick={onSubmit} disabled={!ok || isClean}>\n          Save\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["registerRules","useWindow","useComponentCssInjection","editFormCss","useEditForm","jsxs","jsx","FormField","FormFieldLabel","getDataItemEditControl","Button"],"mappings":";;;;;;;;;;;;AAWA,MAAM,SAAY,GAAA,UAAA;AAElBA,iCAAc,EAAA;AAMP,MAAM,WAAW,CAAC;AAAA,EACvB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,GAAG;AACL,CAAqB,KAAA;AACnB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,eAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,sBAAA;AAAA,IACA,OAAA;AAAA,IACA,EAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,MACEC,uBAAY,CAAA;AAAA,IACd,UAAA;AAAA,IACA,oBAAA;AAAA,IACA,QAAU,EAAA;AAAA,GACX,CAAA;AAED,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,OAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,YAAA,CAAA,EAAgB,KAAK,sBAC9C,EAAA,QAAA,EAAA,oBAAA,CAAqB,GAAI,CAAA,CAAC,cAAmB,KAAA;AAC5C,UAAA,MAAM,EAAE,IAAA,EAAM,KAAQ,GAAA,IAAA,EAAS,GAAA,cAAA;AAC/B,UAAM,MAAA,YAAA,GAAe,cAAc,IAAI,CAAA;AACvC,UAAA,MAAM,QAAW,GAAA,CAAC,OAAW,IAAA,YAAA,CAAa,SAAS,IAAI,CAAA;AAEvD,UACE,uBAAAD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,GAAG,SAAS,CAAA,MAAA,CAAA;AAAA,cAEvB,aAAa,EAAA,QAAA;AAAA,cAEb,QAAA,EAAA;AAAA,gCAACA,eAAA,CAAAE,cAAA,EAAA,EAAU,cAAY,IACrB,EAAA,QAAA,EAAA;AAAA,kCAAAD,cAAA,CAACE,uBAAgB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,kBACtBC,6CAAuB,CAAA;AAAA,oBACtB,UAAY,EAAA;AAAA,sBACV,QAAA;AAAA,sBACA,KAAO,EAAA,UAAA,GAAa,IAAI,CAAA,EAAG,UAAc,IAAA;AAAA,qBAC3C;AAAA,oBACA,cAAA;AAAA,oBACA,YAAA;AAAA,oBACA;AAAA,mBACD;AAAA,iBACH,EAAA,CAAA;AAAA,gCACCH,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAmB,eAAA,CAAA,EAAA;AAAA;AAAA,aAAA;AAAA,YAf1C;AAAA,WAgBP;AAAA,SAEH,CACH,EAAA,CAAA;AAAA,wBACCD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,QAAA,CAAA,EAAA,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACI,WAAO,EAAA,EAAA,QAAA,EAAU,OAAS,EAAA,OAAA,EAAS,UAAU,QAE9C,EAAA,QAAA,EAAA,CAAA;AAAA,0BACAJ,cAAA,CAACI,eAAO,OAAS,EAAA,QAAA,EAAU,UAAU,CAAC,EAAA,IAAM,SAAS,QAErD,EAAA,MAAA,EAAA;AAAA,SACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/data-editing/UnsavedChangesReport.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var unsavedChangesCss = ".vuuUnsavedChanges-table {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.vuuUnsavedChanges-row {\n  box-sizing: content-box;\n  border-bottom: solid 1px var(--salt-separable-secondary-borderColor);\n  height: 32px;\n\n  td {\n    padding: 0 var(--salt-spacing-200);\n  }\n}\n\n.vuuUnsavedChanges-fieldName {\n  text-transform: capitalize;\n}\n\n.vuuUnsavedChanges-new {\n  font-weight: bold;\n}\n";
-
-module.exports = unsavedChangesCss;
-//# sourceMappingURL=UnsavedChangesReport.css.js.map

package/cjs/data-editing/UnsavedChangesReport.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsavedChangesReport.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/data-editing/UnsavedChangesReport.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var formEditState = require('./form-edit-state.js');
-var UnsavedChangesReport$1 = require('./UnsavedChangesReport.css.js');
-
-const classBase = "vuuUnsavedChanges";
-const UnsavedChangesReport = ({
-  entity,
-  editedEntity
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-unsaved-changes-report",
-    css: UnsavedChangesReport$1,
-    window: targetWindow
-  });
-  const { editedFields } = formEditState.buildFormEditState(entity, editedEntity);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classBase, children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: `${classBase}-table`, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: editedFields.map((fieldName, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: `${classBase}-row`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${classBase}-fieldName`, children: fieldName }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${classBase}-old`, children: entity[fieldName] }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${classBase}-new`, children: editedEntity[fieldName] })
-  ] }, i)) }) }) });
-};
-
-exports.UnsavedChangesReport = UnsavedChangesReport;
-//# sourceMappingURL=UnsavedChangesReport.js.map

package/cjs/data-editing/UnsavedChangesReport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsavedChangesReport.js","sources":["../../../../packages/vuu-data-react/src/data-editing/UnsavedChangesReport.tsx"],"sourcesContent":["import { Entity } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { buildFormEditState } from \"./form-edit-state\";\n\nimport unsavedChangesCss from \"./UnsavedChangesReport.css\";\n\nconst classBase = \"vuuUnsavedChanges\";\n\nexport interface UnsavedChangesReportProps<T extends Entity = Entity> {\n  entity: T;\n  editedEntity: T;\n}\n\nexport const UnsavedChangesReport = ({\n  entity,\n  editedEntity,\n}: UnsavedChangesReportProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-unsaved-changes-report\",\n    css: unsavedChangesCss,\n    window: targetWindow,\n  });\n\n  const { editedFields } = buildFormEditState(entity, editedEntity);\n\n  return (\n    <div className={classBase}>\n      <table className={`${classBase}-table`}>\n        <tbody>\n          {editedFields.map((fieldName, i) => (\n            <tr className={`${classBase}-row`} key={i}>\n              <td className={`${classBase}-fieldName`}>{fieldName}</td>\n              <td className={`${classBase}-old`}>{entity[fieldName]}</td>\n              <td className={`${classBase}-new`}>{editedEntity[fieldName]}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","unsavedChangesCss","buildFormEditState","jsx"],"mappings":";;;;;;;;AAOA,MAAM,SAAY,GAAA,mBAAA;AAOX,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,sBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAA,EAAiB,GAAAC,gCAAA,CAAmB,QAAQ,YAAY,CAAA;AAEhE,EACE,uBAAAC,cAAA,CAAC,SAAI,SAAW,EAAA,SAAA,EACd,yCAAC,OAAM,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAC5B,MAAA,CAAA,EAAA,QAAA,kBAAAA,cAAA,CAAC,WACE,QAAa,EAAA,YAAA,CAAA,GAAA,CAAI,CAAC,SAAW,EAAA,CAAA,qCAC3B,IAAG,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CACzB,IAAA,CAAA,EAAA,QAAA,EAAA;AAAA,oBAAAA,cAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,cAAe,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,oBACpDA,cAAA,CAAC,QAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAS,IAAA,CAAA,EAAA,QAAA,EAAA,MAAA,CAAO,SAAS,CAAE,EAAA,CAAA;AAAA,oBACtDA,cAAA,CAAC,QAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAS,IAAA,CAAA,EAAA,QAAA,EAAA,YAAA,CAAa,SAAS,CAAE,EAAA;AAAA,GAAA,EAAA,EAHtB,CAIxC,CACD,CACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/cjs/data-editing/edit-rule-validation-checker.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const OK = { ok: true };
-const NO_VALIDATION_RULES = [];
-function getEditValidationRules(descriptor, editPhase) {
-  if (vuuUtils.isTypeDescriptor(descriptor.type)) {
-    return editPhase === "*" ? descriptor.type.rules ?? [] : descriptor.type.rules?.filter(
-      ({ phase: a = "commit" }) => a === editPhase
-    ) ?? NO_VALIDATION_RULES;
-  }
-  return NO_VALIDATION_RULES;
-}
-const buildValidationChecker = (rules) => (value, editPhase) => applyRules(rules, value, editPhase);
-function applyRules(rules, value, editPhase = "commit") {
-  const result = { ok: true };
-  for (const rule of rules) {
-    const { phase = "commit" } = rule;
-    if (editPhase === "*" || phase === editPhase) {
-      const applyRuleToValue = vuuUtils.getEditRuleValidator(rule.name);
-      if (applyRuleToValue) {
-        const res = applyRuleToValue(rule, value);
-        if (!res.ok) {
-          result.ok = false;
-          (result.messages ?? (result.messages = [])).push(res.message);
-        }
-      } else {
-        throw Error(
-          `editable-utils applyRules, no validator registered for rule '${rule.name}'`
-        );
-      }
-    }
-  }
-  return result;
-}
-
-exports.OK = OK;
-exports.buildValidationChecker = buildValidationChecker;
-exports.getEditValidationRules = getEditValidationRules;
-//# sourceMappingURL=edit-rule-validation-checker.js.map

package/cjs/data-editing/edit-rule-validation-checker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-rule-validation-checker.js","sources":["../../../../packages/vuu-data-react/src/data-editing/edit-rule-validation-checker.ts"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  DataValueValidationChecker,\n  DataValueValidationResult,\n  EditPhase,\n  EditRuleValidationSuccessResult,\n  EditValidationRule,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { getEditRuleValidator, isTypeDescriptor } from \"@vuu-ui/vuu-utils\";\n\nexport const OK: EditRuleValidationSuccessResult = { ok: true };\n\nconst NO_VALIDATION_RULES: EditValidationRule[] = [] as const;\n\nexport function getEditValidationRules(\n  descriptor: DataValueDescriptor,\n  editPhase: EditPhase | \"*\",\n) {\n  if (isTypeDescriptor(descriptor.type)) {\n    return editPhase === \"*\"\n      ? (descriptor.type.rules ?? [])\n      : (descriptor.type.rules?.filter(\n          ({ phase: a = \"commit\" }) => a === editPhase,\n        ) ?? NO_VALIDATION_RULES);\n  }\n\n  return NO_VALIDATION_RULES;\n}\n\nexport const buildValidationChecker =\n  (rules: EditValidationRule[]): DataValueValidationChecker =>\n  (value: VuuRowDataItemType | undefined, editPhase: EditPhase | \"*\") =>\n    applyRules(rules, value, editPhase);\n\nfunction applyRules(\n  rules: EditValidationRule[],\n  value?: VuuRowDataItemType,\n  editPhase: EditPhase | \"*\" = \"commit\",\n) {\n  const result: { ok: boolean; messages?: string[] } = { ok: true };\n  for (const rule of rules) {\n    const { phase = \"commit\" } = rule;\n    if (editPhase === \"*\" || phase === editPhase) {\n      const applyRuleToValue = getEditRuleValidator(rule.name);\n      if (applyRuleToValue) {\n        const res = applyRuleToValue(rule, value);\n        if (!res.ok) {\n          result.ok = false;\n          (result.messages ?? (result.messages = [])).push(res.message);\n        }\n      } else {\n        throw Error(\n          `editable-utils applyRules, no validator registered for rule '${rule.name}'`,\n        );\n      }\n    }\n  }\n  return result as DataValueValidationResult;\n}\n"],"names":["isTypeDescriptor","getEditRuleValidator"],"mappings":";;;;AAWa,MAAA,EAAA,GAAsC,EAAE,EAAA,EAAI,IAAK;AAE9D,MAAM,sBAA4C,EAAC;AAEnC,SAAA,sBAAA,CACd,YACA,SACA,EAAA;AACA,EAAI,IAAAA,yBAAA,CAAiB,UAAW,CAAA,IAAI,CAAG,EAAA;AACrC,IAAO,OAAA,SAAA,KAAc,MAChB,UAAW,CAAA,IAAA,CAAK,SAAS,EAAC,GAC1B,UAAW,CAAA,IAAA,CAAK,KAAO,EAAA,MAAA;AAAA,MACtB,CAAC,EAAE,KAAA,EAAO,CAAI,GAAA,QAAA,OAAe,CAAM,KAAA;AAAA,KAChC,IAAA,mBAAA;AAAA;AAGX,EAAO,OAAA,mBAAA;AACT;AAEa,MAAA,sBAAA,GACX,CAAC,KACD,KAAA,CAAC,OAAuC,SACtC,KAAA,UAAA,CAAW,KAAO,EAAA,KAAA,EAAO,SAAS;AAEtC,SAAS,UACP,CAAA,KAAA,EACA,KACA,EAAA,SAAA,GAA6B,QAC7B,EAAA;AACA,EAAM,MAAA,MAAA,GAA+C,EAAE,EAAA,EAAI,IAAK,EAAA;AAChE,EAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,IAAM,MAAA,EAAE,KAAQ,GAAA,QAAA,EAAa,GAAA,IAAA;AAC7B,IAAI,IAAA,SAAA,KAAc,GAAO,IAAA,KAAA,KAAU,SAAW,EAAA;AAC5C,MAAM,MAAA,gBAAA,GAAmBC,6BAAqB,CAAA,IAAA,CAAK,IAAI,CAAA;AACvD,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAM,MAAA,GAAA,GAAM,gBAAiB,CAAA,IAAA,EAAM,KAAK,CAAA;AACxC,QAAI,IAAA,CAAC,IAAI,EAAI,EAAA;AACX,UAAA,MAAA,CAAO,EAAK,GAAA,KAAA;AACZ,UAAC,CAAA,MAAA,CAAO,aAAa,MAAO,CAAA,QAAA,GAAW,EAAK,CAAA,EAAA,IAAA,CAAK,IAAI,OAAO,CAAA;AAAA;AAC9D,OACK,MAAA;AACL,QAAM,MAAA,KAAA;AAAA,UACJ,CAAA,6DAAA,EAAgE,KAAK,IAAI,CAAA,CAAA;AAAA,SAC3E;AAAA;AACF;AACF;AAEF,EAAO,OAAA,MAAA;AACT;;;;;;"}

package/cjs/data-editing/edit-validation-rules.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var editRuleValidationChecker = require('./edit-rule-validation-checker.js');
-
-const isString = (value) => typeof value === "string";
-const NUMERIC = /^(?:[0-9]|\.)+$/;
-const CharValidatorNumeric = (rule, value) => {
-  if (isString(value)) {
-    if (value.trim() === "") {
-      return editRuleValidationChecker.OK;
-    } else if (value.match(NUMERIC)) {
-      return editRuleValidationChecker.OK;
-    }
-  }
-  return { ok: false, message: "only numeric characters are permitted" };
-};
-const ValueValidatorInteger = (rule, value) => {
-  if (isString(value)) {
-    if (value.trim() === "") {
-      return editRuleValidationChecker.OK;
-    } else {
-      if (!value.match(NUMERIC)) {
-        return {
-          ok: false,
-          message: "value must be an integer, invalid character"
-        };
-      }
-      if (parseFloat(value) === parseInt(value)) {
-        return editRuleValidationChecker.OK;
-      }
-    }
-  }
-  return { ok: false, message: "must be an integer value" };
-};
-const registerRules = () => {
-  vuuUtils.registerComponent(
-    "char-numeric",
-    CharValidatorNumeric,
-    "data-edit-validator",
-    {}
-  );
-  vuuUtils.registerComponent(
-    "value-integer",
-    ValueValidatorInteger,
-    "data-edit-validator",
-    {}
-  );
-};
-
-exports.registerRules = registerRules;
-//# sourceMappingURL=edit-validation-rules.js.map

package/cjs/data-editing/edit-validation-rules.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-validation-rules.js","sources":["../../../../packages/vuu-data-react/src/data-editing/edit-validation-rules.ts"],"sourcesContent":["import type { EditRuleValidator } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { registerComponent } from \"@vuu-ui/vuu-utils\";\nimport { OK } from \"./edit-rule-validation-checker\";\n\nconst isString = (value?: VuuRowDataItemType): value is string =>\n  typeof value === \"string\";\n\nconst NUMERIC = /^(?:[0-9]|\\.)+$/;\n\nconst CharValidatorNumeric: EditRuleValidator = (rule, value) => {\n  if (isString(value)) {\n    if (value.trim() === \"\") {\n      return OK;\n    } else if (value.match(NUMERIC)) {\n      return OK;\n    }\n  }\n  return { ok: false, message: \"only numeric characters are permitted\" };\n};\n\nconst ValueValidatorInteger: EditRuleValidator = (rule, value) => {\n  if (isString(value)) {\n    if (value.trim() === \"\") {\n      return OK;\n    } else {\n      if (!value.match(NUMERIC)) {\n        return {\n          ok: false,\n          message: \"value must be an integer, invalid character\",\n        };\n      }\n      if (parseFloat(value) === parseInt(value)) {\n        return OK;\n      }\n    }\n  }\n  return { ok: false, message: \"must be an integer value\" };\n};\n\nexport const registerRules = () => {\n  registerComponent(\n    \"char-numeric\",\n    CharValidatorNumeric,\n    \"data-edit-validator\",\n    {},\n  );\n  registerComponent(\n    \"value-integer\",\n    ValueValidatorInteger,\n    \"data-edit-validator\",\n    {},\n  );\n};\n"],"names":["OK","registerComponent"],"mappings":";;;;;AAKA,MAAM,QAAW,GAAA,CAAC,KAChB,KAAA,OAAO,KAAU,KAAA,QAAA;AAEnB,MAAM,OAAU,GAAA,iBAAA;AAEhB,MAAM,oBAAA,GAA0C,CAAC,IAAA,EAAM,KAAU,KAAA;AAC/D,EAAI,IAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AACnB,IAAI,IAAA,KAAA,CAAM,IAAK,EAAA,KAAM,EAAI,EAAA;AACvB,MAAO,OAAAA,4BAAA;AAAA,KACE,MAAA,IAAA,KAAA,CAAM,KAAM,CAAA,OAAO,CAAG,EAAA;AAC/B,MAAO,OAAAA,4BAAA;AAAA;AACT;AAEF,EAAA,OAAO,EAAE,EAAA,EAAI,KAAO,EAAA,OAAA,EAAS,uCAAwC,EAAA;AACvE,CAAA;AAEA,MAAM,qBAAA,GAA2C,CAAC,IAAA,EAAM,KAAU,KAAA;AAChE,EAAI,IAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AACnB,IAAI,IAAA,KAAA,CAAM,IAAK,EAAA,KAAM,EAAI,EAAA;AACvB,MAAO,OAAAA,4BAAA;AAAA,KACF,MAAA;AACL,MAAA,IAAI,CAAC,KAAA,CAAM,KAAM,CAAA,OAAO,CAAG,EAAA;AACzB,QAAO,OAAA;AAAA,UACL,EAAI,EAAA,KAAA;AAAA,UACJ,OAAS,EAAA;AAAA,SACX;AAAA;AAEF,MAAA,IAAI,UAAW,CAAA,KAAK,CAAM,KAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AACzC,QAAO,OAAAA,4BAAA;AAAA;AACT;AACF;AAEF,EAAA,OAAO,EAAE,EAAA,EAAI,KAAO,EAAA,OAAA,EAAS,0BAA2B,EAAA;AAC1D,CAAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,EAAAC,0BAAA;AAAA,IACE,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAC,GACH;AACA,EAAAA,0BAAA;AAAA,IACE,eAAA;AAAA,IACA,qBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAC,GACH;AACF;;;;"}

package/cjs/data-editing/form-edit-state.js

@@ -1,26 +0,0 @@
-'use strict';
-
-const CLEAN_FORM = {
-  isClean: true,
-  editedFields: []
-};
-const buildFormEditState = (entity, newEntity) => {
-  if (entity === void 0) {
-    return CLEAN_FORM;
-  } else {
-    const editedFields = [];
-    for (const [fieldName, value] of Object.entries(entity)) {
-      if (value !== newEntity[fieldName]) {
-        editedFields.push(fieldName);
-      }
-    }
-    return {
-      isClean: editedFields.length === 0,
-      editedFields
-    };
-  }
-};
-
-exports.CLEAN_FORM = CLEAN_FORM;
-exports.buildFormEditState = buildFormEditState;
-//# sourceMappingURL=form-edit-state.js.map

package/cjs/data-editing/form-edit-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-edit-state.js","sources":["../../../../packages/vuu-data-react/src/data-editing/form-edit-state.ts"],"sourcesContent":["import { Entity } from \"@vuu-ui/vuu-utils\";\n\nexport type FormEditState = {\n  isClean: boolean;\n  editedFields: string[];\n};\n\nexport const CLEAN_FORM: FormEditState = {\n  isClean: true,\n  editedFields: [],\n};\n\nexport const buildFormEditState = (\n  entity: Entity | undefined,\n  newEntity: Entity,\n): FormEditState => {\n  if (entity === undefined) {\n    return CLEAN_FORM;\n  } else {\n    const editedFields: string[] = [];\n    for (const [fieldName, value] of Object.entries(entity)) {\n      if (value !== newEntity[fieldName]) {\n        editedFields.push(fieldName);\n      }\n    }\n\n    return {\n      isClean: editedFields.length === 0,\n      editedFields,\n    };\n  }\n};\n"],"names":[],"mappings":";;AAOO,MAAM,UAA4B,GAAA;AAAA,EACvC,OAAS,EAAA,IAAA;AAAA,EACT,cAAc;AAChB;AAEa,MAAA,kBAAA,GAAqB,CAChC,MAAA,EACA,SACkB,KAAA;AAClB,EAAA,IAAI,WAAW,KAAW,CAAA,EAAA;AACxB,IAAO,OAAA,UAAA;AAAA,GACF,MAAA;AACL,IAAA,MAAM,eAAyB,EAAC;AAChC,IAAA,KAAA,MAAW,CAAC,SAAW,EAAA,KAAK,KAAK,MAAO,CAAA,OAAA,CAAQ,MAAM,CAAG,EAAA;AACvD,MAAI,IAAA,KAAA,KAAU,SAAU,CAAA,SAAS,CAAG,EAAA;AAClC,QAAA,YAAA,CAAa,KAAK,SAAS,CAAA;AAAA;AAC7B;AAGF,IAAO,OAAA;AAAA,MACL,OAAA,EAAS,aAAa,MAAW,KAAA,CAAA;AAAA,MACjC;AAAA,KACF;AAAA;AAEJ;;;;;"}

package/cjs/data-editing/get-data-item-edit-control.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var vuuFilters = require('@vuu-ui/vuu-filters');
-
-const getDataItemEditControl = ({
-  InputProps: InputProps2,
-  TypeaheadProps,
-  className,
-  commitOnBlur,
-  commitWhenCleared,
-  dataDescriptor,
-  errorMessage,
-  onCommit,
-  table,
-  values,
-  variant
-}) => {
-  const handleCommitNumber = (evt, value) => {
-    onCommit(evt, value.toString());
-  };
-  const dataVariant = variant && variant !== "toggle" ? variant : void 0;
-  if (dataDescriptor.editable === false) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      vuuUiControls.VuuInput,
-      {
-        variant: "secondary",
-        ...InputProps2,
-        onCommit,
-        readOnly: true,
-        "data-edit-control": true
-      }
-    );
-  } else if (vuuUtils.isTimeDataValue(dataDescriptor)) {
-    if (InputProps2?.inputProps) {
-      const { value, onChange } = InputProps2.inputProps;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        vuuUiControls.VuuTimePicker,
-        {
-          className,
-          value: vuuUtils.asTimeString(value, true),
-          onChange,
-          onCommit,
-          "data-edit-control": true
-        }
-      );
-    }
-  } else if (vuuUtils.isDateTimeDataValue(dataDescriptor)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      vuuUiControls.VuuDatePicker,
-      {
-        className,
-        onCommit: handleCommitNumber,
-        "data-edit-control": true
-      }
-    );
-  } else if (dataDescriptor.serverDataType === "string" && table) {
-    if (variant === "toggle" && values?.length) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        vuuFilters.ToggleFilter,
-        {
-          className,
-          column: dataDescriptor.name,
-          "data-edit-control": true,
-          onCommit,
-          table,
-          values,
-          value: InputProps2?.inputProps?.value ?? "all"
-        }
-      );
-    } else {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        vuuUiControls.VuuTypeaheadInput,
-        {
-          ...InputProps2,
-          ...TypeaheadProps,
-          className,
-          column: dataDescriptor.name,
-          "data-edit-control": true,
-          "data-variant": dataVariant,
-          onCommit,
-          table
-        }
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vuuUiControls.VuuInput,
-    {
-      variant: "secondary",
-      ...InputProps2,
-      className,
-      commitOnBlur,
-      commitWhenCleared,
-      onCommit,
-      errorMessage,
-      "data-edit-control": true
-    }
-  );
-};
-
-exports.getDataItemEditControl = getDataItemEditControl;
-//# sourceMappingURL=get-data-item-edit-control.js.map

package/cjs/data-editing/get-data-item-edit-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\nimport { ToggleFilter } from \"@vuu-ui/vuu-filters\";\n\n/**\n * variant can be used to provide a rendering hint to the filter control rendered.\n * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices\n * 'search' to render a search icon and require at least one character to be entered.\n * 'pick' to show a dropdown list, even before any text is entered, best for smaller lists\n */\nexport type FilterControlVariant = \"search\" | \"pick\" | \"toggle\";\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<\n    VuuTypeaheadInputProps,\n    | \"highlightFirstSuggestion\"\n    | \"minCharacterCountToTriggerSuggestions\"\n    | \"selectOnTab\"\n  >;\n  className?: string;\n  commitOnBlur?: boolean;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n  /**\n   * Where provided, only these values will be offered as suggestions.\n   * They will be validated against server with Typeahead service, so\n   * unavailable options are not offered.\n   * Recommended for toggle filters, not usually necessary for other\n   * filter variants.\n   */\n  values?: string[];\n  variant?: FilterControlVariant;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitOnBlur,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n  values,\n  variant,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  const dataVariant = variant && variant !== \"toggle\" ? variant : undefined;\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n        data-edit-control\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    if (InputProps?.inputProps) {\n      const { value, onChange } = InputProps.inputProps;\n      return (\n        <VuuTimePicker\n          className={className}\n          value={asTimeString(value, true)}\n          onChange={onChange}\n          onCommit={onCommit}\n          data-edit-control\n        />\n      );\n    }\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker\n        className={className}\n        onCommit={handleCommitNumber}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    if (variant === \"toggle\" && values?.length) {\n      return (\n        <ToggleFilter\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          onCommit={onCommit}\n          table={table}\n          values={values}\n          value={InputProps?.inputProps?.value ?? \"all\"}\n        />\n      );\n    } else {\n      return (\n        <VuuTypeaheadInput\n          {...InputProps}\n          {...TypeaheadProps}\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          data-variant={dataVariant}\n          onCommit={onCommit}\n          table={table}\n        />\n      );\n    }\n  }\n\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitOnBlur={commitOnBlur}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n      data-edit-control\n    />\n  );\n};\n"],"names":["InputProps","jsx","VuuInput","isTimeDataValue","VuuTimePicker","asTimeString","isDateTimeDataValue","VuuDatePicker","ToggleFilter","VuuTypeaheadInput"],"mappings":";;;;;;;AA0DO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAA,MAAM,WAAc,GAAA,OAAA,IAAW,OAAY,KAAA,QAAA,GAAW,OAAU,GAAA,KAAA,CAAA;AAEhE,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGF,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,QACR,mBAAiB,EAAA;AAAA;AAAA,KACnB;AAAA,GAEJ,MAAA,IAAWG,wBAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,IAAIH,aAAY,UAAY,EAAA;AAC1B,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAIA,WAAW,CAAA,UAAA;AACvC,MACE,uBAAAC,cAAA;AAAA,QAACG,2BAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,KAAA,EAAOC,qBAAa,CAAA,KAAA,EAAO,IAAI,CAAA;AAAA,UAC/B,QAAA;AAAA,UACA,QAAA;AAAA,UACA,mBAAiB,EAAA;AAAA;AAAA,OACnB;AAAA;AAEJ,GACF,MAAA,IAAWC,4BAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IACE,uBAAAL,cAAA;AAAA,MAACM,2BAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,QAAU,EAAA,kBAAA;AAAA,QACV,mBAAiB,EAAA;AAAA;AAAA,KACnB;AAAA,GAEO,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IAAI,IAAA,OAAA,KAAY,QAAY,IAAA,MAAA,EAAQ,MAAQ,EAAA;AAC1C,MACE,uBAAAN,cAAA;AAAA,QAACO,uBAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,QAAQ,cAAe,CAAA,IAAA;AAAA,UACvB,mBAAiB,EAAA,IAAA;AAAA,UACjB,QAAA;AAAA,UACA,KAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA,EAAOR,WAAY,EAAA,UAAA,EAAY,KAAS,IAAA;AAAA;AAAA,OAC1C;AAAA,KAEG,MAAA;AACL,MACE,uBAAAC,cAAA;AAAA,QAACQ,+BAAA;AAAA,QAAA;AAAA,UACE,GAAGT,WAAAA;AAAA,UACH,GAAG,cAAA;AAAA,UACJ,SAAA;AAAA,UACA,QAAQ,cAAe,CAAA,IAAA;AAAA,UACvB,mBAAiB,EAAA,IAAA;AAAA,UACjB,cAAc,EAAA,WAAA;AAAA,UACd,QAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA;AAEJ;AAGF,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGF,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAiB,EAAA;AAAA;AAAA,GACnB;AAEJ;;;;"}