@wix/patterns-fields 1.80.0 → 1.82.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/boolean/form-boolean-radio-group-input.js +71 -0
- package/dist/cjs/components/boolean/form-boolean-radio-group-input.js.map +1 -0
- package/dist/cjs/components/boolean/index.js +6 -0
- package/dist/cjs/components/boolean/index.js.map +1 -1
- package/dist/cjs/components/color-view/cell-color-view.st.css.js +3 -3
- package/dist/cjs/components/color-view/cell-color-view.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/controlled-input.uni.driver.js +2 -1
- package/dist/cjs/components/controlled-input.uni.driver.js.map +1 -1
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/email/form-email-input.js +31 -2
- package/dist/cjs/components/email/form-email-input.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/boolean/form-boolean-radio-group-input.js +24 -0
- package/dist/esm/components/boolean/form-boolean-radio-group-input.js.map +1 -0
- package/dist/esm/components/boolean/index.js +1 -0
- package/dist/esm/components/boolean/index.js.map +1 -1
- package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/controlled-input.uni.driver.js +2 -1
- package/dist/esm/components/controlled-input.uni.driver.js.map +1 -1
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/esm/components/email/form-email-input.js +3 -0
- package/dist/esm/components/email/form-email-input.js.map +1 -1
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/address/input/address-input.st.css.d.ts.map +1 -1
- package/dist/types/components/boolean/form-boolean-radio-group-input.d.ts +13 -0
- package/dist/types/components/boolean/form-boolean-radio-group-input.d.ts.map +1 -0
- package/dist/types/components/boolean/index.d.ts +1 -0
- package/dist/types/components/boolean/index.d.ts.map +1 -1
- package/dist/types/components/controlled-input.uni.driver.d.ts +1 -0
- package/dist/types/components/controlled-input.uni.driver.d.ts.map +1 -1
- package/dist/types/components/document/form-document-field.st.css.d.ts.map +1 -1
- package/dist/types/components/email/form-email-input.d.ts +6 -0
- package/dist/types/components/email/form-email-input.d.ts.map +1 -1
- package/dist/types/components/highlighted-text/highlighted-text.st.css.d.ts.map +1 -1
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-reference-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/__tests__/exports/controlled-inputs.spec.tsx +154 -1
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/boolean/form-boolean-radio-group-input.tsx +68 -0
- package/src/components/boolean/index.ts +1 -0
- package/src/components/color-view/cell-color-view.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/controlled-input.uni.driver.ts +2 -0
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/email/form-email-input.tsx +32 -0
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
- package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/styles.global.css +1 -1
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import type { FC } from 'react';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import type { FormInputProps } from '../../types';
|
|
4
|
+
import type { ControlledInputProps } from '../../types/controlled-input';
|
|
5
|
+
export interface ControlledEmailInputProps extends ControlledInputProps<string> {
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ControlledEmailInput: React.FC<ControlledEmailInputProps>;
|
|
3
9
|
export type FormEmailInputProps = FormInputProps<string>;
|
|
4
10
|
export declare const FormEmailInput: FC<FormEmailInputProps>;
|
|
5
11
|
//# sourceMappingURL=form-email-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-email-input.d.ts","sourceRoot":"","sources":["../../../../src/components/email/form-email-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"form-email-input.d.ts","sourceRoot":"","sources":["../../../../src/components/email/form-email-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKzE,MAAM,WAAW,yBACf,SAAQ,oBAAoB,CAAC,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqBpE,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4BlD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"highlighted-text.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;
|
|
1
|
+
{"version":3,"file":"highlighted-text.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8F,CAAC;AACjH,eAAO,IAAI,SAAS;;;CAA4H,CAAC;AACjJ,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAAwK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thumbnail-replace-overlay.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;
|
|
1
|
+
{"version":3,"file":"thumbnail-replace-overlay.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAsG,CAAC;AACzH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paste-url-button.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;
|
|
1
|
+
{"version":3,"file":"paste-url-button.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA+J,CAAC;AAClL,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-image.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;
|
|
1
|
+
{"version":3,"file":"media-image.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAuC,CAAC;AAC1D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;CAAoO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.st.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;
|
|
1
|
+
{"version":3,"file":"overlay.st.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoF,CAAC;AACvG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;CAAgE,CAAC;AAClF,eAAO,IAAI,IAAI;;;CAA4E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-multi-document.st.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;
|
|
1
|
+
{"version":3,"file":"form-multi-document.st.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAwO,CAAC;AAC3P,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;;CAAkG,CAAC;AACpH,eAAO,IAAI,IAAI;;;;;;;;CAAsS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell-reference-input.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;
|
|
1
|
+
{"version":3,"file":"cell-reference-input.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA0G,CAAC;AAC7H,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;
|
|
1
|
+
{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAkG,CAAC;AACrH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;
|
|
1
|
+
{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAoD,CAAC;AACvE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;
|
|
1
|
+
{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAkN,CAAC;AACrO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
|
package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"rich-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAAyyB,CAAC;AAC5zB,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiqK,CAAC;AACnrK,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAotE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/patterns-fields",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.82.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kobi",
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
"@wix/atlas": "^1.0.35",
|
|
125
125
|
"@wix/data": "^1.0.323",
|
|
126
126
|
"@wix/media": "^1.0.231",
|
|
127
|
-
"@wix/patterns-fields-utils": "1.
|
|
127
|
+
"@wix/patterns-fields-utils": "1.63.0",
|
|
128
128
|
"@wix/rich-content": "1.0.37",
|
|
129
129
|
"@wix/sdk": "^1.17.2",
|
|
130
130
|
"@wix/wix-ui-icons-common": "^3.189.0",
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
"@types/lodash": "^4.17.20",
|
|
153
153
|
"@types/react": "^16.14.68",
|
|
154
154
|
"@wix/babel-cli": "^1.11.0",
|
|
155
|
-
"@wix/bex-core": "2.
|
|
155
|
+
"@wix/bex-core": "2.360.0",
|
|
156
156
|
"@wix/design-system": "^1.314.0",
|
|
157
157
|
"@wix/eslint-config-yoshi": "^6.74.0",
|
|
158
158
|
"@wix/jest-yoshi-preset": "^6.74.0",
|
|
@@ -212,5 +212,5 @@
|
|
|
212
212
|
"optional": true
|
|
213
213
|
}
|
|
214
214
|
},
|
|
215
|
-
"falconPackageHash": "
|
|
215
|
+
"falconPackageHash": "7302eb95230162c13df522f3aa0c0c79bac0dd21f34617b1fd26273c"
|
|
216
216
|
}
|
|
@@ -4,11 +4,15 @@ import React from 'react';
|
|
|
4
4
|
import { render } from '@testing-library/react';
|
|
5
5
|
import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
|
|
6
6
|
|
|
7
|
-
import {
|
|
7
|
+
import {
|
|
8
|
+
ControlledBooleanRadioGroupInput,
|
|
9
|
+
FormCheckboxInput,
|
|
10
|
+
} from '../../components/boolean';
|
|
8
11
|
import { ControlledColorInput } from '../../components/color-view';
|
|
9
12
|
import { ControlledInputUniDriver } from '../../components/controlled-input.uni.driver';
|
|
10
13
|
import { DateInput } from '../../components/date-input';
|
|
11
14
|
import { DateTimeInput } from '../../components/datetime-input';
|
|
15
|
+
import { ControlledEmailInput } from '../../components/email';
|
|
12
16
|
import { FormNumberInput } from '../../components/number-input';
|
|
13
17
|
import { FormShortTextInput } from '../../components/text';
|
|
14
18
|
import { FormUrlInput } from '../../components/url';
|
|
@@ -51,6 +55,72 @@ describe('controlled inputs', () => {
|
|
|
51
55
|
expect(onChange).toHaveBeenCalledWith(false);
|
|
52
56
|
});
|
|
53
57
|
|
|
58
|
+
it('follows boolean radio-group prop changes and reports user edits', async () => {
|
|
59
|
+
const onChange = jest.fn();
|
|
60
|
+
const { container, rerender } = render(
|
|
61
|
+
<ControlledBooleanRadioGroupInput
|
|
62
|
+
data={undefined}
|
|
63
|
+
onChange={onChange}
|
|
64
|
+
unsetLabel="No default (empty)"
|
|
65
|
+
falseLabel="False"
|
|
66
|
+
trueLabel="True"
|
|
67
|
+
dataHook="boolean-radio-group"
|
|
68
|
+
/>,
|
|
69
|
+
);
|
|
70
|
+
const input = getInput(container, 'boolean-radio-group').radioGroup;
|
|
71
|
+
|
|
72
|
+
expect(await input.getNumberOfRadios()).toBe(3);
|
|
73
|
+
expect(await input.getSelectedValue()).toBe('unset');
|
|
74
|
+
|
|
75
|
+
rerender(
|
|
76
|
+
<ControlledBooleanRadioGroupInput
|
|
77
|
+
data
|
|
78
|
+
onChange={onChange}
|
|
79
|
+
unsetLabel="No default (empty)"
|
|
80
|
+
falseLabel="False"
|
|
81
|
+
trueLabel="True"
|
|
82
|
+
dataHook="boolean-radio-group"
|
|
83
|
+
/>,
|
|
84
|
+
);
|
|
85
|
+
expect(await input.getSelectedValue()).toBe('true');
|
|
86
|
+
|
|
87
|
+
await input.selectByValue('false');
|
|
88
|
+
expect(onChange).toHaveBeenCalledTimes(1);
|
|
89
|
+
expect(onChange).toHaveBeenCalledWith(false);
|
|
90
|
+
|
|
91
|
+
await input.selectByValue('unset');
|
|
92
|
+
expect(onChange).toHaveBeenCalledTimes(2);
|
|
93
|
+
expect(onChange).toHaveBeenLastCalledWith(undefined);
|
|
94
|
+
|
|
95
|
+
rerender(
|
|
96
|
+
<ControlledBooleanRadioGroupInput
|
|
97
|
+
data={null}
|
|
98
|
+
onChange={onChange}
|
|
99
|
+
unsetLabel="No default (empty)"
|
|
100
|
+
falseLabel="False"
|
|
101
|
+
trueLabel="True"
|
|
102
|
+
dataHook="boolean-radio-group"
|
|
103
|
+
/>,
|
|
104
|
+
);
|
|
105
|
+
expect(await input.getSelectedValue()).toBe('unset');
|
|
106
|
+
});
|
|
107
|
+
|
|
108
|
+
it('hides the unset radio when no unset label is given', async () => {
|
|
109
|
+
const { container } = render(
|
|
110
|
+
<ControlledBooleanRadioGroupInput
|
|
111
|
+
data={false}
|
|
112
|
+
onChange={jest.fn()}
|
|
113
|
+
falseLabel="False"
|
|
114
|
+
trueLabel="True"
|
|
115
|
+
dataHook="boolean-radio-group-binary"
|
|
116
|
+
/>,
|
|
117
|
+
);
|
|
118
|
+
const input = getInput(container, 'boolean-radio-group-binary').radioGroup;
|
|
119
|
+
|
|
120
|
+
expect(await input.getNumberOfRadios()).toBe(2);
|
|
121
|
+
expect(await input.getSelectedValue()).toBe('false');
|
|
122
|
+
});
|
|
123
|
+
|
|
54
124
|
it('follows number prop changes and reports user edits', async () => {
|
|
55
125
|
const onChange = jest.fn();
|
|
56
126
|
const { container, rerender } = render(
|
|
@@ -121,6 +191,89 @@ describe('controlled inputs', () => {
|
|
|
121
191
|
expect(onBlur).toHaveBeenCalledTimes(1);
|
|
122
192
|
});
|
|
123
193
|
|
|
194
|
+
it('follows email prop changes and reports edits and blur without validating', async () => {
|
|
195
|
+
const onChange = jest.fn();
|
|
196
|
+
const onBlur = jest.fn();
|
|
197
|
+
const { container, rerender } = render(
|
|
198
|
+
<ControlledEmailInput
|
|
199
|
+
data="before@example.com"
|
|
200
|
+
onChange={onChange}
|
|
201
|
+
onBlur={onBlur}
|
|
202
|
+
dataHook="email"
|
|
203
|
+
/>,
|
|
204
|
+
);
|
|
205
|
+
const input = getInput(container, 'email').text;
|
|
206
|
+
|
|
207
|
+
expect(await input.getValue()).toBe('before@example.com');
|
|
208
|
+
rerender(
|
|
209
|
+
<ControlledEmailInput
|
|
210
|
+
data="after@example.com"
|
|
211
|
+
onChange={onChange}
|
|
212
|
+
onBlur={onBlur}
|
|
213
|
+
dataHook="email"
|
|
214
|
+
/>,
|
|
215
|
+
);
|
|
216
|
+
expect(await input.getValue()).toBe('after@example.com');
|
|
217
|
+
|
|
218
|
+
await input.enterText('not-an-email');
|
|
219
|
+
await input.blur();
|
|
220
|
+
|
|
221
|
+
expect(onChange).toHaveBeenCalledWith('not-an-email');
|
|
222
|
+
expect(onBlur).toHaveBeenCalledTimes(1);
|
|
223
|
+
expect(await input.hasStatus('error')).toBe(false);
|
|
224
|
+
});
|
|
225
|
+
|
|
226
|
+
it('shows the error status on email only when the invalid prop is set', async () => {
|
|
227
|
+
const { container, rerender } = render(
|
|
228
|
+
<ControlledEmailInput
|
|
229
|
+
data="valid@example.com"
|
|
230
|
+
onChange={jest.fn()}
|
|
231
|
+
invalid
|
|
232
|
+
dataHook="email-invalid"
|
|
233
|
+
/>,
|
|
234
|
+
);
|
|
235
|
+
const input = getInput(container, 'email-invalid').text;
|
|
236
|
+
|
|
237
|
+
expect(await input.hasStatus('error')).toBe(true);
|
|
238
|
+
|
|
239
|
+
rerender(
|
|
240
|
+
<ControlledEmailInput
|
|
241
|
+
data="valid@example.com"
|
|
242
|
+
onChange={jest.fn()}
|
|
243
|
+
dataHook="email-invalid"
|
|
244
|
+
/>,
|
|
245
|
+
);
|
|
246
|
+
expect(await input.hasStatus('error')).toBe(false);
|
|
247
|
+
});
|
|
248
|
+
|
|
249
|
+
it('forwards readOnly, autoFocus and placeholder to the email input', async () => {
|
|
250
|
+
const { container } = render(
|
|
251
|
+
<ControlledEmailInput
|
|
252
|
+
data=""
|
|
253
|
+
onChange={jest.fn()}
|
|
254
|
+
readOnly
|
|
255
|
+
placeholder="Enter an email"
|
|
256
|
+
dataHook="email-readonly"
|
|
257
|
+
/>,
|
|
258
|
+
);
|
|
259
|
+
const readOnlyInput = getInput(container, 'email-readonly').text;
|
|
260
|
+
|
|
261
|
+
expect(await readOnlyInput.getReadOnly()).toBe(true);
|
|
262
|
+
expect(await readOnlyInput.getPlaceholder()).toBe('Enter an email');
|
|
263
|
+
|
|
264
|
+
const { container: focusContainer } = render(
|
|
265
|
+
<ControlledEmailInput
|
|
266
|
+
data=""
|
|
267
|
+
onChange={jest.fn()}
|
|
268
|
+
autoFocus
|
|
269
|
+
dataHook="email-focus"
|
|
270
|
+
/>,
|
|
271
|
+
);
|
|
272
|
+
const focusedInput = getInput(focusContainer, 'email-focus').text;
|
|
273
|
+
|
|
274
|
+
expect(await focusedInput.isFocus()).toBe(true);
|
|
275
|
+
});
|
|
276
|
+
|
|
124
277
|
it('uses option IDs as controlled specific values', async () => {
|
|
125
278
|
const onChange = jest.fn();
|
|
126
279
|
const { container } = render(
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "addressinput2777595461";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"addressinput2777595461__root","tableAddressInput":"addressinput2777595461__tableAddressInput"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "actionsmenu3604226520";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"actionsmenu3604226520__root","action":"actionsmenu3604226520__action"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "formaudiofield2808568682";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"formaudiofield2808568682__root","addItem":"formaudiofield2808568682__addItem","mediaTitle":"formaudiofield2808568682__mediaTitle"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "audioplayer2394194815";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"audioplayer2394194815__root"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RadioGroup } from '@wix/design-system';
|
|
3
|
+
|
|
4
|
+
import type { ControlledInputProps } from '../../types/controlled-input';
|
|
5
|
+
|
|
6
|
+
type BooleanSelection = 'unset' | 'false' | 'true';
|
|
7
|
+
|
|
8
|
+
// RadioGroup values must be string | number, so the boolean | null | undefined
|
|
9
|
+
// value is mapped to string tokens. Both null and undefined mean "no value" —
|
|
10
|
+
// neither must ever render as a selected "false".
|
|
11
|
+
const toSelection = (value: boolean | null | undefined): BooleanSelection => {
|
|
12
|
+
if (value == null) {
|
|
13
|
+
return 'unset';
|
|
14
|
+
}
|
|
15
|
+
return value ? 'true' : 'false';
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const fromSelection = (
|
|
19
|
+
selection: string | number | undefined,
|
|
20
|
+
): boolean | undefined => {
|
|
21
|
+
if (selection === 'true') {
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
return selection === 'false' ? false : undefined;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export interface BooleanRadioGroupInputProps
|
|
28
|
+
extends Omit<
|
|
29
|
+
ControlledInputProps<boolean | null | undefined>,
|
|
30
|
+
'onBlur' | 'autoFocus' | 'invalid'
|
|
31
|
+
> {
|
|
32
|
+
trueLabel: React.ReactNode;
|
|
33
|
+
falseLabel: React.ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* When provided, renders a third radio (first in the list) that clears the
|
|
36
|
+
* value back to `undefined`.
|
|
37
|
+
*/
|
|
38
|
+
unsetLabel?: React.ReactNode;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export const ControlledBooleanRadioGroupInput: React.FC<
|
|
42
|
+
BooleanRadioGroupInputProps
|
|
43
|
+
> = ({
|
|
44
|
+
data,
|
|
45
|
+
onChange,
|
|
46
|
+
readOnly,
|
|
47
|
+
dataHook,
|
|
48
|
+
trueLabel,
|
|
49
|
+
falseLabel,
|
|
50
|
+
unsetLabel,
|
|
51
|
+
}) => (
|
|
52
|
+
<RadioGroup
|
|
53
|
+
value={toSelection(data)}
|
|
54
|
+
onChange={(selection) => onChange(fromSelection(selection))}
|
|
55
|
+
disabled={readOnly}
|
|
56
|
+
vAlign="top"
|
|
57
|
+
dataHook={dataHook}
|
|
58
|
+
>
|
|
59
|
+
{unsetLabel !== undefined && (
|
|
60
|
+
<RadioGroup.Radio value="unset">{unsetLabel}</RadioGroup.Radio>
|
|
61
|
+
)}
|
|
62
|
+
<RadioGroup.Radio value="false">{falseLabel}</RadioGroup.Radio>
|
|
63
|
+
<RadioGroup.Radio value="true">{trueLabel}</RadioGroup.Radio>
|
|
64
|
+
</RadioGroup>
|
|
65
|
+
);
|
|
66
|
+
|
|
67
|
+
ControlledBooleanRadioGroupInput.displayName =
|
|
68
|
+
'ControlledBooleanRadioGroupInput';
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "cellcolorview2853374581";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"cellcolorview2853374581__root","hashPrefix":"cellcolorview2853374581__hashPrefix"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "colorview1965999913";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"colorview1965999913__root","view":"colorview1965999913__view","fillPreview":"colorview1965999913__fillPreview"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
DatePickerUniDriver,
|
|
6
6
|
InputUniDriver,
|
|
7
7
|
NumberInputUniDriver,
|
|
8
|
+
RadioGroupUniDriver,
|
|
8
9
|
} from '@wix/design-system/dist/testkit/unidriver';
|
|
9
10
|
|
|
10
11
|
import { baseUniDriverFactory } from '../testkit/base-driver';
|
|
@@ -20,5 +21,6 @@ export function ControlledInputUniDriver(base: UniDriver, body: UniDriver) {
|
|
|
20
21
|
datePicker: DatePickerUniDriver(base, body),
|
|
21
22
|
dateTime: DateTimeInputUniDriver(base, body),
|
|
22
23
|
color: InputUniDriver(base, body),
|
|
24
|
+
radioGroup: RadioGroupUniDriver(base, body),
|
|
23
25
|
};
|
|
24
26
|
}
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "deletedialog3537787483";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"deletedialog3537787483__root","layout":"deletedialog3537787483__layout"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "formdocumentfield908933936";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"formdocumentfield908933936__root","viewWrapper":"formdocumentfield908933936__viewWrapper","textWidth":"formdocumentfield908933936__textWidth","documentLoader":"formdocumentfield908933936__documentLoader","addDocument":"formdocumentfield908933936__addDocument","addItemWrapper":"formdocumentfield908933936__addItemWrapper"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -2,12 +2,44 @@ import type { FC } from 'react';
|
|
|
2
2
|
import React, { useRef, useCallback } from 'react';
|
|
3
3
|
|
|
4
4
|
import type { InputImperativeActions } from '@wix/design-system';
|
|
5
|
+
import { Input } from '@wix/design-system';
|
|
5
6
|
|
|
6
7
|
import type { FormInputProps } from '../../types';
|
|
8
|
+
import type { ControlledInputProps } from '../../types/controlled-input';
|
|
7
9
|
import { useAutoFocus } from '../../hooks';
|
|
8
10
|
|
|
9
11
|
import { EmailInput } from './email-input';
|
|
10
12
|
|
|
13
|
+
export interface ControlledEmailInputProps
|
|
14
|
+
extends ControlledInputProps<string> {
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export const ControlledEmailInput: React.FC<ControlledEmailInputProps> = ({
|
|
19
|
+
data,
|
|
20
|
+
onChange,
|
|
21
|
+
onBlur,
|
|
22
|
+
readOnly,
|
|
23
|
+
autoFocus,
|
|
24
|
+
invalid,
|
|
25
|
+
dataHook,
|
|
26
|
+
placeholder,
|
|
27
|
+
}) => (
|
|
28
|
+
<Input
|
|
29
|
+
type="email"
|
|
30
|
+
value={data}
|
|
31
|
+
onChange={(event) => onChange(event.target.value)}
|
|
32
|
+
onBlur={onBlur}
|
|
33
|
+
readOnly={readOnly}
|
|
34
|
+
autoFocus={autoFocus}
|
|
35
|
+
status={invalid ? 'error' : undefined}
|
|
36
|
+
placeholder={placeholder}
|
|
37
|
+
dataHook={dataHook}
|
|
38
|
+
/>
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
ControlledEmailInput.displayName = 'ControlledEmailInput';
|
|
42
|
+
|
|
11
43
|
export type FormEmailInputProps = FormInputProps<string>;
|
|
12
44
|
|
|
13
45
|
export const FormEmailInput: FC<FormEmailInputProps> = ({
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "exclamation1097267001";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"exclamation1097267001__root","exclamation":"exclamation1097267001__exclamation","actions":"exclamation1097267001__actions","action":"exclamation1097267001__action"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "highlightedtext967560644";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
17
|
-
export var keyframes = {"highlighted":"
|
|
16
|
+
export var classes = {"root":"highlightedtext967560644__root","substring":"highlightedtext967560644__substring"};
|
|
17
|
+
export var keyframes = {"highlighted":"highlightedtext967560644__highlighted","highlighted-match":"highlightedtext967560644__highlighted-match"};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
20
20
|
export var stVars = {};
|