@wix/patterns-fields 1.107.0 → 1.109.0

package/dist/cjs/components/address/input/address-input.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "addressinput284533256";
+var _namespace_ = "addressinput310286819";
 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": "addressinput284533256__root",
-  "tableAddressInput": "addressinput284533256__tableAddressInput"
+  "root": "addressinput310286819__root",
+  "tableAddressInput": "addressinput310286819__tableAddressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/address/input/address-input.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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput284533256\";\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\":\"addressinput284533256__root\",\"tableAddressInput\":\"addressinput284533256__tableAddressInput\"};\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,6BAA6B;EAAC,mBAAmB,EAAC;AAA0C,CAAC;AACnH,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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput310286819\";\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\":\"addressinput310286819__root\",\"tableAddressInput\":\"addressinput310286819__tableAddressInput\"};\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,6BAA6B;EAAC,mBAAmB,EAAC;AAA0C,CAAC;AACnH,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/audio/actions/actions-menu/actions-menu.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "actionsmenu888069634";
+var _namespace_ = "actionsmenu2642433213";
 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": "actionsmenu888069634__root",
-  "action": "actionsmenu888069634__action"
+  "root": "actionsmenu2642433213__root",
+  "action": "actionsmenu2642433213__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/actions/actions-menu/actions-menu.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/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu888069634\";\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\":\"actionsmenu888069634__root\",\"action\":\"actionsmenu888069634__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \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,4BAA4B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC3F,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,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/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu2642433213\";\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\":\"actionsmenu2642433213__root\",\"action\":\"actionsmenu2642433213__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \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,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,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,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.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_ = "formaudiofield3517920390";
+var _namespace_ = "formaudiofield793983115";
 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": "formaudiofield3517920390__root",
-  "addItem": "formaudiofield3517920390__addItem",
-  "mediaTitle": "formaudiofield3517920390__mediaTitle"
+  "root": "formaudiofield793983115__root",
+  "addItem": "formaudiofield793983115__addItem",
+  "mediaTitle": "formaudiofield793983115__mediaTitle"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"formaudiofield3517920390\";\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\":\"formaudiofield3517920390__root\",\"addItem\":\"formaudiofield3517920390__addItem\",\"mediaTitle\":\"formaudiofield3517920390__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_ = \"formaudiofield793983115\";\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\":\"formaudiofield793983115__root\",\"addItem\":\"formaudiofield793983115__addItem\",\"mediaTitle\":\"formaudiofield793983115__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,yBAAyB;AAC3C,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,+BAA+B;EAAC,SAAS,EAAC,kCAAkC;EAAC,YAAY,EAAC;AAAqC,CAAC;AACtJ,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-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_ = "audioplayer2428953851";
+var _namespace_ = "audioplayer1089993499";
 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": "audioplayer2428953851__root"
