@wix/patterns 0.8.0

package/dist/esm/fields/Checkbox/Checkbox.js

@@ -0,0 +1,13 @@
+import React, { useState } from 'react';
+import { Checkbox as CheckboxWSR } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+export const Checkbox = ({ dataHook, schema, initialValue, onChange, }) => {
+    const [value, setValue] = useState(initialValue);
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(CheckboxWSR, { dataHook: dataHooks.Input, checked: value, onChange: (e) => {
+                setValue(e.target.checked);
+                onChange(e.target.checked);
+            } }, schema.label)));
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/fields/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/fields/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,GACM,EAAE,EAAE;IAClB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI;QAC1C,oBAAC,WAAW,IACV,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC3B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC,IAEA,MAAM,CAAC,KAAK,CACD,CACR,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/Checkbox/index.js

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/fields/DateInput/DateInput.js

@@ -0,0 +1,19 @@
+import React, { useRef, useState } from 'react';
+import { FormField, DatePicker } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+export const DateInput = ({ dataHook, schema, initialValue, inputRef, onChange, }) => {
+    const [date] = useState(() => initialValue ? new Date(initialValue) : undefined);
+    const ref = useRef({});
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(FormField, { dataHook: dataHooks.Label, label: schema.label },
+            React.createElement(DatePicker, { ref: (internalRef) => {
+                    inputRef === null || inputRef === void 0 ? void 0 : inputRef(ref.current);
+                    // TODO: PR to WSR needed to expose as public API
+                    // @ts-expect-error
+                    ref.current.focus = () => { var _a, _b, _c; return (_c = (_b = (_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.state) === null || _a === void 0 ? void 0 : _a.inputRef) === null || _b === void 0 ? void 0 : _b.focus) === null || _c === void 0 ? void 0 : _c.call(_b); };
+                }, dataHook: dataHooks.Input, width: "100%", value: date, validate: true, onValidate: (payload) => {
+                    ref.current.invalid = payload.validationType !== 'valid';
+                }, onChange: (newValue) => onChange(newValue.toISOString().split('T')[0]) }))));
+};
+//# sourceMappingURL=DateInput.js.map

package/dist/esm/fields/DateInput/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../src/fields/DateInput/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC3B,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAClD,CAAC;IAEF,MAAM,GAAG,GAAG,MAAM,CAAe,EAAE,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI;QAC1C,oBAAC,SAAS,IAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK;YACvD,oBAAC,UAAU,IACT,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE;oBACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,OAAO,CAAC,CAAC;oBACxB,iDAAiD;oBACjD,mBAAmB;oBACnB,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,QAAQ,0CAAE,KAAK,kDAAI,CAAA,EAAA,CAAC;gBACpE,CAAC,EACD,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,IAAI,EACX,QAAQ,QACR,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,cAAc,KAAK,OAAO,CAAC;gBAC3D,CAAC,EACD,QAAQ,EAAE,CAAC,QAAc,EAAE,EAAE,CAC3B,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAEhD,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/DateInput/index.js

@@ -0,0 +1,2 @@
+export * from './DateInput';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/DateInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/DateInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/fields/DateTime/DateTime.js

