@wix/patterns-fields 1.35.0 → 1.37.0

package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield3934724193\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formaudiofield3934724193__root\",\"addItem\":\"formaudiofield3934724193__addItem\",\"mediaTitle\":\"formaudiofield3934724193__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield2312016623\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formaudiofield2312016623__root\",\"addItem\":\"formaudiofield2312016623__addItem\",\"mediaTitle\":\"formaudiofield2312016623__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio.driver.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormAudioDriver = FormAudioDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../../testkit/base-driver");
+function FormAudioDriver(base, body, field) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  const audioField = base.$(`[data-hook="audio-${field.id}"]`);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    audioFieldExists: () => audioField.exists(),
+    getAudioName: () => base.$('[data-hook="fromAudioInput.audioName"]').text(),
+    audioPlayerExists: () => base.$('[data-hook="fromAudioInput.player"]').exists(),
+    isRequired: () => formField.isRequired(),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage()
+  };
+}
+//# sourceMappingURL=form-audio.driver.js.map

package/dist/cjs/components/audio/audio-field/form-audio.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormAudioDriver","base","body","field","formField","FormFieldUniDriver","audioField","$","id","baseUniDriverFactory","getLabel","getFormFieldLabelText","audioFieldExists","exists","getAudioName","text","audioPlayerExists","isRequired","hasError","hasStatus","getErrorMessage","getStatusMessage"],"sources":["../../../../../src/components/audio/audio-field/form-audio.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../../testkit/base-driver';\n\nexport function FormAudioDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const audioField = base.$(`[data-hook=\"audio-${field.id}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    audioFieldExists: () => audioField.exists(),\n    getAudioName: () => base.$('[data-hook=\"fromAudioInput.audioName\"]').text(),\n    audioPlayerExists: () =>\n      base.$('[data-hook=\"fromAudioInput.player\"]').exists(),\n    isRequired: () => formField.isRequired(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,eAAeA,CAC7BC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,UAAU,GAAGL,IAAI,CAACM,CAAC,CAAC,qBAAqBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAE5D,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACR,IAAI,CAAC;IAC7BS,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACP,SAAS,CAAC;IAChDQ,gBAAgB,EAAEA,CAAA,KAAMN,UAAU,CAACO,MAAM,CAAC,CAAC;IAC3CC,YAAY,EAAEA,CAAA,KAAMb,IAAI,CAACM,CAAC,CAAC,wCAAwC,CAAC,CAACQ,IAAI,CAAC,CAAC;IAC3EC,iBAAiB,EAAEA,CAAA,KACjBf,IAAI,CAACM,CAAC,CAAC,qCAAqC,CAAC,CAACM,MAAM,CAAC,CAAC;IACxDI,UAAU,EAAEA,CAAA,KAAMb,SAAS,CAACa,UAAU,CAAC,CAAC;IACxCC,QAAQ,EAAEA,CAAA,KAAMd,SAAS,CAACe,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMhB,SAAS,CAACiB,gBAAgB,CAAC;EACpD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormAudio = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _form = require("@wix/bex-core/form");
+var _string = require("../../../validations/string");
+var _formAudioField = require("./form-audio-field");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/audio/audio-field/form-audio.tsx";
+const _FormAudio = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (0, _string.isEmpty)(value)) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_formAudioField.FormAudioField, {
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    onClear: () => controller.field.onChange(null),
+    dataHook: `audio-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 7
+    }
+  }));
+};
+const FormAudio = exports.FormAudio = (0, _mobxReactLite.observer)(_FormAudio);
+//# sourceMappingURL=form-audio.js.map

package/dist/cjs/components/audio/audio-field/form-audio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_string","_formAudioField","_jsxFileName","_FormAudio","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormAudioField","onChange","onClear","FormAudio","exports","observer"],"sources":["../../../../../src/components/audio/audio-field/form-audio.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../../types/base-input';\nimport { isEmpty } from '../../../validations/string';\nimport { FormAudioField } from './form-audio-field';\n\nexport interface FormAudioProps extends BaseInputProps<string> {}\n\nconst _FormAudio = (props: FormAudioProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormAudioField\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        onClear={() => controller.field.onChange(null)}\n        dataHook={`audio-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormAudio = observer(_FormAudio);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAAoD,IAAAO,YAAA;AAIpD,MAAMC,UAAU,GAAIC,KAAqB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC5C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,eAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEnB,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,SAAS;IACRC,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzBN,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA9B,qBAAA,GAAEQ,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B+B,OAAQ;IACpD7B,QAAQ,EAAEA,QAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,eAAA,CAAA0C,cAAc;IACbjC,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BsB,QAAQ,EAAGtB,KAAK,IAAKR,UAAU,CAACP,KAAK,CAACqC,QAAQ,CAACtB,KAAK,CAAE;IACtDuB,OAAO,EAAEA,CAAA,KAAM/B,UAAU,CAACP,KAAK,CAACqC,QAAQ,CAAC,IAAI,CAAE;IAC/CpC,QAAQ,EAAE,SAASD,KAAK,CAACU,EAAE,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,uBAAQ,EAAC7C,UAAU,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/index.js

@@ -1,6 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
+var _formAudio = require("./form-audio");
+Object.keys(_formAudio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formAudio[key]) return;
+  exports[key] = _formAudio[key];
+});
 var _formAudioField = require("./form-audio-field");
 Object.keys(_formAudioField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/audio/audio-field/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_formAudioField","require","Object","keys","forEach","key","exports","_audioView"],"sources":["../../../../../src/components/audio/audio-field/index.ts"],"sourcesContent":["export * from './form-audio-field';\nexport * from './audio-view';\n"],"mappings":";;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,eAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,UAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,UAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,UAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,UAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_formAudio","require","Object","keys","forEach","key","exports","_formAudioField","_audioView"],"sources":["../../../../../src/components/audio/audio-field/index.ts"],"sourcesContent":["export * from './form-audio';\nexport * from './form-audio-field';\nexport * from './audio-view';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,eAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,eAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,eAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,eAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,UAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,UAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,UAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,UAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "audioplayer315551720";
+var _namespace_ = "audioplayer1060743309";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "audioplayer315551720__root"
+  "root": "audioplayer1060743309__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer315551720\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"audioplayer315551720__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer1060743309\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"audioplayer1060743309__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/boolean/form-checkbox.driver.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.FormCheckboxDriver = FormCheckboxDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../../testkit/base-driver");
-function FormCheckboxDriver(base, body) {
+function FormCheckboxDriver(base, body, _field) {
   const checkbox = (0, _unidriver.CheckboxUniDriver)(base, body);
   return {
     ...(0, _baseDriver.baseUniDriverFactory)(base),

package/dist/cjs/components/boolean/form-checkbox.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","FormCheckboxDriver","base","body","checkbox","CheckboxUniDriver","baseUniDriverFactory","isChecked","toggle","click","getLabel"],"sources":["../../../../src/components/boolean/form-checkbox.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormCheckboxDriver(base: UniDriver, body: UniDriver) {\n  const checkbox = CheckboxUniDriver(base, body);\n  return {\n    ...baseUniDriverFactory(base),\n    isChecked: () => checkbox.isChecked(),\n    toggle: () => checkbox.click(),\n    getLabel: () => checkbox.getLabel(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACnE,MAAMC,QAAQ,GAAG,IAAAC,4BAAiB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAC9C,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,SAAS,EAAEA,CAAA,KAAMH,QAAQ,CAACG,SAAS,CAAC,CAAC;IACrCC,MAAM,EAAEA,CAAA,KAAMJ,QAAQ,CAACK,KAAK,CAAC,CAAC;IAC9BC,QAAQ,EAAEA,CAAA,KAAMN,QAAQ,CAACM,QAAQ,CAAC;EACpC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","FormCheckboxDriver","base","body","_field","checkbox","CheckboxUniDriver","baseUniDriverFactory","isChecked","toggle","click","getLabel"],"sources":["../../../../src/components/boolean/form-checkbox.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormCheckboxDriver(\n  base: UniDriver,\n  body: UniDriver,\n  _field: Field,\n) {\n  const checkbox = CheckboxUniDriver(base, body);\n  return {\n    ...baseUniDriverFactory(base),\n    isChecked: () => checkbox.isChecked(),\n    toggle: () => checkbox.click(),\n    getLabel: () => checkbox.getLabel(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAChCC,IAAe,EACfC,IAAe,EACfC,MAAa,EACb;EACA,MAAMC,QAAQ,GAAG,IAAAC,4BAAiB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAC9C,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,SAAS,EAAEA,CAAA,KAAMH,QAAQ,CAACG,SAAS,CAAC,CAAC;IACrCC,MAAM,EAAEA,CAAA,KAAMJ,QAAQ,CAACK,KAAK,CAAC,CAAC;IAC9BC,QAAQ,EAAEA,CAAA,KAAMN,QAAQ,CAACM,QAAQ,CAAC;EACpC,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "colorview1187221222";
+var _namespace_ = "colorview4027323806";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "colorview1187221222__root",
-  "view": "colorview1187221222__view",
-  "fillPreview": "colorview1187221222__fillPreview"
+  "root": "colorview4027323806__root",
+  "view": "colorview4027323806__view",
+  "fillPreview": "colorview4027323806__fillPreview"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/color-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview1187221222\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"colorview1187221222__root\",\"view\":\"colorview1187221222__view\",\"fillPreview\":\"colorview1187221222__fillPreview\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview4027323806\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"colorview4027323806__root\",\"view\":\"colorview4027323806__view\",\"fillPreview\":\"colorview4027323806__fillPreview\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/form-color.driver.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormColorDriver = FormColorDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormColorDriver(base, body, field) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  const inputBase = base.$(`[data-hook="color-${field.id}"]`);
+  const input = (0, _unidriver.InputUniDriver)(inputBase, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    getValue: () => input.getValue(),
+    getFillButton: () => (0, _unidriver.FillButtonUniDriver)(base, body),
+    getFillPreview: () => (0, _unidriver.FillPreviewUniDriver)(base, body),
+    isRequired: () => formField.isRequired(),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage()
+  };
+}
+//# sourceMappingURL=form-color.driver.js.map

package/dist/cjs/components/color-view/form-color.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormColorDriver","base","body","field","formField","FormFieldUniDriver","inputBase","$","id","input","InputUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","getValue","getFillButton","FillButtonUniDriver","getFillPreview","FillPreviewUniDriver","isRequired","hasError","hasStatus","getErrorMessage","getStatusMessage"],"sources":["../../../../src/components/color-view/form-color.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  FillButtonUniDriver,\n  FillPreviewUniDriver,\n  FormFieldUniDriver,\n  InputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormColorDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook=\"color-${field.id}\"]`);\n  const input = InputUniDriver(inputBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    getValue: () => input.getValue(),\n    getFillButton: () => FillButtonUniDriver(base, body),\n    getFillPreview: () => FillPreviewUniDriver(base, body),\n    isRequired: () => formField.isRequired(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,eAAeA,CAC7BC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,SAAS,GAAGL,IAAI,CAACM,CAAC,CAAC,qBAAqBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAC3D,MAAMC,KAAK,GAAG,IAAAC,yBAAc,EAACJ,SAAS,EAAEJ,IAAI,CAAC;EAE7C,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BW,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACT,SAAS,CAAC;IAChDU,QAAQ,EAAEA,CAAA,KAAML,KAAK,CAACK,QAAQ,CAAC,CAAC;IAChCC,aAAa,EAAEA,CAAA,KAAM,IAAAC,8BAAmB,EAACf,IAAI,EAAEC,IAAI,CAAC;IACpDe,cAAc,EAAEA,CAAA,KAAM,IAAAC,+BAAoB,EAACjB,IAAI,EAAEC,IAAI,CAAC;IACtDiB,UAAU,EAAEA,CAAA,KAAMf,SAAS,CAACe,UAAU,CAAC,CAAC;IACxCC,QAAQ,EAAEA,CAAA,KAAMhB,SAAS,CAACiB,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMlB,SAAS,CAACmB,gBAAgB,CAAC;EACpD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/color-view/form-color.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormColor = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _form = require("@wix/bex-core/form");
+var _formColorInput = require("./form-color-input");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/color-view/form-color.tsx";
+const _FormColor = props => {
+  var _field$validation;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? '']
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_formColorInput.FormColorInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: hex => controller.field.onChange(hex),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    dataHook: `color-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 7
+    }
+  }));
+};
+const FormColor = exports.FormColor = (0, _mobxReactLite.observer)(_FormColor);
+//# sourceMappingURL=form-color.js.map

package/dist/cjs/components/color-view/form-color.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_form","_formColorInput","_jsxFileName","_FormColor","props","_field$validation","field","dataHook","formControl","data","controller","useController","name","id","control","defaultValue","default","createElement","FormField","label","displayName","required","validation","__self","__source","fileName","lineNumber","columnNumber","FormColorInput","autoFocus","value","onChange","hex","onBlur","ref","FormColor","exports","observer"],"sources":["../../../../src/components/color-view/form-color.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { FormColorInput } from './form-color-input';\n\nexport interface FormColorProps extends BaseInputProps<string> {}\n\nconst _FormColor = (props: FormColorProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <FormColorInput\n        autoFocus={false}\n        data={controller.field.value as string | undefined}\n        onChange={(hex) => controller.field.onChange(hex)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`color-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormColor = observer(_FormColor);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAGA,IAAAI,eAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAIpD,MAAMC,UAAU,GAAIC,KAAqB,IAAK;EAAA,IAAAC,iBAAA;EAC5C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGL,KAAK;EAEpD,MAAMM,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,oBACElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,SAAS;IACRC,KAAK,EAAEb,KAAK,CAACc,WAAY;IACzBC,QAAQ,GAAAhB,iBAAA,GAAEC,KAAK,CAACgB,UAAU,qBAAhBjB,iBAAA,CAAkBgB,QAAS;IACrCd,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBhC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,eAAA,CAAA2B,cAAc;IACbC,SAAS,EAAE,KAAM;IACjBpB,IAAI,EAAEC,UAAU,CAACJ,KAAK,CAACwB,KAA4B;IACnDC,QAAQ,EAAGC,GAAG,IAAKtB,UAAU,CAACJ,KAAK,CAACyB,QAAQ,CAACC,GAAG,CAAE;IAClDC,MAAM,EAAEvB,UAAU,CAACJ,KAAK,CAAC2B,MAAO;IAChCC,GAAG,EAAExB,UAAU,CAACJ,KAAK,CAAC4B,GAAI;IAC1B3B,QAAQ,EAAE,SAASD,KAAK,CAACO,EAAE,EAAG;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMQ,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,uBAAQ,EAAClC,UAAU,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/index.js

@@ -13,6 +13,12 @@ Object.keys(_colorInput).forEach(function (key) {
   if (key in exports && exports[key] === _colorInput[key]) return;
   exports[key] = _colorInput[key];
 });
+var _formColor = require("./form-color");
+Object.keys(_formColor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formColor[key]) return;
+  exports[key] = _formColor[key];
+});
 var _formColorInput = require("./form-color-input");
 Object.keys(_formColorInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/color-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_colorView","require","Object","keys","forEach","key","exports","_colorInput","_formColorInput"],"sources":["../../../../src/components/color-view/index.ts"],"sourcesContent":["export * from './color-view';\nexport * from './color-input';\nexport * from './form-color-input';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,WAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,WAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,WAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,WAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,eAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,eAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,eAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,eAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_colorView","require","Object","keys","forEach","key","exports","_colorInput","_formColor","_formColorInput"],"sources":["../../../../src/components/color-view/index.ts"],"sourcesContent":["export * from './color-view';\nexport * from './color-input';\nexport * from './form-color';\nexport * from './form-color-input';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,WAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,WAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,WAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,WAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,UAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,UAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,UAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,UAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,eAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,eAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,eAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,eAAA,CAAAJ,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/date-input/date-utils.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getISODateStringWithFixedTimezone = exports.getDateWithoutTimezone = void 0;
+const getDateWithoutTimezone = date => new Date(new Date(date).toISOString().slice(0, -1));
+exports.getDateWithoutTimezone = getDateWithoutTimezone;
+const getISODateStringWithFixedTimezone = date => {
+  const _date = new Date(date);
+  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;
+  return new Date(_date.getTime() - userTimezoneOffset).toISOString().slice(0, -1);
+};
+exports.getISODateStringWithFixedTimezone = getISODateStringWithFixedTimezone;
+//# sourceMappingURL=date-utils.js.map

package/dist/cjs/components/date-input/date-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDateWithoutTimezone","date","Date","toISOString","slice","exports","getISODateStringWithFixedTimezone","_date","userTimezoneOffset","getTimezoneOffset","getTime"],"sources":["../../../../src/components/date-input/date-utils.ts"],"sourcesContent":["export const getDateWithoutTimezone = (date: Date | string) =>\n  new Date(new Date(date).toISOString().slice(0, -1));\n\nexport const getISODateStringWithFixedTimezone = (date: Date | string) => {\n  const _date = new Date(date);\n  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;\n  return new Date(_date.getTime() - userTimezoneOffset)\n    .toISOString()\n    .slice(0, -1);\n};\n"],"mappings":";;;;AAAO,MAAMA,sBAAsB,GAAIC,IAAmB,IACxD,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,CAAC,CAACE,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAACC,OAAA,CAAAL,sBAAA,GAAAA,sBAAA;AAE/C,MAAMM,iCAAiC,GAAIL,IAAmB,IAAK;EACxE,MAAMM,KAAK,GAAG,IAAIL,IAAI,CAACD,IAAI,CAAC;EAC5B,MAAMO,kBAAkB,GAAGD,KAAK,CAACE,iBAAiB,CAAC,CAAC,GAAG,KAAK;EAC5D,OAAO,IAAIP,IAAI,CAACK,KAAK,CAACG,OAAO,CAAC,CAAC,GAAGF,kBAAkB,CAAC,CAClDL,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjB,CAAC;AAACC,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/dist/cjs/components/date-input/form-date-input.driver.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormDateInputDriver = FormDateInputDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormDateInputDriver(base, body, field) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  const datePickerBase = base.$(`[data-hook="date-${field.id}"]`);
+  const datePicker = (0, _unidriver.DatePickerUniDriver)(datePickerBase, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    datePickerExists: () => datePickerBase.exists(),
+    enterText: text => datePicker.inputDriver.enterText(text),
+    blur: () => datePicker.inputDriver.blur(),
+    hasError: () => datePicker.inputDriver.hasStatus('error'),
+    getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
+    isRequired: () => formField.isRequired()
+  };
+}
+//# sourceMappingURL=form-date-input.driver.js.map

package/dist/cjs/components/date-input/form-date-input.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormDateInputDriver","base","body","field","formField","FormFieldUniDriver","datePickerBase","$","id","datePicker","DatePickerUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","datePickerExists","exists","enterText","text","inputDriver","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired"],"sources":["../../../../src/components/date-input/form-date-input.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DatePickerUniDriver,\n  FormFieldUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormDateInputDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const datePickerBase = base.$(`[data-hook=\"date-${field.id}\"]`);\n  const datePicker = DatePickerUniDriver(datePickerBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    datePickerExists: () => datePickerBase.exists(),\n    enterText: (text: string) => datePicker.inputDriver.enterText(text),\n    blur: () => datePicker.inputDriver.blur(),\n    hasError: () => datePicker.inputDriver.hasStatus('error'),\n    getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,mBAAmBA,CACjCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,cAAc,GAAGL,IAAI,CAACM,CAAC,CAAC,oBAAoBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAC/D,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACJ,cAAc,EAAEJ,IAAI,CAAC;EAE5D,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BW,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACT,SAAS,CAAC;IAChDU,gBAAgB,EAAEA,CAAA,KAAMR,cAAc,CAACS,MAAM,CAAC,CAAC;IAC/CC,SAAS,EAAGC,IAAY,IAAKR,UAAU,CAACS,WAAW,CAACF,SAAS,CAACC,IAAI,CAAC;IACnEE,IAAI,EAAEA,CAAA,KAAMV,UAAU,CAACS,WAAW,CAACC,IAAI,CAAC,CAAC;IACzCC,QAAQ,EAAEA,CAAA,KAAMX,UAAU,CAACS,WAAW,CAACG,SAAS,CAAC,OAAO,CAAC;IACzDC,eAAe,EAAEA,CAAA,KAAMb,UAAU,CAACS,WAAW,CAACK,gBAAgB,CAAC,CAAC;IAChEC,UAAU,EAAEA,CAAA,KAAMpB,SAAS,CAACoB,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/date-input/form-date-input.js

@@ -0,0 +1,113 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormDateInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _form = require("@wix/bex-core/form");
+var _string = require("../../validations/string");
+var _dateUtils = require("./date-utils");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/date-input/form-date-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _FormDateInput = props => {
+  var _field$validation2;
+  const {
+    field,
+    dataHook,
+    inputRef,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const computeError = (value, format, validationType) => {
+    var _field$validation;
+    if ((_field$validation = field.validation) != null && _field$validation.required && (0, _string.isEmpty)(value)) {
+      return t('cairo.fieldValidation.requiredField');
+    }
+    if (validationType === 'formatError' && format) {
+      return t('cairo.customFields.fieldType.date.invalid.value', {
+        dateFormat: format
+      });
+    }
+    return '';
+  };
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        const error = computeError(value);
+        return error || true;
+      }
+    }
+  });
+  const [date, setDate] = (0, _react.useState)(() => {
+    if (controller.field.value) {
+      return (0, _dateUtils.getDateWithoutTimezone)((0, _dateUtils.getISODateStringWithFixedTimezone)(controller.field.value));
+    }
+    return undefined;
+  });
+  const ref = (0, _react.useRef)({});
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    statusMessage: errorMessage,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      // @ts-expect-error: WSR internal API hack for focusing
+      ref.current.focus = () => {
+        var _internalRef$state;
+        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
+      };
+    },
+    dataHook: `date-${field.id}`,
+    width: "100%",
+    value: date,
+    onChange: newValue => {
+      setDate(newValue);
+      if (newValue) {
+        const formattedDate = (0, _dateUtils.getISODateStringWithFixedTimezone)(newValue);
+        controller.field.onChange(formattedDate.split('T')[0]);
+      } else {
+        controller.field.onChange(null);
+      }
+    },
+    onValidate: ({
+      validationType,
+      value: newValue,
+      format
+    }) => {
+      const error = computeError(newValue, format, validationType);
+      setErrorMessage(error);
+      ref.current.invalid = !!error;
+      if (validationType === 'formatError' && newValue === '') {
+        setDate(undefined);
+        controller.field.onChange(null);
+      }
+    },
+    status: errorMessage ? 'error' : undefined,
+    statusMessage: errorMessage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 7
+    }
+  }));
+};
+const FormDateInput = exports.FormDateInput = (0, _mobxReactLite.observer)(_FormDateInput);
+//# sourceMappingURL=form-date-input.js.map

