@wix/auto-patterns 1.44.0 → 1.46.0

package/dist/cjs/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_SchemaContext","_providers","_RenderViewField","_jsxFileName","RenderViewLayoutContent","entity","content","level","sectionId","cardIndex","contentIndex","_content$container$ch","_overrides$components","schema","useSchema","overrides","useAutoPatternsOverridesContext","type","field","fieldId","fields","default","createElement","RenderViewField","span","__self","__source","fileName","lineNumber","columnNumber","container","children","length","Cell","Layout","map","child","index","key","component","componentId","Component","components","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { useSchema } from '../../../providers/SchemaContext';\nimport { useAutoPatternsOverridesContext } from '../../../providers';\nimport { RenderViewField } from '../RenderLayout/RenderViewField';\nimport { RenderLayoutContentProps } from '../RenderLayout';\n\ninterface RenderViewLayoutContentProps\n  extends Omit<RenderLayoutContentProps, 'setInputRef'> {\n  entity: Record<string, any>;\n}\n\n// TODO: remove this component and use RenderLayoutContent instead\nexport const RenderViewLayoutContent: React.FC<\n  RenderViewLayoutContentProps\n> = ({ entity, content, level, sectionId, cardIndex, contentIndex }) => {\n  const schema = useSchema();\n  const overrides = useAutoPatternsOverridesContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <RenderViewField\n          field={field}\n          fieldId={content.field.fieldId}\n          entity={entity}\n          span={content.field.span}\n        />\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderViewLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                entity={entity}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component entity={entity} />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/counter.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.Counter = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _counter = _interopRequireDefault(require("./counter.scss"));
-var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/counter.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Counter = ({
-  step = 1
-}) => {
-  const [counter, setCounter] = (0, _react.useState)(0);
-  const upHandler = () => setCounter(previousCounter => previousCounter + step);
-  const downHandler = () => setCounter(previousCounter => previousCounter - step);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: _counter.default.upButton,
-    "data-hook": "up-button",
-    onClick: upHandler,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 18,
-      columnNumber: 7
-    }
-  }, "+"), /*#__PURE__*/_react.default.createElement("button", {
-    className: _counter.default.downButton,
-    "data-hook": "down-button",
-    onClick: downHandler,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 21,
-      columnNumber: 7
-    }
-  }, "-"), /*#__PURE__*/_react.default.createElement("div", {
-    "data-hook": "counter",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 28,
-      columnNumber: 7
-    }
-  }, counter));
-};
-exports.Counter = Counter;
-//# sourceMappingURL=counter.js.map