@@ -0,0 +1,52 @@
+import React, { useEffect, useMemo, useRef } from 'react';
+import { FormField, DatePicker, Layout, Cell, TimeInput, } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+import { useCustomFieldsFormContext } from '../../components/CustomFieldsFormContext';
+export const DateTime = ({ dataHook, schema, initialValue, inputRef, onChange, }) => {
+    const date = useMemo(() => (initialValue ? new Date(initialValue) : undefined), [initialValue]);
+    const ref = useRef({});
+    const dateRef = useRef({});
+    const timeRef = useRef({});
+    const formState = useCustomFieldsFormContext();
+    useEffect(() => {
+        ref.current.focus = () => {
+            var _a, _b, _c, _d;
+            if (dateRef.current.invalid) {
+                return (_b = (_a = dateRef.current).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+            return (_d = (_c = timeRef.current).focus) === null || _d === void 0 ? void 0 : _d.call(_c);
+        };
+        inputRef === null || inputRef === void 0 ? void 0 : inputRef(ref.current);
+    }, []);
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(FormField, { label: schema.label, dataHook: dataHooks.Label },
+            React.createElement(Layout, null,
+                React.createElement(Cell, { span: 6 },
+                    React.createElement(DatePicker, { ref: (internalRef) => {
+                            dateRef.current.focus = () => { var _a, _b, _c; 
+                            // TODO: PR to WSR needed to expose as public API
+                            // @ts-expect-error
+                            return (_c = (_b = (_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.state) === null || _a === void 0 ? void 0 : _a.inputRef) === null || _b === void 0 ? void 0 : _b.focus) === null || _c === void 0 ? void 0 : _c.call(_b); };
+                        }, width: "100%", value: date, validate: true, onValidate: (payload) => {
+                            dateRef.current.invalid = payload.validationType !== 'valid';
+                            ref.current.invalid =
+                                dateRef.current.invalid || timeRef.current.invalid;
+                        }, onChange: (newValue) => onChange(newValue.toISOString()), dataHook: `${dataHooks.Input}-date` })),
+                React.createElement(Cell, { span: 6 },
+                    React.createElement(TimeInput, { ref: (internalRef) => {
+                            timeRef.current.focus = () => internalRef === null || internalRef === void 0 ? void 0 : internalRef.focus();
+                        }, dataHook: `${dataHooks.Input}-time`, value: date, invalidMessage: formState._translate('cairo.customFields.fieldType.dateAndTime.invalid.value'), onInvalid: () => {
+                            timeRef.current.invalid = true;
+                            ref.current.invalid =
+                                dateRef.current.invalid || timeRef.current.invalid;
+                        }, onChange: ({ date: newValue }) => {
+                            timeRef.current.invalid = false;
+                            ref.current.invalid =
+                                dateRef.current.invalid || timeRef.current.invalid;
+                            if (newValue) {
+                                onChange(newValue.toISOString());
+                            }
+                        } }))))));
+};
+//# sourceMappingURL=DateTime.js.map

package/dist/esm/fields/DateTime/DateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../../src/fields/DateTime/DateTime.tsx"],"names":[],"mappings":"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"}

package/dist/esm/fields/DateTime/index.js

@@ -0,0 +1,2 @@
+export * from './DateTime';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/DateTime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/DateTime/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/fields/Dropdown/Dropdown.js

@@ -0,0 +1,11 @@
+import React, { useMemo } from 'react';
+import { FormField, Dropdown as DropdownWSR, } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+export const Dropdown = ({ dataHook, schema, initialValue, onChange, }) => {
+    const options = useMemo(() => { var _a; return ((_a = schema.options) === null || _a === void 0 ? void 0 : _a.map((o) => ({ id: o, value: o }))) || []; }, [schema]);
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(FormField, { label: schema.label, dataHook: dataHooks.Label },
+            React.createElement(DropdownWSR, { dataHook: dataHooks.Input, options: options, initialSelectedId: initialValue, onSelect: ({ id }) => onChange(id) }))));
+};
+//# sourceMappingURL=Dropdown.js.map

package/dist/esm/fields/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/fields/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,SAAS,EACT,QAAQ,IAAI,WAAW,GAExB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,GACM,EAAE,EAAE;IAClB,MAAM,OAAO,GAA2B,OAAO,CAC7C,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAI,EAAE,CAAA,EAAA,EAC7D,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI;QAC1C,oBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,KAAK;YACvD,oBAAC,WAAW,IACV,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,YAAY,EAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAY,CAAC,GAC5C,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/Dropdown/index.js

@@ -0,0 +1,2 @@
+export * from './Dropdown';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/fields/Field/Field.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const Field = ({ dataHook, type, children }) => {
+    return (React.createElement("div", { "data-hook": dataHook, "data-field-type": type }, children));
+};
+//# sourceMappingURL=Field.js.map

package/dist/esm/fields/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/fields/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAc,EAAE,EAAE;IAChE,OAAO,CACL,0CAAgB,QAAQ,qBAAmB,IAAI,IAC5C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/Field/Field.uni.driver.js