package/dist/cjs/components/date-input/form-date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","undefined","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { isEmpty } from '../../validations/string';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const computeError = (\n    value: string | null | undefined,\n    format?: string,\n    validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n  ): string => {\n    if (field.validation?.required && isEmpty(value)) {\n      return t('cairo.fieldValidation.requiredField');\n    }\n    if (validationType === 'formatError' && format) {\n      return t('cairo.customFields.fieldType.date.invalid.value', {\n        dateFormat: format,\n      });\n    }\n    return '';\n  };\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = computeError(value);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      statusMessage={errorMessage}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = computeError(newValue, format, validationType);\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/date-input/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _formDateInput = require("./form-date-input");
+Object.keys(_formDateInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formDateInput[key]) return;
+  exports[key] = _formDateInput[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/date-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formDateInput","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/date-input/index.ts"],"sourcesContent":["export * from './form-date-input';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/datetime-input/form-date-time.driver.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormDateTimeDriver = FormDateTimeDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormDateTimeDriver(base, body, field) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  const dateBase = base.$(`[data-hook="datetime-date-${field.id}"]`);
+  const timeBase = base.$(`[data-hook="datetime-time-${field.id}"]`);
+  const datePicker = (0, _unidriver.DatePickerUniDriver)(dateBase, body);
+  const timeInput = (0, _unidriver.TimeInputUniDriver)(timeBase, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    dateExists: () => dateBase.exists(),
+    timeExists: () => timeBase.exists(),
+    enterDateText: text => datePicker.inputDriver.enterText(text),
+    blurDate: () => datePicker.inputDriver.blur(),
+    dateHasError: () => datePicker.inputDriver.hasStatus('error'),
+    getDateErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
+    timeHasError: () =>
+    // WDS TimeInput.uni.driver.d.ts types `hasStatus` as no-arg, but the
+    // runtime forwards `status` to Input.hasStatus. See TimeInput.uni.driver.js:43.
+    // @ts-expect-error
+    timeInput.hasStatus('error'),
+    getTimeErrorMessage: () => timeInput.getStatusMessage(),
+    isRequired: () => formField.isRequired()
+  };
+}
+//# sourceMappingURL=form-date-time.driver.js.map