package/dist/cjs/counter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_counter","_interopRequireDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Counter","step","counter","setCounter","useState","upHandler","previousCounter","downHandler","createElement","__self","__source","fileName","lineNumber","columnNumber","className","s","upButton","onClick","downButton","exports"],"sources":["../../src/counter.tsx"],"sourcesContent":["import React, { useState, FC } from 'react';\nimport s from './counter.scss';\n\nexport interface CounterProps {\n  step?: number;\n}\n\nexport const Counter: FC<CounterProps> = ({ step = 1 }) => {\n  const [counter, setCounter] = useState(0);\n\n  const upHandler = () =>\n    setCounter((previousCounter) => previousCounter + step);\n  const downHandler = () =>\n    setCounter((previousCounter) => previousCounter - step);\n\n  return (\n    <div>\n      <button className={s.upButton} data-hook=\"up-button\" onClick={upHandler}>\n        +\n      </button>\n      <button\n        className={s.downButton}\n        data-hook=\"down-button\"\n        onClick={downHandler}\n      >\n        -\n      </button>\n      <div data-hook=\"counter\">{counter}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+B,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAMxB,MAAMW,OAAyB,GAAGA,CAAC;EAAEC,IAAI,GAAG;AAAE,CAAC,KAAK;EACzD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAEzC,MAAMC,SAAS,GAAGA,CAAA,KAChBF,UAAU,CAAEG,eAAe,IAAKA,eAAe,GAAGL,IAAI,CAAC;EACzD,MAAMM,WAAW,GAAGA,CAAA,KAClBJ,UAAU,CAAEG,eAAe,IAAKA,eAAe,GAAGL,IAAI,CAAC;EAEzD,oBACE3B,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACEvC,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IAAQM,SAAS,EAAEC,gBAAC,CAACC,QAAS;IAAC,aAAU,WAAW;IAACC,OAAO,EAAEZ,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAEjE,CAAC,eACTvC,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IACEM,SAAS,EAAEC,gBAAC,CAACG,UAAW;IACxB,aAAU,aAAa;IACvBD,OAAO,EAAEV,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtB,GAEO,CAAC,eACTvC,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IAAK,aAAU,SAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEX,OAAa,CACpC,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAAnB,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/cjs/counter.scss

@@ -1,7 +0,0 @@
-.up-button {
-  background-color: green;
-}
-
-.down-button {
-  background-color: red;
-}

package/dist/esm/components/AutoPatternsEntityPage/Fields/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Checkbox","CheckboxWSR","props","field","onChange","value","createElement","checked","e","target","dataHook","id","displayName"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, onChange, value } = props;\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,WAAW,QAAQ,oBAAoB;AAK5D,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEH,KAAA,CAAAO,aAAA,CAACL,WAAW;IACVM,OAAO,EAAEF,KAAM;IACfD,QAAQ,EAAGI,CAAC,IAAK;MACfJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYP,KAAK,CAACQ,EAAE;EAAG,GAEhCR,KAAK,CAACS,WACI,CAAC;AAElB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/DateInput.js

@@ -1,91 +0,0 @@
-import React, { useState, useRef } from 'react';
-import { FormField, DatePicker } from '@wix/design-system';
-import { getDateWithoutTimezone, getISODateStringWithFixedTimezone } from './utils/dates';
-import { useSelector, useWixPatternsContainer, useEntityPageContext } from '@wix/patterns';
-import { useController } from '@wix/patterns/form';
-function validateDateField(value, validation, t, format, validationType) {
-  if (validation != null && validation.required && (value === null || value === undefined || value === '')) {
-    return t('cairo.fieldValidation.requiredField');
-  } else if (validationType === 'formatError' && format) {
-    return t('cairo.customFields.fieldType.date.invalid.value', {
-      dateFormat: format
-    });
-  }
-  return '';
-}
-export const DateInput = props => {
-  var _pageState$entity, _field$validation;
-  const {
-    field,
-    dataHook,
-    inputRef
-  } = props;
-  const {
-    translate: t,
-    ...container
-  } = useWixPatternsContainer();
-  useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
-  const controller = useController({
-    name: (field == null ? void 0 : field.id) ?? '',
-    control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
-    rules: {
-      validate: value => {
-        const error = validateDateField(value, field.validation, t);
-        return error || true;
-      }
-    }
-  });
-  const [date, setDate] = useState(() => {
-    if (controller.field.value) {
-      return getDateWithoutTimezone(getISODateStringWithFixedTimezone(controller.field.value));
-    }
-    return undefined;
-  });
-  const ref = useRef({});
-  const [errorMessage, setErrorMessage] = useState('');
-  return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName,
-    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
-    dataHook: dataHook
-  }, /*#__PURE__*/React.createElement(DatePicker, {
-    ref: internalRef => {
-      inputRef == null || inputRef(ref.current);
-      // @ts-expect-error: WSR internal API hack for focusing
-      ref.current.focus = () => {
-        var _internalRef$state;
-        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
-      };
-    },
-    dataHook: `date-${field.id}`,
-    width: "100%",
-    value: date,
-    onChange: newValue => {
-      setDate(newValue);
-      if (newValue) {
-        const formattedDate = getISODateStringWithFixedTimezone(newValue);
-        controller.field.onChange(formattedDate.split('T')[0]);
-      } else {
-        controller.field.onChange(null);
-      }
-    },
-    onValidate: _ref => {
-      let {
-        validationType,
-        value: newValue,
-        format
-      } = _ref;
-      const error = validateDateField(newValue, field.validation, t, format, validationType);
-      setErrorMessage(error);
-      ref.current.invalid = !!error;
-      if (validationType === 'formatError' && newValue === '') {
-        setDate(undefined);
-        controller.field.onChange(null);
-      }
-    },
-    status: errorMessage ? 'error' : undefined,
-    statusMessage: errorMessage
-  }));
-};
-//# sourceMappingURL=DateInput.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/DateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","useRef","FormField","DatePicker","getDateWithoutTimezone","getISODateStringWithFixedTimezone","useSelector","useWixPatternsContainer","useEntityPageContext","useController","validateDateField","value","validation","t","format","validationType","required","undefined","dateFormat","DateInput","props","_pageState$entity","_field$validation","field","dataHook","inputRef","translate","container","initTask","status","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","error","date","setDate","ref","errorMessage","setErrorMessage","createElement","label","displayName","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","_ref","invalid","statusMessage"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport {\n  useSelector,\n  useWixPatternsContainer,\n  useEntityPageContext,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/DateTime.js