@@ -0,0 +1,151 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { CheckboxUniDriver, DatePickerUniDriver, DropdownUniDriver, FormFieldUniDriver, InputAreaUniDriver, InputUniDriver, NumberInputUniDriver, TimeInputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { dataHooks } from '../dataHooks';
+export default (base, body) => {
+    const fieldType = () => base.attr('data-field-type');
+    const inputBase = (suffix = '') => base.$(`[data-hook="${dataHooks.Input}${suffix}"]`);
+    const dropdown = () => DropdownUniDriver(inputBase(), body);
+    const checkbox = () => CheckboxUniDriver(inputBase(), body);
+    const formField = () => FormFieldUniDriver(base.$(`[data-hook="${dataHooks.Label}"]`), body);
+    return Object.assign({ 
+        /**
+         * Gets field label
+         */
+        getLabel: async () => {
+            const type = await fieldType();
+            if (type === 'checkbox') {
+                return checkbox().getLabel();
+            }
+            const element = await formField().getLabel();
+            return element === null || element === void 0 ? void 0 : element.textContent;
+        }, 
+        /**
+         * Gets field value
+         */
+        getValue: async () => {
+            const type = await fieldType();
+            switch (type) {
+                case 'shortText':
+                    return InputUniDriver(inputBase(), body).getValue();
+                case 'date':
+                    return DatePickerUniDriver(inputBase(), body).inputDriver.getValue();
+                case 'dateTime':
+                    const date = await DatePickerUniDriver(inputBase('-date'), body).inputDriver.getValue();
+                    const format = Intl.DateTimeFormat([], {
+                        hour: 'numeric',
+                        minute: 'numeric',
+                    });
+                    const time = await TimeInputUniDriver(inputBase('-time'), body).getValue();
+                    return `${date} ${format.format(time)}`;
+                case 'checkbox':
+                    return checkbox().isChecked();
+                case 'longText':
+                    return InputAreaUniDriver(inputBase(), body).getValue();
+                case 'dropdown':
+                    return dropdown().inputDriver.getValue();
+                case 'integer':
+                case 'decimal':
+                    return NumberInputUniDriver(inputBase(), body).getValue();
+                default:
+                    throw new Error(`Driver for type '${type}' not found.`);
+            }
+        }, 
+        /**
+         * Gets field status message
+         */
+        getStatusMessage: async () => {
+            const type = await fieldType();
+            switch (type) {
+                case 'shortText':
+                    return InputUniDriver(inputBase(), body).getStatusMessage();
+                case 'date':
+                    return DatePickerUniDriver(inputBase(), body).inputDriver.getStatusMessage();
+                case 'dateTime':
+                    // internal validation message doesn't propagate
+                    // const date = await DatePickerUniDriver(
+                    //   inputBase('-date'),
+                    //   body,
+                    // ).inputDriver.getStatusMessage();
+                    const time = await TimeInputUniDriver(inputBase('-time'), body).getStatusMessage();
+                    return [time].join('\n');
+                case 'longText':
+                    return InputAreaUniDriver(inputBase(), body).getStatusMessage();
+                case 'dropdown':
+                    return dropdown().inputDriver.getStatusMessage();
+                case 'integer':
+                case 'decimal':
+                    return NumberInputUniDriver(inputBase(), body).getStatusMessage();
+                default:
+                    throw new Error(`Driver for type '${type}' not found.`);
+            }
+        }, 
+        /**
+         * Enters field value, handles different value types based on field type
+         */
+        enterValue: async (value, { locale = 'en' } = {}) => {
+            const type = await fieldType();
+            switch (type) {
+                case 'shortText':
+                    return InputUniDriver(inputBase(), body).enterText(value);
+                case 'date':
+                    return DatePickerUniDriver(inputBase(), body).inputDriver.enterText(typeof value === 'string'
+                        ? value
+                        : `${Intl.DateTimeFormat().format(value)}`);
+                case 'dateTime':
+                    let dateValue = '';
+                    let timeValue = '';
+                    if (typeof value === 'string') {
+                        const parts = value.split('T');
+                        dateValue = parts[0];
+                        timeValue = parts[1];
+                    }
+                    else {
+                        dateValue = `${Intl.DateTimeFormat([locale]).format(value)}`;
+                        timeValue = Intl.DateTimeFormat([locale], {
+                            hour: 'numeric',
+                            minute: 'numeric',
+                        }).format(value);
+                    }
+                    await DatePickerUniDriver(inputBase('-date'), body).inputDriver.enterText(dateValue);
+                    return TimeInputUniDriver(inputBase('-time'), body).setValue(timeValue);
+                case 'checkbox':
+                    const checkboxDriver = checkbox();
+                    const isChecked = await checkboxDriver.isChecked();
+                    if (value && !isChecked) {
+                        await checkboxDriver.click();
+                    }
+                    else if (isChecked && !value) {
+                        await checkboxDriver.click();
+                    }
+                    return;
+                case 'longText':
+                    return InputAreaUniDriver(inputBase(), body).enterText(value);
+                case 'dropdown':
+                    const dropdownDriver = dropdown();
+                    await dropdownDriver.dropdownLayoutDriver.click();
+                    return dropdownDriver.dropdownLayoutDriver.clickAtOptionWithValue(value);
+                case 'integer':
+                case 'decimal':
+                    return NumberInputUniDriver(inputBase(), body).enterText(value);
+                default:
+                    throw new Error(`Driver for type '${type}' not found.`);
+            }
+        }, 
+        /**
+         * Returns available dropdown options
+         */
+        getOptions: async () => {
+            const type = await fieldType();
+            if (type !== 'dropdown') {
+                throw new Error(`Field type '${type}' does not support this method.`);
+            }
+            return dropdown().dropdownLayoutDriver.optionsContent();
+        }, 
+        /**
+         * Returns remaining chars count on fields with maxLength
+         */
+        getLengthLeft: async () => {
+            return formField().getLengthLeft();
+        } }, baseUniDriverFactory(base));
+};
+//# sourceMappingURL=Field.uni.driver.js.map

package/dist/esm/fields/Field/Field.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.uni.driver.js","sourceRoot":"","sources":["../../../../src/fields/Field/Field.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAgD,CAAC;IAE9E,MAAM,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,CAChC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAEvE;QACE;;WAEG;QACH,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;YAE/B,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,OAAO,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;aAC9B;YAED,MAAM,OAAO,GAAG,MAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC7C,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;QAC9B,CAAC;QACD;;WAEG;QACH,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;YAE/B,QAAQ,IAAI,EAAE;gBACZ,KAAK,WAAW;oBACd,OAAO,cAAc,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACtD,KAAK,MAAM;oBACT,OAAO,mBAAmB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;gBACvE,KAAK,UAAU;oBACb,MAAM,IAAI,GAAG,MAAM,mBAAmB,CACpC,SAAS,CAAC,OAAO,CAAC,EAClB,IAAI,CACL,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;oBACzB,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE;wBACrC,IAAI,EAAE,SAAS;wBACf,MAAM,EAAE,SAAS;qBAClB,CAAC,CAAC;oBAEH,MAAM,IAAI,GAAG,MAAM,kBAAkB,CACnC,SAAS,CAAC,OAAO,CAAC,EAClB,IAAI,CACL,CAAC,QAAQ,EAAE,CAAC;oBACb,OAAO,GAAG,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1C,KAAK,UAAU;oBACb,OAAO,QAAQ,EAAE,CAAC,SAAS,EAAE,CAAC;gBAChC,KAAK,UAAU;oBACb,OAAO,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC1D,KAAK,UAAU;oBACb,OAAO,QAAQ,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;gBAC3C,KAAK,SAAS,CAAC;gBACf,KAAK,SAAS;oBACZ,OAAO,oBAAoB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC5D;oBACE,MAAM,IAAI,KAAK,CAAC,oBAAoB,IAAI,cAAc,CAAC,CAAC;aAC3D;QACH,CAAC;QACD;;WAEG;QACH,gBAAgB,EAAE,KAAK,IAAI,EAAE;YAC3B,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;YAE/B,QAAQ,IAAI,EAAE;gBACZ,KAAK,WAAW;oBACd,OAAO,cAAc,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBAC9D,KAAK,MAAM;oBACT,OAAO,mBAAmB,CACxB,SAAS,EAAE,EACX,IAAI,CACL,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC;gBACnC,KAAK,UAAU;oBACb,gDAAgD;oBAChD,0CAA0C;oBAC1C,wBAAwB;oBACxB,UAAU;oBACV,oCAAoC;oBAEpC,MAAM,IAAI,GAAG,MAAM,kBAAkB,CACnC,SAAS,CAAC,OAAO,CAAC,EAClB,IAAI,CACL,CAAC,gBAAgB,EAAE,CAAC;oBACrB,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC3B,KAAK,UAAU;oBACb,OAAO,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBAClE,KAAK,UAAU;oBACb,OAAO,QAAQ,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC;gBACnD,KAAK,SAAS,CAAC;gBACf,KAAK,SAAS;oBACZ,OAAO,oBAAoB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBACpE;oBACE,MAAM,IAAI,KAAK,CAAC,oBAAoB,IAAI,cAAc,CAAC,CAAC;aAC3D;QACH,CAAC;QACD;;WAEG;QACH,UAAU,EAAE,KAAK,EACf,KAAU,EACV,EAAE,MAAM,GAAG,IAAI,KAA0B,EAAE,EAC3C,EAAE;YACF,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;YAE/B,QAAQ,IAAI,EAAE;gBACZ,KAAK,WAAW;oBACd,OAAO,cAAc,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAC5D,KAAK,MAAM;oBACT,OAAO,mBAAmB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,CACjE,OAAO,KAAK,KAAK,QAAQ;wBACvB,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAC7C,CAAC;gBACJ,KAAK,UAAU;oBACb,IAAI,SAAS,GAAG,EAAE,CAAC;oBACnB,IAAI,SAAS,GAAG,EAAE,CAAC;oBAEnB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;wBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;wBAC/B,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;wBACrB,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;qBACtB;yBAAM;wBACL,SAAS,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;wBAC7D,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,EAAE;4BACxC,IAAI,EAAE,SAAS;4BACf,MAAM,EAAE,SAAS;yBAClB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAClB;oBAED,MAAM,mBAAmB,CACvB,SAAS,CAAC,OAAO,CAAC,EAClB,IAAI,CACL,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;oBAEnC,OAAO,kBAAkB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,QAAQ,CAC1D,SAAS,CACV,CAAC;gBACJ,KAAK,UAAU;oBACb,MAAM,cAAc,GAAG,QAAQ,EAAE,CAAC;oBAClC,MAAM,SAAS,GAAG,MAAM,cAAc,CAAC,SAAS,EAAE,CAAC;oBACnD,IAAI,KAAK,IAAI,CAAC,SAAS,EAAE;wBACvB,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;qBAC9B;yBAAM,IAAI,SAAS,IAAI,CAAC,KAAK,EAAE;wBAC9B,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;qBAC9B;oBACD,OAAO;gBACT,KAAK,UAAU;oBACb,OAAO,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAChE,KAAK,UAAU;oBACb,MAAM,cAAc,GAAG,QAAQ,EAAE,CAAC;oBAClC,MAAM,cAAc,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;oBAClD,OAAO,cAAc,CAAC,oBAAoB,CAAC,sBAAsB,CAC/D,KAAK,CACN,CAAC;gBACJ,KAAK,SAAS,CAAC;gBACf,KAAK,SAAS;oBACZ,OAAO,oBAAoB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAClE;oBACE,MAAM,IAAI,KAAK,CAAC,oBAAoB,IAAI,cAAc,CAAC,CAAC;aAC3D;QACH,CAAC;QACD;;WAEG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;YAE/B,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,MAAM,IAAI,KAAK,CAAC,eAAe,IAAI,iCAAiC,CAAC,CAAC;aACvE;YAED,OAAO,QAAQ,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,CAAC;QAC1D,CAAC;QACD;;WAEG;QACH,aAAa,EAAE,KAAK,IAAI,EAAE;YACxB,OAAO,SAAS,EAAE,CAAC,aAAa,EAAE,CAAC;QACrC,CAAC,IACE,oBAAoB,CAAC,IAAI,CAAC,EAC7B;AACJ,CAAC,CAAC"}

package/dist/esm/fields/Field/index.js

@@ -0,0 +1,2 @@
+export * from './Field';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/Field/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/fields/LongText/LongText.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FormField, InputArea } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+import { useTextInput } from '../useTextInput';
+export const LongText = ({ dataHook, schema, initialValue, onChange, }) => {
+    const { value, charCount, handleChange } = useTextInput({
+        initialValue,
+        maxLength: schema.maxLength,
+        onChange,
+    });
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(FormField, { dataHook: dataHooks.Label, label: schema.label, charCount: charCount },
+            React.createElement(InputArea, { dataHook: dataHooks.Input, value: value, onChange: handleChange }))));
+};
+//# sourceMappingURL=LongText.js.map