+  "root": "audioplayer1089993499__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_ = \"audioplayer2428953851\";\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\":\"audioplayer2428953851__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":[]}
+{"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_ = \"audioplayer1089993499\";\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\":\"audioplayer1089993499__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/color-view/cell-color-view.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellcolorview286528675";
+var _namespace_ = "cellcolorview2172636651";
 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": "cellcolorview286528675__root",
-  "hashPrefix": "cellcolorview286528675__hashPrefix"
+  "root": "cellcolorview2172636651__root",
+  "hashPrefix": "cellcolorview2172636651__hashPrefix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/cell-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/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview286528675\";\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\":\"cellcolorview286528675__root\",\"hashPrefix\":\"cellcolorview286528675__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,YAAY,EAAC;AAAoC,CAAC;AACvG,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,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/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview2172636651\";\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\":\"cellcolorview2172636651__root\",\"hashPrefix\":\"cellcolorview2172636651__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,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,eAAe,EAAC;AAAiB,CAAC","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_ = "colorview219149558";
+var _namespace_ = "colorview2743015308";
 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": "colorview219149558__root",
-  "view": "colorview219149558__view",
-  "fillPreview": "colorview219149558__fillPreview"
+  "root": "colorview2743015308__root",
+  "view": "colorview2743015308__view",
+  "fillPreview": "colorview2743015308__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_ = \"colorview219149558\";\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\":\"colorview219149558__root\",\"view\":\"colorview219149558__view\",\"fillPreview\":\"colorview219149558__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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC,0BAA0B;EAAC,aAAa,EAAC;AAAiC,CAAC;AACnI,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_ = \"colorview2743015308\";\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\":\"colorview2743015308__root\",\"view\":\"colorview2743015308__view\",\"fillPreview\":\"colorview2743015308__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/date-input/cell-date-input.js

@@ -20,6 +20,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const CellDateInput = exports.CellDateInput = /*#__PURE__*/(0, _react.forwardRef)(({
   value,
   onChange,
+  onEmpty,
+  onEnter,
   onClear,
   inputRef,
   dataHook,
@@ -29,6 +31,7 @@ const CellDateInput = exports.CellDateInput = /*#__PURE__*/(0, _react.forwardRef
   popoverProps
 }, forwardedRef) => {
   const datePickerRef = (0, _react.useRef)(null);
+  const inputElementRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(forwardedRef, () => ({
     focus: () => {
       var _getDatePickerInputEl;
@@ -43,6 +46,14 @@ const CellDateInput = exports.CellDateInput = /*#__PURE__*/(0, _react.forwardRef
   const handleChange = (0, _react.useCallback)(date => {
     onChange == null || onChange(date);
   }, [onChange]);
+  const handleEmptyEnter = (0, _react.useCallback)(() => {
+    if (onEnter) {
+      onEnter(null);
+      return;
+    }
+    onEmpty == null || onEmpty();
+  }, [onEnter, onEmpty]);
+  const handlesTypedInput = Boolean(onEmpty || onEnter);
   const validValue = value instanceof Date && !isNaN(value.getTime()) ? value : undefined;
   return /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
     ref: datePickerRef,
@@ -67,7 +78,7 @@ const CellDateInput = exports.CellDateInput = /*#__PURE__*/(0, _react.forwardRef
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 111,
+            lineNumber: 129,
             columnNumber: 38
           }
         })
@@ -75,7 +86,15 @@ const CellDateInput = exports.CellDateInput = /*#__PURE__*/(0, _react.forwardRef
       ...(ariaLabel ? {
         ariaLabel
       } : {}),
+      ...(handlesTypedInput ? (0, _datePickerInternals.typedDateInputProps)({
+        picker: datePickerRef,
+        input: inputElementRef,
+        onEmpty,
+        onEmptyEnter: handleEmptyEnter,
+        onEnter
+      }) : {}),
       inputRef: el => {
+        inputElementRef.current = el;
         if (inputRef) {
           inputRef.current = el ?? undefined;
         }
@@ -84,7 +103,7 @@ const CellDateInput = exports.CellDateInput = /*#__PURE__*/(0, _react.forwardRef
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 116,
       columnNumber: 7
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_datePickerInternals","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellDateInput","exports","forwardRef","value","onChange","onClear","inputRef","dataHook","placeholder","ariaLabel","hidePrefix","popoverProps","forwardedRef","datePickerRef","useRef","useImperativeHandle","focus","_getDatePickerInputEl","getDatePickerInputElement","current","openCalendar","_datePickerRef$curren","closeCalendar","closeDatePickerCalendar","handleChange","useCallback","date","validValue","Date","isNaN","getTime","undefined","createElement","DatePicker","ref","size","width","clearButton","placeholderText","appendTo","moveBy","y","inputProps","border","prefix","__self","__source","fileName","lineNumber","columnNumber","el","displayName"],"sources":["../../../../src/components/date-input/cell-date-input.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport {\n  closeDatePickerCalendar,\n  getDatePickerInputElement,\n} from './date-picker-internals';\n\nexport interface CellDateInputImperativeHandle {\n  /** Focus the underlying input. */\n  focus: () => void;\n  /** Open the calendar popover. */\n  openCalendar: () => void;\n  /** Close the calendar popover. */\n  closeCalendar: () => void;\n}\n\nexport interface CellDateInputProps {\n  /** Current Date value (or null for empty). */\n  value?: Date | null;\n  /**\n   * Fires when WDS DatePicker emits a value. Does NOT commit by default —\n   * the consumer decides whether to auto-commit (standalone date cell) or\n   * stash the value (composite cells like DateTime that stay in edit mode\n   * after a date pick).\n   */\n  onChange?: (date: Date) => void;\n  /** When set, renders the clear (X) suffix and calls this on click. */\n  onClear?: () => void;\n  /** Ref object that receives the underlying `<input>` element. Consumers\n   *  can call `inputRef.current?.focus()` or dispatch DOM events on it. */\n  inputRef?: React.MutableRefObject<HTMLInputElement | null | undefined>;\n  dataHook?: string;\n  placeholder?: string;\n  /** Override the default aria-label on the input. */\n  ariaLabel?: string;\n  /** Hide the calendar prefix icon (used inside split sub-cells). */\n  hidePrefix?: boolean;\n  /** Forward additional DatePicker popoverProps (appendTo, moveBy, zIndex). */\n  popoverProps?: React.ComponentProps<typeof DatePicker>['popoverProps'];\n}\n\n/**\n * Cell-layer Date input. Wraps WDS `<DatePicker>` with cell-edit semantics:\n * - `onChange` fires on every WDS onChange (typing-driven valid date or\n *   calendar pick). It deliberately does NOT auto-commit so composite cells\n *   (DateTime) can stash the value while staying in edit mode.\n * - `onClear` shows the clear (X) suffix; the cell decides whether to fire\n *   onCommit alongside the value reset.\n * - Exposes `focus` / `openCalendar` / `closeCalendar` via imperative handle\n *   so consumers can drive type-to-edit and scroll-close behaviors.\n */\nexport const CellDateInput = forwardRef<\n  CellDateInputImperativeHandle,\n  CellDateInputProps\n>(\n  (\n    {\n      value,\n      onChange,\n      onClear,\n      inputRef,\n      dataHook,\n      placeholder,\n      ariaLabel,\n      hidePrefix,\n      popoverProps,\n    },\n    forwardedRef,\n  ) => {\n    const datePickerRef = useRef<DatePicker | null>(null);\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus: () => getDatePickerInputElement(datePickerRef.current)?.focus(),\n        openCalendar: () => datePickerRef.current?.openCalendar?.(),\n        closeCalendar: () => closeDatePickerCalendar(datePickerRef.current),\n      }),\n      [],\n    );\n\n    const handleChange = useCallback(\n      (date: Date) => {\n        onChange?.(date);\n      },\n      [onChange],\n    );\n\n    const validValue =\n      value instanceof Date && !isNaN(value.getTime()) ? value : undefined;\n\n    return (\n      <DatePicker\n        ref={datePickerRef}\n        dataHook={dataHook}\n        size=\"small\"\n        width=\"100%\"\n        value={validValue}\n        onChange={handleChange}\n        clearButton={!!onClear && !!validValue}\n        onClear={onClear}\n        placeholderText={placeholder}\n        popoverProps={popoverProps ?? { appendTo: 'window', moveBy: { y: 4 } }}\n        inputProps={{\n          border: 'none',\n          ...(hidePrefix ? { prefix: <span /> } : {}),\n          ...(ariaLabel ? { ariaLabel } : {}),\n          inputRef: (el: HTMLInputElement | null) => {\n            if (inputRef) {\n              inputRef.current = el ?? undefined;\n            }\n          },\n        }}\n      />\n    );\n  },\n);\n\nCellDateInput.displayName = 'CellDateInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_datePickerInternals","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellDateInput","exports","forwardRef","value","onChange","onEmpty","onEnter","onClear","inputRef","dataHook","placeholder","ariaLabel","hidePrefix","popoverProps","forwardedRef","datePickerRef","useRef","inputElementRef","useImperativeHandle","focus","_getDatePickerInputEl","getDatePickerInputElement","current","openCalendar","_datePickerRef$curren","closeCalendar","closeDatePickerCalendar","handleChange","useCallback","date","handleEmptyEnter","handlesTypedInput","Boolean","validValue","Date","isNaN","getTime","undefined","createElement","DatePicker","ref","size","width","clearButton","placeholderText","appendTo","moveBy","y","inputProps","border","prefix","__self","__source","fileName","lineNumber","columnNumber","typedDateInputProps","picker","input","onEmptyEnter","el","displayName"],"sources":["../../../../src/components/date-input/cell-date-input.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport {\n  closeDatePickerCalendar,\n  typedDateInputProps,\n  getDatePickerInputElement,\n} from './date-picker-internals';\n\nexport interface CellDateInputImperativeHandle {\n  /** Focus the underlying input. */\n  focus: () => void;\n  /** Open the calendar popover. */\n  openCalendar: () => void;\n  /** Close the calendar popover. */\n  closeCalendar: () => void;\n}\n\nexport interface CellDateInputProps {\n  /** Current Date value (or null for empty). */\n  value?: Date | null;\n  /**\n   * Fires when WDS DatePicker emits a value. Does NOT commit by default —\n   * the consumer decides whether to auto-commit (standalone date cell) or\n   * stash the value (composite cells like DateTime that stay in edit mode\n   * after a date pick).\n   */\n  onChange?: (date: Date) => void;\n  /** Fires when the user empties the input. */\n  onEmpty?: () => void;\n  /** Fires on Enter in the input with the typed date, or `null` when empty. */\n  onEnter?: (date: Date | null) => void;\n  /** When set, renders the clear (X) suffix and calls this on click. */\n  onClear?: () => void;\n  /** Ref object that receives the underlying `<input>` element. Consumers\n   *  can call `inputRef.current?.focus()` or dispatch DOM events on it. */\n  inputRef?: React.MutableRefObject<HTMLInputElement | null | undefined>;\n  dataHook?: string;\n  placeholder?: string;\n  /** Override the default aria-label on the input. */\n  ariaLabel?: string;\n  /** Hide the calendar prefix icon (used inside split sub-cells). */\n  hidePrefix?: boolean;\n  /** Forward additional DatePicker popoverProps (appendTo, moveBy, zIndex). */\n  popoverProps?: React.ComponentProps<typeof DatePicker>['popoverProps'];\n}\n\n/**\n * Cell-layer Date input. Wraps WDS `<DatePicker>` with cell-edit semantics:\n * - `onChange` fires on every WDS onChange (typing-driven valid date or\n *   calendar pick). It deliberately does NOT auto-commit so composite cells\n *   (DateTime) can stash the value while staying in edit mode.\n * - `onClear` shows the clear (X) suffix; the cell decides whether to fire\n *   onCommit alongside the value reset.\n * - Exposes `focus` / `openCalendar` / `closeCalendar` via imperative handle\n *   so consumers can drive type-to-edit and scroll-close behaviors.\n */\nexport const CellDateInput = forwardRef<\n  CellDateInputImperativeHandle,\n  CellDateInputProps\n>(\n  (\n    {\n      value,\n      onChange,\n      onEmpty,\n      onEnter,\n      onClear,\n      inputRef,\n      dataHook,\n      placeholder,\n      ariaLabel,\n      hidePrefix,\n      popoverProps,\n    },\n    forwardedRef,\n  ) => {\n    const datePickerRef = useRef<DatePicker | null>(null);\n    const inputElementRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus: () => getDatePickerInputElement(datePickerRef.current)?.focus(),\n        openCalendar: () => datePickerRef.current?.openCalendar?.(),\n        closeCalendar: () => closeDatePickerCalendar(datePickerRef.current),\n      }),\n      [],\n    );\n\n    const handleChange = useCallback(\n      (date: Date) => {\n        onChange?.(date);\n      },\n      [onChange],\n    );\n\n    const handleEmptyEnter = useCallback(() => {\n      if (onEnter) {\n        onEnter(null);\n        return;\n      }\n      onEmpty?.();\n    }, [onEnter, onEmpty]);\n\n    const handlesTypedInput = Boolean(onEmpty || onEnter);\n\n    const validValue =\n      value instanceof Date && !isNaN(value.getTime()) ? value : undefined;\n\n    return (\n      <DatePicker\n        ref={datePickerRef}\n        dataHook={dataHook}\n        size=\"small\"\n        width=\"100%\"\n        value={validValue}\n        onChange={handleChange}\n        clearButton={!!onClear && !!validValue}\n        onClear={onClear}\n        placeholderText={placeholder}\n        popoverProps={popoverProps ?? { appendTo: 'window', moveBy: { y: 4 } }}\n        inputProps={{\n          border: 'none',\n          ...(hidePrefix ? { prefix: <span /> } : {}),\n          ...(ariaLabel ? { ariaLabel } : {}),\n          ...(handlesTypedInput\n            ? typedDateInputProps({\n                picker: datePickerRef,\n                input: inputElementRef,\n                onEmpty,\n                onEmptyEnter: handleEmptyEnter,\n                onEnter,\n              })\n            : {}),\n          inputRef: (el: HTMLInputElement | null) => {\n            inputElementRef.current = el;\n            if (inputRef) {\n              inputRef.current = el ?? undefined;\n            }\n          },\n        }}\n      />\n    );\n  },\n);\n\nCellDateInput.displayName = 'CellDateInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/date-input/date-picker-internals.js

@@ -1,21 +1,26 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getDatePickerInputElement = exports.closeDatePickerCalendar = void 0;
+exports.typedDateInputProps = exports.onSameDayCalendarPick = exports.getDatePickerInputElement = exports.closeDatePickerCalendar = void 0;
 /**
- * WDS `DatePicker` exposes two operations we need that aren't part of its
+ * WDS `DatePicker` exposes operations we need that aren't part of its
  * public type surface:
  *
  *   - `state.inputRef` — the underlying `HTMLInputElement` (used to focus
  *     the input and to programmatically seed it for type-to-edit).
  *   - `_closeCalendar()` — WDS declares `closeCalendar` in its types but
  *     only the underscored form exists at runtime.
+ *   - `_handleInputChange()` / `_handleKeyDown()` — its handlers for typed
+ *     text and keys.
  *
- * Both reaches live behind this helper so the cast happens in exactly one
+ * These reaches live behind this helper so the cast happens in exactly one
  * place. If WDS adds a public surface for these, swap the implementation
  * here and every consumer picks it up automatically.
  */
 
+// The handlers DatePicker's inner DateInput calls. `InputProps` types
+// `onChange` and `onKeyDown` as DOM event handlers, so it can't hold these.
+
 const getDatePickerInputElement = picker => {
   var _state;
   return picker == null || (_state = picker.state) == null ? void 0 : _state.inputRef;
@@ -24,5 +29,90 @@ exports.getDatePickerInputElement = getDatePickerInputElement;
 const closeDatePickerCalendar = picker => {
   picker == null || picker._closeCalendar == null || picker._closeCalendar();
 };
+
+// WDS skips `onChange` when the picked day is the day of its `value` prop.
+// This reports that pick through `onPick` and returns a function that undoes it.
 exports.closeDatePickerCalendar = closeDatePickerCalendar;
+const onSameDayCalendarPick = (picker, onPick) => {
+  const internals = picker;
+  const handleChange = internals == null ? void 0 : internals._handleChange;
+  if (!internals || !handleChange) {
+    return () => {};
+  }
+  internals._handleChange = (date, modifiers) => {
+    handleChange(date, modifiers);
+    const {
+      value
+    } = internals.props;
+    // Same guard as WDS `_saveNewValue`.
+    if ((value == null ? void 0 : value.toDateString()) === date.toDateString() && !(modifiers != null && modifiers.disabled)) {
+      onPick(date);
+    }
+  };
+  return () => {
+    internals._handleChange = handleChange;
+  };
+};
+exports.onSameDayCalendarPick = onSameDayCalendarPick;
+const isValidDate = date => date !== null && !isNaN(date.getTime());
+
+// WDS parses empty input text as today. These `inputProps` handlers report an
+// emptied input through `onEmpty` and Enter on it through `onEmptyEnter`
+// instead, send typed dates to `onType` when it is given (the picker's
+// `onChange` otherwise), and Enter on a typed date to `onEnter`. An event
+// without its callback goes to the picker as before. Calendar picks don't go
+// through them.
+// WDS thread: https://wix.slack.com/archives/C39FTGUBZ/p1790691851370229
+const typedDateInputProps = ({
+  picker,
+  input,
+  onEmpty,
+  onEmptyEnter,
+  onType,
+  onEnter
+}) => {
+  const internals = () => picker.current;
+  const isEmpty = () => {
+    var _input$current;
+    return ((_input$current = input.current) == null ? void 0 : _input$current.value) === '';
+  };
+  const takeOverEnter = event => {
+    event.preventDefault();
+    closeDatePickerCalendar(picker.current);
+  };
+  const handlers = {
+    onChange: change => {
+      var _internals;
+      if (onEmpty && isEmpty()) {
+        onEmpty();
+        return;
+      }
+      if (onType) {
+        onType(change.dateVal);
+        return;
+      }
+      (_internals = internals()) == null || _internals._handleInputChange == null || _internals._handleInputChange(change);
+    },
+    onKeyDown: (event, date) => {
+      var _internals2;
+      if (event.key === 'Enter') {
+        const isInputEmpty = isEmpty();
+        if (isInputEmpty && onEmptyEnter) {
+          takeOverEnter(event);
+          onEmptyEnter();
+          return;
+        }
+        if (!isInputEmpty && onEnter && isValidDate(date)) {
+          takeOverEnter(event);
+          onEnter(date);
+          return;
+        }
+      }
+      (_internals2 = internals()) == null || _internals2._handleKeyDown == null || _internals2._handleKeyDown(event, date);
+    }
+  };
+  // DatePicker passes `inputProps` to its inner DateInput, not to `<Input>`.
+  return handlers;
+};
+exports.typedDateInputProps = typedDateInputProps;
 //# sourceMappingURL=date-picker-internals.js.map

package/dist/cjs/components/date-input/date-picker-internals.js.map

@@ -1 +1 @@
-{"version":3,"names":["getDatePickerInputElement","picker","_state","state","inputRef","exports","closeDatePickerCalendar","_closeCalendar"],"sources":["../../../../src/components/date-input/date-picker-internals.ts"],"sourcesContent":["import type { DatePicker } from '@wix/design-system';\n\n/**\n * WDS `DatePicker` exposes two operations we need that aren't part of its\n * public type surface:\n *\n *   - `state.inputRef` — the underlying `HTMLInputElement` (used to focus\n *     the input and to programmatically seed it for type-to-edit).\n *   - `_closeCalendar()` — WDS declares `closeCalendar` in its types but\n *     only the underscored form exists at runtime.\n *\n * Both reaches live behind this helper so the cast happens in exactly one\n * place. If WDS adds a public surface for these, swap the implementation\n * here and every consumer picks it up automatically.\n */\ntype DatePickerWithInternals = DatePicker & {\n  state?: { inputRef?: HTMLInputElement };\n  _closeCalendar?: () => void;\n};\n\nexport const getDatePickerInputElement = (\n  picker: DatePicker | null | undefined,\n): HTMLInputElement | undefined =>\n  (picker as DatePickerWithInternals | null | undefined)?.state?.inputRef;\n\nexport const closeDatePickerCalendar = (\n  picker: DatePicker | null | undefined,\n): void => {\n  (picker as DatePickerWithInternals | null | undefined)?._closeCalendar?.();\n};\n"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMA,yBAAyB,GACpCC,MAAqC;EAAA,IAAAC,MAAA;EAAA,OAEpCD,MAAM,aAAAC,MAAA,GAAND,MAAM,CAAiDE,KAAK,qBAA7DD,MAAA,CAA+DE,QAAQ;AAAA;AAACC,OAAA,CAAAL,yBAAA,GAAAA,yBAAA;AAEnE,MAAMM,uBAAuB,GAClCL,MAAqC,IAC5B;EACRA,MAAM,YAANA,MAAM,CAAiDM,cAAc,YAArEN,MAAM,CAAiDM,cAAc,CAAG,CAAC;AAC5E,CAAC;AAACF,OAAA,CAAAC,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["getDatePickerInputElement","picker","_state","state","inputRef","exports","closeDatePickerCalendar","_closeCalendar","onSameDayCalendarPick","onPick","internals","handleChange","_handleChange","date","modifiers","value","props","toDateString","disabled","isValidDate","isNaN","getTime","typedDateInputProps","input","onEmpty","onEmptyEnter","onType","onEnter","current","isEmpty","_input$current","takeOverEnter","event","preventDefault","handlers","onChange","change","_internals","dateVal","_handleInputChange","onKeyDown","_internals2","key","isInputEmpty","_handleKeyDown"],"sources":["../../../../src/components/date-input/date-picker-internals.ts"],"sourcesContent":["import type { KeyboardEvent, RefObject } from 'react';\nimport type { DatePicker, InputProps } from '@wix/design-system';\n\n/**\n * WDS `DatePicker` exposes operations we need that aren't part of its\n * public type surface:\n *\n *   - `state.inputRef` — the underlying `HTMLInputElement` (used to focus\n *     the input and to programmatically seed it for type-to-edit).\n *   - `_closeCalendar()` — WDS declares `closeCalendar` in its types but\n *     only the underscored form exists at runtime.\n *   - `_handleInputChange()` / `_handleKeyDown()` — its handlers for typed\n *     text and keys.\n *\n * These reaches live behind this helper so the cast happens in exactly one\n * place. If WDS adds a public surface for these, swap the implementation\n * here and every consumer picks it up automatically.\n */\ntype DatePickerWithInternals = DatePicker & {\n  state?: { inputRef?: HTMLInputElement };\n  _closeCalendar?: () => void;\n  _handleInputChange?: (change: { dateVal: Date }) => void;\n  _handleKeyDown?: (event: KeyboardEvent, date: Date | null) => void;\n  _handleChange?: (date: Date, modifiers?: { disabled?: boolean }) => void;\n};\n\n// The handlers DatePicker's inner DateInput calls. `InputProps` types\n// `onChange` and `onKeyDown` as DOM event handlers, so it can't hold these.\ntype DateInputHandlers = {\n  onChange: (change: { dateVal: Date }) => void;\n  onKeyDown: (event: KeyboardEvent, date: Date | null) => void;\n};\n\nexport const getDatePickerInputElement = (\n  picker: DatePicker | null | undefined,\n): HTMLInputElement | undefined =>\n  (picker as DatePickerWithInternals | null | undefined)?.state?.inputRef;\n\nexport const closeDatePickerCalendar = (\n  picker: DatePicker | null | undefined,\n): void => {\n  (picker as DatePickerWithInternals | null | undefined)?._closeCalendar?.();\n};\n\n// WDS skips `onChange` when the picked day is the day of its `value` prop.\n// This reports that pick through `onPick` and returns a function that undoes it.\nexport const onSameDayCalendarPick = (\n  picker: DatePicker | null | undefined,\n  onPick: (date: Date) => void,\n): (() => void) => {\n  const internals = picker as DatePickerWithInternals | null | undefined;\n  const handleChange = internals?._handleChange;\n  if (!internals || !handleChange) {\n    return () => {};\n  }\n  internals._handleChange = (date, modifiers) => {\n    handleChange(date, modifiers);\n    const { value } = internals.props;\n    // Same guard as WDS `_saveNewValue`.\n    if (value?.toDateString() === date.toDateString() && !modifiers?.disabled) {\n      onPick(date);\n    }\n  };\n  return () => {\n    internals._handleChange = handleChange;\n  };\n};\n\nconst isValidDate = (date: Date | null): date is Date =>\n  date !== null && !isNaN(date.getTime());\n\n// WDS parses empty input text as today. These `inputProps` handlers report an\n// emptied input through `onEmpty` and Enter on it through `onEmptyEnter`\n// instead, send typed dates to `onType` when it is given (the picker's\n// `onChange` otherwise), and Enter on a typed date to `onEnter`. An event\n// without its callback goes to the picker as before. Calendar picks don't go\n// through them.\n// WDS thread: https://wix.slack.com/archives/C39FTGUBZ/p1790691851370229\nexport const typedDateInputProps = ({\n  picker,\n  input,\n  onEmpty,\n  onEmptyEnter,\n  onType,\n  onEnter,\n}: {\n  picker: RefObject<DatePicker | null>;\n  input: RefObject<HTMLInputElement | null>;\n  onEmpty?: () => void;\n  onEmptyEnter?: () => void;\n  onType?: (date: Date) => void;\n  onEnter?: (date: Date) => void;\n}): Partial<InputProps> => {\n  const internals = () => picker.current as DatePickerWithInternals | null;\n  const isEmpty = () => input.current?.value === '';\n  const takeOverEnter = (event: KeyboardEvent) => {\n    event.preventDefault();\n    closeDatePickerCalendar(picker.current);\n  };\n  const handlers: DateInputHandlers = {\n    onChange: (change) => {\n      if (onEmpty && isEmpty()) {\n        onEmpty();\n        return;\n      }\n      if (onType) {\n        onType(change.dateVal);\n        return;\n      }\n      internals()?._handleInputChange?.(change);\n    },\n    onKeyDown: (event, date) => {\n      if (event.key === 'Enter') {\n        const isInputEmpty = isEmpty();\n        if (isInputEmpty && onEmptyEnter) {\n          takeOverEnter(event);\n          onEmptyEnter();\n          return;\n        }\n        if (!isInputEmpty && onEnter && isValidDate(date)) {\n          takeOverEnter(event);\n          onEnter(date);\n          return;\n        }\n      }\n      internals()?._handleKeyDown?.(event, date);\n    },\n  };\n  // DatePicker passes `inputProps` to its inner DateInput, not to `<Input>`.\n  return handlers as unknown as Partial<InputProps>;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,9 @@ function FormDateInputDriver(base, body, field) {
     getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
     datePickerExists: () => datePickerBase.exists(),
     enterText: text => datePicker.inputDriver.enterText(text),
+    getValue: () => datePicker.inputDriver.getValue(),
     blur: () => datePicker.inputDriver.blur(),
+    selectDate: date => datePicker.calendarDriver.clickDay(date),
     hasError: () => datePicker.inputDriver.hasStatus('error'),
     getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
     isRequired: () => formField.isRequired(),

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","_popoverDriver","FormDateInputDriver","base","body","field","formField","FormFieldUniDriver","datePickerBase","$","id","datePicker","DatePickerUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","datePickerExists","exists","enterText","text","inputDriver","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired","calendarPopover","CalendarPopoverUniDriver"],"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';\nimport { CalendarPopoverUniDriver } from '../../testkit/popover-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    calendarPopover: CalendarPopoverUniDriver(datePicker, body),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,cAAA,GAAAF,OAAA;AAEO,SAASG,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,CAAC;IACxCC,eAAe,EAAE,IAAAC,uCAAwB,EAACjB,UAAU,EAAEP,IAAI;EAC5D,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","_popoverDriver","FormDateInputDriver","base","body","field","formField","FormFieldUniDriver","datePickerBase","$","id","datePicker","DatePickerUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","datePickerExists","exists","enterText","text","inputDriver","getValue","blur","selectDate","date","calendarDriver","clickDay","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired","calendarPopover","CalendarPopoverUniDriver"],"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';\nimport { CalendarPopoverUniDriver } from '../../testkit/popover-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    getValue: () => datePicker.inputDriver.getValue(),\n    blur: () => datePicker.inputDriver.blur(),\n    selectDate: (date: Date) => datePicker.calendarDriver.clickDay(date),\n    hasError: () => datePicker.inputDriver.hasStatus('error'),\n    getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n    calendarPopover: CalendarPopoverUniDriver(datePicker, body),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,cAAA,GAAAF,OAAA;AAEO,SAASG,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,QAAQ,EAAEA,CAAA,KAAMV,UAAU,CAACS,WAAW,CAACC,QAAQ,CAAC,CAAC;IACjDC,IAAI,EAAEA,CAAA,KAAMX,UAAU,CAACS,WAAW,CAACE,IAAI,CAAC,CAAC;IACzCC,UAAU,EAAGC,IAAU,IAAKb,UAAU,CAACc,cAAc,CAACC,QAAQ,CAACF,IAAI,CAAC;IACpEG,QAAQ,EAAEA,CAAA,KAAMhB,UAAU,CAACS,WAAW,CAACQ,SAAS,CAAC,OAAO,CAAC;IACzDC,eAAe,EAAEA,CAAA,KAAMlB,UAAU,CAACS,WAAW,CAACU,gBAAgB,CAAC,CAAC;IAChEC,UAAU,EAAEA,CAAA,KAAMzB,SAAS,CAACyB,UAAU,CAAC,CAAC;IACxCC,eAAe,EAAE,IAAAC,uCAAwB,EAACtB,UAAU,EAAEP,IAAI;EAC5D,CAAC;AACH","ignoreList":[]}

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

@@ -10,6 +10,7 @@ var _form = require("@wix/bex-core/form");
 var _hooks = require("../../hooks");
 var _string = require("../../validations/string");
 var _popoverDefaults = require("../popover-defaults");
+var _useFieldValueReplacement = require("./use-field-value-replacement");
 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); }
@@ -28,10 +29,11 @@ const _FormDateInput = props => {
   const {
     t: tFields
   } = (0, _hooks.useTranslations)();
+  const inputError = (0, _react.useRef)('');
   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 ((0, _string.isEmpty)(value)) {
+      var _field$validation;
+      return (_field$validation = field.validation) != null && _field$validation.required ? t('cairo.fieldValidation.requiredField') : '';
     }
     if (validationType === 'formatError' && format) {
       return t('cairo.customFields.fieldType.date.invalid.value', {
@@ -46,7 +48,7 @@ const _FormDateInput = props => {
     defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
-        const error = computeError(value);
+        const error = inputError.current || computeError(value);
         return error || true;
       }
     }
@@ -60,6 +62,13 @@ const _FormDateInput = props => {
   });
   const ref = (0, _react.useRef)({});
   const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const revision = (0, _useFieldValueReplacement.useFieldValueReplacement)(formControl, field.id, value => {
+    inputError.current = '';
+    setErrorMessage('');
+    ref.current.invalid = false;
+    const iso = typeof value === 'string' ? (0, _dateUtils.getISODateStringWithFixedTimezone)(value) : undefined;
+    setDate(iso ? (0, _dateUtils.getDateWithoutTimezone)(iso) : undefined);
+  });
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
     required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
@@ -68,10 +77,11 @@ const _FormDateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 78,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    key: revision,
     ref: internalRef => {
       var _internalRef$state;
       inputRef == null || inputRef(ref.current);
@@ -88,6 +98,9 @@ const _FormDateInput = props => {
     placeholderText: tFields('CMS.formDate.placeholder'),
     value: date,
     onChange: newValue => {
+      inputError.current = '';
+      setErrorMessage('');
+      ref.current.invalid = false;
       setDate(newValue);
       const formattedDate = newValue ? (0, _dateUtils.getISODateStringWithFixedTimezone)(newValue) : undefined;
       controller.field.onChange((formattedDate == null ? void 0 : formattedDate.split('T')[0]) ?? null);
@@ -98,11 +111,15 @@ const _FormDateInput = props => {
       format
     }) => {
       const error = computeError(newValue, format, validationType);
+      inputError.current = error;
       setErrorMessage(error);
       ref.current.invalid = !!error;
       if (validationType === 'formatError' && newValue === '') {
         setDate(undefined);
         controller.field.onChange(null);
+      } else {
+        // Invalid text does not change the stored date, but must revalidate it.
+        controller.field.onChange(controller.field.value);
       }
     },
     status: errorMessage ? 'error' : undefined,
@@ -110,7 +127,7 @@ const _FormDateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 84,
       columnNumber: 7
     }
   }));