@@ -1,167 +0,0 @@
-import React, { useRef, useMemo, useState, useEffect } from 'react';
-import { Cell, DatePicker, FormField, Layout, TimeInput } from '@wix/design-system';
-import { useWixPatternsContainer, useSelector, useEntityPageContext } from '@wix/patterns';
-import { useController } from '@wix/patterns/form';
-export const DateTime = props => {
-  var _pageState$entity, _field$validation2;
-  const {
-    field,
-    dataHook,
-    inputRef
-  } = props;
-  const {
-    translate: t,
-    ...container
-  } = useWixPatternsContainer();
-  useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
-  const controller = useController({
-    name: (field == null ? void 0 : field.id) ?? '',
-    control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
-    rules: {
-      validate: v => {
-        var _field$validation;
-        if (field != null && (_field$validation = field.validation) != null && _field$validation.required && (v === null || v === undefined || v === '')) {
-          return t('cairo.fieldValidation.requiredField');
-        }
-        return true;
-      }
-    }
-  });
-  const date = useMemo(() => {
-    if (!controller.field.value) {
-      return undefined;
-    }
-    const d = new Date(controller.field.value);
-    return isNaN(d.getTime()) ? undefined : d;
-  }, [controller.field.value]);
-  const [dateStatusMessage, setDateStatusMessage] = useState('');
-  const [timeStatusMessage, setTimeStatusMessage] = useState('');
-  const ref = useRef({});
-  const dateRef = useRef({});
-  const timeRef = useRef({});
-  const [dateValue, setDateValue] = useState(date == null ? void 0 : date.getDate());
-  const [timeValue, setTimeValue] = useState(date == null ? void 0 : date.getTime());
-  useEffect(() => {
-    ref.current.focus = () => {
-      if (dateRef.current.invalid) {
-        return dateRef.current.focus == null ? void 0 : dateRef.current.focus();
-      }
-      return timeRef.current.focus == null ? void 0 : timeRef.current.focus();
-    };
-    inputRef == null || inputRef(ref.current);
-  }, [inputRef]);
-  return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName,
-    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
-    dataHook: dataHook
-  }, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(DatePicker, {
-    ref: internalRef => {
-      dateRef.current.focus = () => {
-        var _internalRef$state;
-        return (// TODO: PR to WSR needed to expose as public API
-          // @ts-expect-error
-          internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus()
-        );
-      };
-    },
-    width: "100%",
-    value: date
-    // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change so we use onValidate
-    ,
-    onChange: () => {},
-    onValidate: _ref => {
-      let {
-        validationType,
-        value: newValue,
-        format
-      } = _ref;
-      if (validationType === 'valid') {
-        const dateWithNewDate = date ? new Date(date) : new Date(newValue);
-        const _value = new Date(newValue);
-        dateWithNewDate.setFullYear(_value.getFullYear());
-        dateWithNewDate.setMonth(_value.getMonth());
-        dateWithNewDate.setDate(_value.getDate());
-        controller.field.onChange(dateWithNewDate.toISOString());
-        setDateValue(new Date(newValue).getDate());
-        setDateStatusMessage('');
-        dateRef.current.invalid = false;
-      } else if (validationType === 'formatError' && newValue === '') {
-        var _field$validation3;
-        if ((_field$validation3 = field.validation) != null && _field$validation3.required) {
-          setDateStatusMessage(t('cairo.fieldValidation.requiredField'));
-          dateRef.current.invalid = true;
-        } else {
-          setDateStatusMessage('');
-          dateRef.current.invalid = false;
-        }
-        setDateValue(newValue);
-        if (!timeValue) {
-          controller.field.onChange(null);
-        }
-      } else {
-        setDateStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
-          dateFormat: format ?? ''
-        }));
-        dateRef.current.invalid = true;
-      }
-      ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
-    },
-    status: controller.fieldState.error || dateStatusMessage ? 'error' : undefined,
-    statusMessage: controller.fieldState.error || dateStatusMessage,
-    dataHook: `datetime-date-${field.id}`
-  })), /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(TimeInput, {
-    ref: internalRef => {
-      timeRef.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
-    },
-    dataHook: `datetime-time-${field.id}`,
-    value: date ?? null,
-    status: controller.fieldState.error || timeStatusMessage ? 'error' : undefined,
-    statusMessage: controller.fieldState.error || timeStatusMessage,
-    onInvalid: () => {
-      timeRef.current.invalid = true;
-      setTimeStatusMessage(t('cairo.customFields.fieldType.dateAndTime.invalid.value'));
-      ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
-    },
-    onChange: _ref2 => {
-      let {
-        date: newValue
-      } = _ref2;
-      timeRef.current.invalid = false;
-      ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
-      if (newValue) {
-        const dateWithNewTime = date ? new Date(date) : newValue;
-        dateWithNewTime.setHours(newValue.getHours());
-        dateWithNewTime.setMinutes(newValue.getMinutes());
-        dateWithNewTime.setSeconds(newValue.getSeconds());
-        dateWithNewTime.setMilliseconds(newValue.getMilliseconds());
-        controller.field.onChange(dateWithNewTime.toISOString());
-        setTimeStatusMessage('');
-        setDateStatusMessage('');
-      } else {
-        if (!newValue) {
-          var _field$validation4;
-          setTimeValue('');
-          if ((_field$validation4 = field.validation) != null && _field$validation4.required) {
-            setTimeStatusMessage(t('cairo.fieldValidation.requiredField'));
-            timeRef.current.invalid = true;
-          } else {
-            setTimeStatusMessage('');
-            timeRef.current.invalid = false;
-          }
-          if (!ref.current.invalid) {
-            if (!dateValue) {
-              controller.field.onChange(null);
-            }
-          }
-        }
-      }
-    }
-  }))));
-};
-//# sourceMappingURL=DateTime.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/DateTime.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useRef","useMemo","useState","useEffect","Cell","DatePicker","FormField","Layout","TimeInput","useWixPatternsContainer","useSelector","useEntityPageContext","useController","DateTime","props","_pageState$entity","_field$validation2","field","dataHook","inputRef","translate","t","container","initTask","status","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","v","_field$validation","validation","required","undefined","date","value","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","timeStatusMessage","setTimeStatusMessage","ref","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","current","focus","invalid","createElement","label","displayName","span","internalRef","_internalRef$state","state","width","onChange","onValidate","_ref","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","fieldState","error","statusMessage","onInvalid","_ref2","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateTime.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n  Cell,\n  DatePicker,\n  FormField,\n  Layout,\n  TimeInput,\n} from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport {\n  useWixPatternsContainer,\n  useSelector,\n  useEntityPageContext,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface DateTimeProps extends BaseInputProps<string | null> {}\n\nexport const DateTime = (props: DateTimeProps) => {\n  const { field, dataHook, inputRef } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (v) => {\n        if (\n          field?.validation?.required &&\n          (v === null || v === undefined || v === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const date = useMemo(() => {\n    if (!controller.field.value) {\n      return undefined;\n    }\n    const d = new Date(controller.field.value);\n    return isNaN(d.getTime()) ? undefined : d;\n  }, [controller.field.value]);\n\n  const [dateStatusMessage, setDateStatusMessage] = useState('');\n  const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n  const ref = useRef<BaseInputRef>({});\n  const dateRef = useRef<BaseInputRef>({});\n  const timeRef = useRef<BaseInputRef>({});\n  const [dateValue, setDateValue] = useState<number | string | undefined>(\n    date?.getDate(),\n  );\n  const [timeValue, setTimeValue] = useState<number | string | undefined>(\n    date?.getTime(),\n  );\n\n  useEffect(() => {\n    ref.current.focus = () => {\n      if (dateRef.current.invalid) {\n        return dateRef.current.focus?.();\n      }\n\n      return timeRef.current.focus?.();\n    };\n\n    inputRef?.(ref.current);\n  }, [inputRef]);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <Layout>\n        <Cell span={6}>\n          <DatePicker\n            ref={(internalRef) => {\n              dateRef.current.focus = () =>\n                // TODO: PR to WSR needed to expose as public API\n                // @ts-expect-error\n                internalRef?.state?.inputRef?.focus?.();\n            }}\n            width=\"100%\"\n            value={date}\n            // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change so we use onValidate\n            onChange={() => {}}\n            onValidate={({ validationType, value: newValue, format }) => {\n              if (validationType === 'valid') {\n                const dateWithNewDate = date\n                  ? new Date(date)\n                  : new Date(newValue);\n                const _value = new Date(newValue);\n                dateWithNewDate.setFullYear(_value.getFullYear());\n                dateWithNewDate.setMonth(_value.getMonth());\n                dateWithNewDate.setDate(_value.getDate());\n                controller.field.onChange(dateWithNewDate.toISOString());\n                setDateValue(new Date(newValue).getDate());\n                setDateStatusMessage('');\n                dateRef.current.invalid = false;\n              } else if (validationType === 'formatError' && newValue === '') {\n                if (field.validation?.required) {\n                  setDateStatusMessage(\n                    t('cairo.fieldValidation.requiredField'),\n                  );\n                  dateRef.current.invalid = true;\n                } else {\n                  setDateStatusMessage('');\n                  dateRef.current.invalid = false;\n                }\n                setDateValue(newValue);\n                if (!timeValue) {\n                  controller.field.onChange(null);\n                }\n              } else {\n                setDateStatusMessage(\n                  t('cairo.customFields.fieldType.date.invalid.value', {\n                    dateFormat: format ?? '',\n                  }),\n                );\n                dateRef.current.invalid = true;\n              }\n\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            status={\n              controller.fieldState.error || dateStatusMessage\n                ? 'error'\n                : undefined\n            }\n            statusMessage={controller.fieldState.error || dateStatusMessage}\n            dataHook={`datetime-date-${field.id}`}\n          />\n        </Cell>\n        <Cell span={6}>\n          <TimeInput\n            ref={(internalRef) => {\n              timeRef.current.focus = () => internalRef?.focus();\n            }}\n            dataHook={`datetime-time-${field.id}`}\n            value={date ?? null}\n            status={\n              controller.fieldState.error || timeStatusMessage\n                ? 'error'\n                : undefined\n            }\n            statusMessage={controller.fieldState.error || timeStatusMessage}\n            onInvalid={() => {\n              timeRef.current.invalid = true;\n              setTimeStatusMessage(\n                t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n              );\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            onChange={({ date: newValue }) => {\n              timeRef.current.invalid = false;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n\n              if (newValue) {\n                const dateWithNewTime = date ? new Date(date) : newValue;\n                dateWithNewTime.setHours(newValue.getHours());\n                dateWithNewTime.setMinutes(newValue.getMinutes());\n                dateWithNewTime.setSeconds(newValue.getSeconds());\n                dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n                controller.field.onChange(dateWithNewTime.toISOString());\n                setTimeStatusMessage('');\n                setDateStatusMessage('');\n              } else {\n                if (!newValue) {\n                  setTimeValue('');\n                  if (field.validation?.required) {\n                    setTimeStatusMessage(\n                      t('cairo.fieldValidation.requiredField'),\n                    );\n                    timeRef.current.invalid = true;\n                  } else {\n                    setTimeStatusMessage('');\n                    timeRef.current.invalid = false;\n                  }\n                  if (!ref.current.invalid) {\n                    if (!dateValue) {\n                      controller.field.onChange(null);\n                    }\n                  }\n                }\n              }\n            }}\n          />\n        </Cell>\n      </Layout>\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/FormFieldInput.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { ShortText } from './ShortText';
-import { useEntityPageContext } from '@wix/patterns';
-import { useController } from '@wix/patterns/form';
-import { Checkbox } from './Checkbox';
-import { DateInput } from './DateInput';
-import { DateTime } from './DateTime';
-import { Number } from './Number';
-import { LongText } from './LongText';
-import { Url } from './Url';
-import { ImageInput } from './ImageInput';
-export const EDITABLE_INPUT_ELEMENTS = {
-  SHORT_TEXT: ShortText,
-  LONG_TEXT: LongText,
-  BOOLEAN: Checkbox,
-  DATE: DateInput,
-  DATETIME: DateTime,
-  NUMBER: Number,
-  URL: Url,
-  IMAGE: ImageInput
-};
-export const FormFieldInput = props => {
-  var _pageState$entity;
-  const {
-    field,
-    inputRef
-  } = props;
-  const pageState = useEntityPageContext();
-  const controller = useController({
-    name: (field == null ? void 0 : field.id) ?? '',
-    control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? '']
-  });
-  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState) {
-    return null;
-  }
-  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
-  return /*#__PURE__*/React.createElement(FieldInput, {
-    field: field,
-    value: controller.field.value,
-    onChange: controller.field.onChange,
-    dataHook: `form-field-${field.id}`,
-    inputRef: inputRef
-  });
-};
-//# sourceMappingURL=FormFieldInput.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/FormFieldInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ShortText","useEntityPageContext","useController","Checkbox","DateInput","DateTime","Number","LongText","Url","ImageInput","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","NUMBER","URL","IMAGE","FormFieldInput","props","_pageState$entity","field","inputRef","pageState","controller","name","id","control","form","defaultValue","entity","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortText } from './ShortText';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../../types';\nimport { Checkbox } from './Checkbox';\nimport { DateInput } from './DateInput';\nimport { DateTime } from './DateTime';\nimport { Number } from './Number';\nimport { LongText } from './LongText';\nimport { Url } from './Url';\nimport { BaseInputProps } from './types';\nimport { ImageInput } from './ImageInput';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n};\n\nexport interface FormFieldInputProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n}\n\nexport const FormFieldInput = (props: FormFieldInputProps) => {\n  const { field, inputRef } = props;\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAEX,SAAS;EACrBY,SAAS,EAAEL,QAAQ;EACnBM,OAAO,EAAEV,QAAQ;EACjBW,IAAI,EAAEV,SAAS;EACfW,QAAQ,EAAEV,QAAQ;EAClBW,MAAM,EAAEV,MAAM;EACdW,GAAG,EAAET,GAAG;EACRU,KAAK,EAAET;AACT,CAAC;AAOD,OAAO,MAAMU,cAAc,GAAIC,KAA0B,IAAK;EAAA,IAAAC,iBAAA;EAC5D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAEjC,MAAMI,SAAS,GAAGvB,oBAAoB,CAAC,CAAC;EAExC,MAAMwB,UAAU,GAAGvB,aAAa,CAAC;IAC/BwB,IAAI,EAAE,CAAAJ,KAAK,oBAALA,KAAK,CAAEK,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAT,iBAAA,GAAGG,SAAS,CAACO,MAAM,qBAAjBV,iBAAA,CAA4B,CAAAC,KAAK,oBAALA,KAAK,CAAEK,EAAE,KAAI,EAAE;EAC3D,CAAC,CAAC;EAEF,IAAI,CAACjB,uBAAuB,CAACsB,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,IAAI,CAACT,SAAS,EAAE;IACrE,OAAO,IAAI;EACb;EAEA,MAAMU,UAAU,GAAGxB,uBAAuB,CAACY,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACElC,KAAA,CAAAoC,aAAA,CAACD,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAEX,UAAU,CAACH,KAAK,CAACc,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACH,KAAK,CAACe,QAAS;IACpCC,QAAQ,EAAE,cAAchB,KAAK,CAACK,EAAE,EAAG;IACnCJ,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/ImageInput.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { FormField, ImageViewer } from '@wix/design-system';
-import { useEntityPageContext, useIsMobile, useSelector, useWixPatternsContainer } from '@wix/patterns';
-import { useController } from '@wix/patterns/form';
-import { getImageUrl } from '../../../utils/media/getImageUrl';
-import { dashboard } from '@wix/dashboard';
-export const ImageInput = props => {
-  var _pageState$entity, _field$validation2, _controller$fieldStat;
-  const {
-    field,
-    dataHook
-  } = props;
-  const {
-    translate: t,
-    ...container
-  } = useWixPatternsContainer();
-  useSelector(() => container.initTask.status);
-  const isMobile = useIsMobile();
-  const pageState = useEntityPageContext();
-  async function openMedia() {
-    try {
-      var _chosenMediaItems$ite;
-      const chosenMediaItems = await dashboard.openMediaManager({
-        multiSelect: false,
-        category: 'IMAGE'
-      });
-      const newImage = chosenMediaItems == null || (_chosenMediaItems$ite = chosenMediaItems.items[0]) == null || (_chosenMediaItems$ite = _chosenMediaItems$ite.media) == null || (_chosenMediaItems$ite = _chosenMediaItems$ite.image) == null ? void 0 : _chosenMediaItems$ite.image;
-      controller.field.onChange(newImage);
-    } catch (error) {
-      console.error('Error opening Media Manager or no files selected:', error);
-    }
-  }
-  const controller = useController({
-    name: (field == null ? void 0 : field.id) ?? '',
-    control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
-    rules: {
-      validate: value => {
-        var _field$validation;
-        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
-          return t('cairo.fieldValidation.requiredField');
-        }
-        return true;
-      }
-    }
-  });
-  const imageUrl = controller.field.value && getImageUrl(controller.field.value);
-  return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName,
-    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
-    status: controller.fieldState.error ? 'error' : undefined,
-    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
-    dataHook: dataHook
-  }, /*#__PURE__*/React.createElement(ImageViewer, {
-    imageUrl: imageUrl,
-    dataHook: `image-${field.id}`,
-    onAddImage: isMobile ? undefined : () => openMedia(),
-    onUpdateImage: isMobile ? undefined : () => openMedia(),
-    updateImageInfo: t('cairo.replace-image.tooltip'),
-    removeImageInfo: t('cairo.remove-image.tooltip'),
-    addImageInfo: t('cairo.add-image.tooltip'),
-    height: "120px",
-    width: "25%",
-    fit: "cover",
-    onRemoveImage: () => controller.field.onChange(null)
-  }));
-};
-//# sourceMappingURL=ImageInput.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/ImageInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","FormField","ImageViewer","useEntityPageContext","useIsMobile","useSelector","useWixPatternsContainer","useController","getImageUrl","dashboard","ImageInput","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","initTask","status","isMobile","pageState","openMedia","_chosenMediaItems$ite","chosenMediaItems","openMediaManager","multiSelect","category","newImage","items","media","image","controller","onChange","error","console","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","imageUrl","createElement","label","displayName","fieldState","statusMessage","message","onAddImage","onUpdateImage","updateImageInfo","removeImageInfo","addImageInfo","height","width","fit","onRemoveImage"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ImageInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ImageViewer } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useIsMobile,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { getImageUrl } from '../../../utils/media/getImageUrl';\nimport { dashboard } from '@wix/dashboard';\n\nexport interface ImageInputProps extends BaseInputProps<string> {}\n\nexport const ImageInput = (props: ImageInputProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const isMobile = useIsMobile();\n  const pageState = useEntityPageContext();\n\n  async function openMedia() {\n    try {\n      const chosenMediaItems = await dashboard.openMediaManager({\n        multiSelect: false,\n        category: 'IMAGE',\n      });\n\n      const newImage = chosenMediaItems?.items[0]?.media?.image?.image;\n\n      controller.field.onChange(newImage);\n    } catch (error) {\n      console.error('Error opening Media Manager or no files selected:', error);\n    }\n  }\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const imageUrl =\n    controller.field.value && getImageUrl(controller.field.value);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <ImageViewer\n        imageUrl={imageUrl}\n        dataHook={`image-${field.id}`}\n        onAddImage={isMobile ? undefined : () => openMedia()}\n        onUpdateImage={isMobile ? undefined : () => openMedia()}\n        updateImageInfo={t('cairo.replace-image.tooltip')}\n        removeImageInfo={t('cairo.remove-image.tooltip')}\n        addImageInfo={t('cairo.add-image.tooltip')}\n        height=\"120px\"\n        width=\"25%\"\n        fit=\"cover\"\n        onRemoveImage={() => controller.field.onChange(null)}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/LongText.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { FormField, InputArea } from '@wix/design-system';
-import { useEntityPageContext, useSelector, useWixPatternsContainer } from '@wix/patterns';
-import { useController } from '@wix/patterns/form';
-export const LongText = props => {
-  var _pageState$entity, _field$validation2, _controller$fieldStat;
-  const {
-    field,
-    dataHook
-  } = props;
-  const {
-    translate: t,
-    ...container
-  } = useWixPatternsContainer();
-  useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
-  const controller = useController({
-    name: (field == null ? void 0 : field.id) ?? '',
-    control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
-    rules: {
-      validate: value => {
-        var _field$validation;
-        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
-          return t('cairo.fieldValidation.requiredField');
-        }
-        return true;
-      }
-    }
-  });
-  return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName,
-    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
-    status: controller.fieldState.error ? 'error' : undefined,
-    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
-    dataHook: dataHook
-  }, /*#__PURE__*/React.createElement(InputArea, {
-    value: controller.field.value,
-    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
-    onBlur: controller.field.onBlur,
-    ref: controller.field.ref,
-    dataHook: `long-text-${field.id}`
-  }));
-};
-//# sourceMappingURL=LongText.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/LongText.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","FormField","InputArea","useEntityPageContext","useSelector","useWixPatternsContainer","useController","LongText","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","initTask","status","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","createElement","label","displayName","fieldState","error","statusMessage","message","onChange","e","target","onBlur","ref"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/LongText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, InputArea } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface LongTextProps extends BaseInputProps<string> {}\n\nexport const LongText = (props: LongTextProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <InputArea\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`long-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,QAAQ,oBAAoB;AAEzD,SACEC,oBAAoB,EACpBC,WAAW,EACXC,uBAAuB,QAClB,eAAe;AACtB,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,qBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEjC,MAAM;IAAEM,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAChED,WAAW,CAAC,MAAMY,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,SAAS,GAAGhB,oBAAoB,CAAC,CAAC;EAExC,MAAMiB,UAAU,GAAGd,aAAa,CAAC;IAC/Be,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAhB,iBAAA,GAAGU,SAAS,CAACO,MAAM,qBAAjBjB,iBAAA,CAA4B,CAAAG,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IAC1DK,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAlB,KAAK,CAACmB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOd,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAAkC,aAAA,CAACjC,SAAS;IACRkC,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzBJ,QAAQ,GAAAtB,kBAAA,GAAEE,KAAK,CAACmB,UAAU,qBAAhBrB,kBAAA,CAAkBsB,QAAS;IACrCd,MAAM,EAAEE,UAAU,CAACiB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGL,SAAU;IAC1DM,aAAa,GAAA5B,qBAAA,GAAES,UAAU,CAACiB,UAAU,CAACC,KAAK,qBAA3B3B,qBAAA,CAA6B6B,OAAQ;IACpD3B,QAAQ,EAAEA;EAAS,gBAEnBb,KAAA,CAAAkC,aAAA,CAAChC,SAAS;IACR2B,KAAK,EAAET,UAAU,CAACR,KAAK,CAACiB,KAAM;IAC9BY,QAAQ,EAAGC,CAAC,IAAKtB,UAAU,CAACR,KAAK,CAAC6B,QAAQ,oBAAzBrB,UAAU,CAACR,KAAK,CAAC6B,QAAQ,CAAGC,CAAC,CAACC,MAAM,CAACd,KAAK,CAAE;IAC7De,MAAM,EAAExB,UAAU,CAACR,KAAK,CAACgC,MAAO;IAChCC,GAAG,EAAEzB,UAAU,CAACR,KAAK,CAACiC,GAAI;IAC1BhC,QAAQ,EAAE,aAAaD,KAAK,CAACU,EAAE;EAAG,CACnC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}