package/dist/esm/fields/LongText/LongText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongText.js","sourceRoot":"","sources":["../../../../src/fields/LongText/LongText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,GACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;QACtD,YAAY;QACZ,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI;QAC1C,oBAAC,SAAS,IACR,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,SAAS;YAEpB,oBAAC,SAAS,IACR,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,GACtB,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/LongText/index.js

@@ -0,0 +1,2 @@
+export * from './LongText';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/LongText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/LongText/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/fields/Number/Number.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormField, NumberInput } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+export const Number = ({ dataHook, schema, initialValue, onChange, }) => {
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(FormField, { dataHook: dataHooks.Label, label: schema.label },
+            React.createElement(NumberInput, { dataHook: dataHooks.Input, defaultValue: initialValue || undefined, onChange: (e) => onChange(e) }))));
+};
+//# sourceMappingURL=Number.js.map

package/dist/esm/fields/Number/Number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number.js","sourceRoot":"","sources":["../../../../src/fields/Number/Number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,GACI,EAAE,EAAE;IAChB,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI;QAC1C,oBAAC,SAAS,IAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK;YACvD,oBAAC,WAAW,IACV,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,YAAY,EAAE,YAAY,IAAI,SAAS,EACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAC5B,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/Number/index.js

@@ -0,0 +1,2 @@
+export * from './Number';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/Number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/Number/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/fields/ShortText/ShortText.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FormField, Input } from '@wix/design-system';
+import { Field } from '../Field';
+import { dataHooks } from '../dataHooks';
+import { useTextInput } from '../useTextInput';
+export const ShortText = ({ dataHook, schema, initialValue, onChange, }) => {
+    const { value, charCount, handleChange } = useTextInput({
+        initialValue,
+        maxLength: schema.maxLength,
+        onChange,
+    });
+    return (React.createElement(Field, { dataHook: dataHook, type: schema.type },
+        React.createElement(FormField, { dataHook: dataHooks.Label, label: schema.label, charCount: charCount },
+            React.createElement(Input, { dataHook: dataHooks.Input, value: value, onChange: handleChange }))));
+};
+//# sourceMappingURL=ShortText.js.map