package/dist/cjs/components/datetime-input/form-date-time.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormDateTimeDriver","base","body","field","formField","FormFieldUniDriver","dateBase","$","id","timeBase","datePicker","DatePickerUniDriver","timeInput","TimeInputUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","dateExists","exists","timeExists","enterDateText","text","inputDriver","enterText","blurDate","blur","dateHasError","hasStatus","getDateErrorMessage","getStatusMessage","timeHasError","getTimeErrorMessage","isRequired"],"sources":["../../../../src/components/datetime-input/form-date-time.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DatePickerUniDriver,\n  FormFieldUniDriver,\n  TimeInputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormDateTimeDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const dateBase = base.$(`[data-hook=\"datetime-date-${field.id}\"]`);\n  const timeBase = base.$(`[data-hook=\"datetime-time-${field.id}\"]`);\n  const datePicker = DatePickerUniDriver(dateBase, body);\n  const timeInput = TimeInputUniDriver(timeBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    dateExists: () => dateBase.exists(),\n    timeExists: () => timeBase.exists(),\n    enterDateText: (text: string) => datePicker.inputDriver.enterText(text),\n    blurDate: () => datePicker.inputDriver.blur(),\n    dateHasError: () => datePicker.inputDriver.hasStatus('error'),\n    getDateErrorMessage: () => datePicker.inputDriver.getStatusMessage(),\n    timeHasError: () =>\n      // WDS TimeInput.uni.driver.d.ts types `hasStatus` as no-arg, but the\n      // runtime forwards `status` to Input.hasStatus. See TimeInput.uni.driver.js:43.\n      // @ts-expect-error\n      timeInput.hasStatus('error'),\n    getTimeErrorMessage: () => timeInput.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,kBAAkBA,CAChCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,QAAQ,GAAGL,IAAI,CAACM,CAAC,CAAC,6BAA6BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAClE,MAAMC,QAAQ,GAAGR,IAAI,CAACM,CAAC,CAAC,6BAA6BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAClE,MAAME,UAAU,GAAG,IAAAC,8BAAmB,EAACL,QAAQ,EAAEJ,IAAI,CAAC;EACtD,MAAMU,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,QAAQ,EAAEP,IAAI,CAAC;EAEpD,OAAO;IACL,GAAG,IAAAY,gCAAoB,EAACb,IAAI,CAAC;IAC7Bc,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACZ,SAAS,CAAC;IAChDa,UAAU,EAAEA,CAAA,KAAMX,QAAQ,CAACY,MAAM,CAAC,CAAC;IACnCC,UAAU,EAAEA,CAAA,KAAMV,QAAQ,CAACS,MAAM,CAAC,CAAC;IACnCE,aAAa,EAAGC,IAAY,IAAKX,UAAU,CAACY,WAAW,CAACC,SAAS,CAACF,IAAI,CAAC;IACvEG,QAAQ,EAAEA,CAAA,KAAMd,UAAU,CAACY,WAAW,CAACG,IAAI,CAAC,CAAC;IAC7CC,YAAY,EAAEA,CAAA,KAAMhB,UAAU,CAACY,WAAW,CAACK,SAAS,CAAC,OAAO,CAAC;IAC7DC,mBAAmB,EAAEA,CAAA,KAAMlB,UAAU,CAACY,WAAW,CAACO,gBAAgB,CAAC,CAAC;IACpEC,YAAY,EAAEA,CAAA;IACZ;IACA;IACA;IACAlB,SAAS,CAACe,SAAS,CAAC,OAAO,CAAC;IAC9BI,mBAAmB,EAAEA,CAAA,KAAMnB,SAAS,CAACiB,gBAAgB,CAAC,CAAC;IACvDG,UAAU,EAAEA,CAAA,KAAM5B,SAAS,CAAC4B,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}