package/dist/esm/fields/ShortText/ShortText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortText.js","sourceRoot":"","sources":["../../../../src/fields/ShortText/ShortText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;QACtD,YAAY;QACZ,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI;QAC1C,oBAAC,SAAS,IACR,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,SAAS;YAEpB,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,GACtB,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/fields/ShortText/index.js

@@ -0,0 +1,2 @@
+export * from './ShortText';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/ShortText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fields/ShortText/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/fields/dataHooks.js

@@ -0,0 +1,5 @@
+export const dataHooks = {
+    Label: 'form-field',
+    Input: 'input-field',
+};
+//# sourceMappingURL=dataHooks.js.map

package/dist/esm/fields/dataHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataHooks.js","sourceRoot":"","sources":["../../../src/fields/dataHooks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,aAAa;CACrB,CAAC"}

package/dist/esm/fields/index.js

@@ -0,0 +1,9 @@
+export * from './Checkbox';
+export * from './DateInput';
+export * from './DateTime';
+export * from './Dropdown';
+export * from './LongText';
+export * from './Number';
+export * from './ShortText';
+export * from './BaseInput';
+//# sourceMappingURL=index.js.map

package/dist/esm/fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/esm/fields/useTextInput.js

@@ -0,0 +1,19 @@
+import React from 'react';
+export const useTextInput = ({ initialValue, maxLength, onChange, }) => {
+    const [value, setValue] = React.useState(initialValue || '');
+    const charCount = maxLength ? maxLength - value.length : undefined;
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        if (maxLength === undefined ||
+            (maxLength && newValue.length <= maxLength)) {
+            setValue(newValue);
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        }
+    };
+    return {
+        value,
+        charCount,
+        handleChange,
+    };
+};
+//# sourceMappingURL=useTextInput.js.map

package/dist/esm/fields/useTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextInput.js","sourceRoot":"","sources":["../../../src/fields/useTextInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,SAAS,EACT,QAAQ,GAKT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnE,MAAM,YAAY,GAAG,CACnB,CAA4D,EAC5D,EAAE;QACF,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAEhC,IACE,SAAS,KAAK,SAAS;YACvB,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,IAAI,SAAS,CAAC,EAC3C;YACA,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO;QACL,KAAK;QACL,SAAS;QACT,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/giza/WixPatternsGizaProvider.js

@@ -0,0 +1,20 @@
+import React, { useState } from 'react';
+import { showToastCompat } from '@wix/bex-core';
+import { useEssentials } from '@wix/yoshi-flow-bm/fe-essentials-giza';
+import { useComponentLoaded, usePlatformApi } from '@wix/yoshi-flow-bm';
+import { CairoProvider } from '../providers';
+import { buildWixPatternsEssentials } from './buildWixPatternsEssentials';
+export function WixPatternsGizaProvider(props) {
+    const { children, value: wixPatternsEssentialsOverridesProp, localCache, } = props;
+    const { showToast, navigateTo, onBeforeUnload, getHostContainer } = usePlatformApi();
+    const essentials = useEssentials();
+    const [wixPatternsEssentialsOverrides] = useState(() => (Object.assign({ navigateTo,
+        getHostContainer, showToast: showToastCompat(showToast), useAppLoaded: () => {
+            useComponentLoaded();
+        }, onBeforeUnload }, wixPatternsEssentialsOverridesProp)));
+    const [wixPatternsEssentials] = useState(() => buildWixPatternsEssentials(essentials, {
+        overrides: wixPatternsEssentialsOverrides,
+    }));
+    return (React.createElement(CairoProvider, { value: wixPatternsEssentials, localCache: localCache }, children));
+}
+//# sourceMappingURL=WixPatternsGizaProvider.js.map

package/dist/esm/giza/WixPatternsGizaProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WixPatternsGizaProvider.js","sourceRoot":"","sources":["../../../src/giza/WixPatternsGizaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAkC,eAAe,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,kCAAkC,EACzC,UAAU,GACX,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAC/D,cAAc,EAAE,CAAC;IACnB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,CAAC,8BAA8B,CAAC,GAAG,QAAQ,CAC/C,GAA4C,EAAE,CAAC,iBAC7C,UAAU;QACV,gBAAgB,EAChB,SAAS,EAAE,eAAe,CAAC,SAAS,CAAC,EACrC,YAAY,EAAE,GAAG,EAAE;YACjB,kBAAkB,EAAE,CAAC;QACvB,CAAC,EACD,cAAc,IACX,kCAAkC,EACrC,CACH,CAAC;IAEF,MAAM,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5C,0BAA0B,CAAC,UAAU,EAAE;QACrC,SAAS,EAAE,8BAA8B;KAC1C,CAAC,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,UAAU,IAChE,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC"}

package/dist/esm/giza/buildWixPatternsEssentials.js

@@ -0,0 +1,14 @@
+import { Trans, useExperiments, useTranslation } from '@wix/yoshi-flow-bm';
+import { createAccountComponentSettings, getWixPatternsWindowExperiments, getExperimentsCompat, } from '@wix/bex-core';
+export function buildWixPatternsEssentials(essentials, { overrides } = {}) {
+    const { errorMonitor, httpClient, environment: essentialsEnvironment, } = essentials;
+    const environment = Object.assign(Object.assign(Object.assign({}, essentialsEnvironment), overrides === null || overrides === void 0 ? void 0 : overrides.environment), { providerType: 'giza' });
+    return Object.assign(Object.assign({ createEssentials: (options) => {
+            var _a;
+            return essentials.createChildEssentials(Object.assign(Object.assign({}, options), { experiments: {
+                    bag: (_a = getWixPatternsWindowExperiments()) !== null && _a !== void 0 ? _a : {},
+                } }));
+        }, errorMonitor: errorMonitor !== null && errorMonitor !== void 0 ? errorMonitor : { captureException: () => { } }, useTranslation,
+        Trans, useExperiments: () => useExperiments({ readOnly: true }), showToast: () => ({ remove: () => { } }), httpClient, experiments: getExperimentsCompat(essentials), createComponentSettings: createAccountComponentSettings }, overrides), { user: Object.assign({ permissions: [] }, overrides === null || overrides === void 0 ? void 0 : overrides.user), environment });
+}
+//# sourceMappingURL=buildWixPatternsEssentials.js.map

package/dist/esm/giza/buildWixPatternsEssentials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildWixPatternsEssentials.js","sourceRoot":"","sources":["../../../src/giza/buildWixPatternsEssentials.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAGL,8BAA8B,EAC9B,+BAA+B,EAC/B,oBAAoB,GACrB,MAAM,eAAe,CAAC;AAEvB,MAAM,UAAU,0BAA0B,CACxC,UAAsB,EACtB,EAAE,SAAS,KAA8D,EAAE;IAE3E,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EAAE,qBAAqB,GACnC,GAAG,UAAU,CAAC;IAEf,MAAM,WAAW,iDACZ,qBAAqB,GACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KACzB,YAAY,EAAE,MAAe,GAC9B,CAAC;IAEF,qCACE,gBAAgB,EAAE,CAAC,OAAO,EAAE,EAAE;;YAC5B,OAAA,UAAU,CAAC,qBAAqB,iCAC3B,OAAO,KACV,WAAW,EAAE;oBACX,GAAG,EAAE,MAAA,+BAA+B,EAAE,mCAAI,EAAE;iBAC7C,IACD,CAAA;SAAA,EACJ,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAC5D,cAAc;QACd,KAAK,EACL,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EACxD,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,EACvC,UAAU,EACV,WAAW,EAAE,oBAAoB,CAAC,UAAU,CAAC,EAC7C,uBAAuB,EAAE,8BAA8B,IACpD,SAAS,KACZ,IAAI,kBACF,WAAW,EAAE,EAAE,IACZ,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAEpB,WAAW,IACX;AACJ,CAAC"}

package/dist/esm/giza/index.js

@@ -0,0 +1,3 @@
+export * from './WixPatternsGizaProvider';
+export * from './usePickerModal';
+//# sourceMappingURL=index.js.map

package/dist/esm/giza/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/giza/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}

package/dist/esm/giza/usePickerModal.js

@@ -0,0 +1,20 @@
+import { useCreatePickerModal as useCreatePickerModalBase, useSyncPickerModalProps, } from '../hooks';
+import { wixPatternsEnvironment, } from '@wix/bex-core';
+import { useEssentials } from '@wix/yoshi-flow-bm/fe-essentials-giza';
+import { useCallback, useState } from 'react';
+export function useCreatePickerModal() {
+    const { errorMonitor, environment, createChildEssentials } = useEssentials();
+    const createPickerModalBase = useCreatePickerModalBase();
+    return useCallback((params) => {
+        const { biLoggerFactory } = createChildEssentials({});
+        return createPickerModalBase(Object.assign(Object.assign({ errorMonitor,
+            biLoggerFactory }, params), { environment: wixPatternsEnvironment(Object.assign(Object.assign({}, environment), params === null || params === void 0 ? void 0 : params.environment)) }));
+    }, []);
+}
+export function usePickerModal(params) {
+    const createPickerModal = useCreatePickerModal();
+    const [state] = useState(() => createPickerModal(params));
+    useSyncPickerModalProps(state, params);
+    return state;
+}
+//# sourceMappingURL=usePickerModal.js.map

package/dist/esm/giza/usePickerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerModal.js","sourceRoot":"","sources":["../../../src/giza/usePickerModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,IAAI,wBAAwB,EAGhD,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,sBAAsB,GAGvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA0B9C,MAAM,UAAU,oBAAoB;IAClC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,aAAa,EAAE,CAAC;IAE7E,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;IAEzD,OAAO,WAAW,CAChB,CAA+C,MAAW,EAAE,EAAE;QAC5D,MAAM,EAAE,eAAe,EAAE,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;QACtD,OAAO,qBAAqB,CAAC,8BAC3B,YAAY;YACZ,eAAe,IACZ,MAAM,KACT,WAAW,EAAE,sBAAsB,iCAC9B,WAAW,GACX,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EACtB,GACmC,CAAC,CAAC;IAC3C,CAAC,EACD,EAAE,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,MAAkC;IAElC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAO,MAAM,CAAC,CAAC,CAAC;IAChE,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/hooks/CollectionFoldersBaseConfig.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CollectionFoldersBaseConfig.js.map

package/dist/esm/hooks/CollectionFoldersBaseConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionFoldersBaseConfig.js","sourceRoot":"","sources":["../../../src/hooks/CollectionFoldersBaseConfig.ts"],"names":[],"mappings":""}

package/dist/esm/hooks/customModalContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=customModalContent.js.map

package/dist/esm/hooks/customModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customModalContent.js","sourceRoot":"","sources":["../../../src/hooks/customModalContent.ts"],"names":[],"mappings":""}

package/dist/esm/hooks/index.js

@@ -0,0 +1,21 @@
+export * from './listItem';
+export * from './useBuildOption';
+export * from './usePickerModal';
+export * from './usePickerStandalone';
+export * from './useViews';
+export * from './useEmptyStateTexts';
+export * from './customModalContent';
+export * from './useDropdownSelectFilterState';
+export * from './useAmbassador';
+export * from './useDateRangeFilterState';
+export * from './useGridFolders';
+export * from './useTableFolders';
+export * from './useTableCollection';
+export * from './useGridCollection';
+export * from './useTableGridSwitchCollection';
+export * from './useEntityPage';
+export * from './useEntityPageChild';
+export * from './useCreateNestedOptimisticActions';
+export * from './useEntity';
+export * from './useExtensionMenuItems';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC"}

package/dist/esm/hooks/listItem.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=listItem.js.map