@wix/auto-patterns 1.45.0 → 1.47.0

package/dist/cjs/cms-fields/components/text/index.js

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

package/dist/cjs/cms-fields/components/text/index.js.map

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

package/dist/cjs/cms-fields/components/text/text-view.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TextView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _tooltip = require("../../utils/tooltip");
+var _truncateEntityTitle = require("../../utils/truncate-entity-title");
+var _textViewStCss = require("./text-view.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/text/text-view.tsx";
+const TextView = props => {
+  const {
+    data = '',
+    size = 'small',
+    weight = 'normal',
+    tooltipProps,
+    className,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, (0, _extends2.default)({
+    ellipsis: true
+  }, rest, {
+    size: size,
+    weight: weight,
+    tooltipProps: {
+      ..._tooltip.smallTooltipCommonProps,
+      ...tooltipProps
+    },
+    className: (0, _textViewStCss.st)(_textViewStCss.classes.textView, {}, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }), (0, _truncateEntityTitle.truncateEntityTitle)(String(data)));
+};
+exports.TextView = TextView;
+TextView.displayName = 'TextView';
+//# sourceMappingURL=text-view.js.map

package/dist/cjs/cms-fields/components/text/text-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_tooltip","_truncateEntityTitle","_textViewStCss","_jsxFileName","TextView","props","data","size","weight","tooltipProps","className","rest","default","createElement","Text","_extends2","ellipsis","smallTooltipCommonProps","st","classes","textView","__self","__source","fileName","lineNumber","columnNumber","truncateEntityTitle","String","exports","displayName"],"sources":["../../../../../src/cms-fields/components/text/text-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text, TextProps } from '@wix/design-system';\n\nimport { smallTooltipCommonProps } from '../../utils/tooltip';\nimport { truncateEntityTitle } from '../../utils/truncate-entity-title';\nimport { classes, st } from './text-view.st.css.js';\n\nexport type TextViewProps = TextProps & {\n  data?: string | number | boolean;\n};\n\nexport const TextView = (props: TextViewProps) => {\n  const {\n    data = '',\n    size = 'small',\n    weight = 'normal',\n    tooltipProps,\n    className,\n    ...rest\n  } = props;\n  return (\n    <Text\n      ellipsis\n      {...rest}\n      size={size}\n      weight={weight}\n      tooltipProps={{ ...smallTooltipCommonProps, ...tooltipProps }}\n      className={st(classes.textView, {}, className)}\n    >\n      {truncateEntityTitle(String(data))}\n    </Text>\n  );\n};\n\nTextView.displayName = 'TextView';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAM7C,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IACJC,IAAI,GAAG,EAAE;IACTC,IAAI,GAAG,OAAO;IACdC,MAAM,GAAG,QAAQ;IACjBC,YAAY;IACZC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,oBACET,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI,MAAAC,SAAA,CAAAH,OAAA;IACHI,QAAQ;EAAA,GACJL,IAAI;IACRJ,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAE;MAAE,GAAGQ,gCAAuB;MAAE,GAAGR;IAAa,CAAE;IAC9DC,SAAS,EAAE,IAAAQ,iBAAE,EAACC,sBAAO,CAACC,QAAQ,EAAE,CAAC,CAAC,EAAEV,SAAS,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAE9C,IAAAC,wCAAmB,EAACC,MAAM,CAACrB,IAAI,CAAC,CAC7B,CAAC;AAEX,CAAC;AAACsB,OAAA,CAAAxB,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACyB,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/cms-fields/components/text/text-view.st.css

@@ -0,0 +1,9 @@
+/*
+    Quick fix for getting rid of system tooltips
+    based on https://stackoverflow.com/questions/20974276/prevent-safari-from-showing-tooltip-when-text-overflow-is-hidden-with-ellipsis
+    TODO: fix on WSR level
+*/
+.textView::after {
+    content: '';
+    display: block;
+}

package/dist/cjs/cms-fields/components/text/text-view.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "textview1013831791";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "textview1013831791__root",
+  "textView": "textview1013831791__textView"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=text-view.st.css.js.map

package/dist/cjs/cms-fields/components/text/text-view.st.css.js.map

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

package/dist/cjs/cms-fields/components/time-input/form-time-input.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormTimeInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+var _timeInput = require("./time-input");
+var _hooks2 = require("./hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/time-input/form-time-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FormTimeInput = ({
+  data,
+  onChange,
+  onInput,
+  autoFocus,
+  readOnly,
+  dataHook
+}) => {
+  const inputRef = (0, _react.useRef)(null);
+  (0, _hooks.useAutoFocus)(inputRef, autoFocus);
+  const [value, onChangeValue] = (0, _hooks2.useTime)(data, onChange);
+  return /*#__PURE__*/_react.default.createElement(_timeInput.AutoWidthTimeInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    readOnly: readOnly,
+    value: value,
+    onChange: onChangeValue,
+    onInput: onInput,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  });
+};
+exports.FormTimeInput = FormTimeInput;
+FormTimeInput.displayName = 'FormTimeInput';
+//# sourceMappingURL=form-time-input.js.map

package/dist/cjs/cms-fields/components/time-input/form-time-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_timeInput","_hooks2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormTimeInput","data","onChange","onInput","autoFocus","readOnly","dataHook","inputRef","useRef","useAutoFocus","value","onChangeValue","useTime","createElement","AutoWidthTimeInput","ref","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/cms-fields/components/time-input/form-time-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef } from 'react';\n\nimport type { TimeInputImperativeActions } from '@wix/design-system';\n\nimport type { FormInputProps } from '../../types';\nimport { useAutoFocus } from '../../hooks';\n\nimport { AutoWidthTimeInput } from './time-input';\nimport { useTime, type Time } from './hooks';\n\nexport type FormTimeInputProps = FormInputProps<Time>;\n\nexport const FormTimeInput: FC<FormTimeInputProps> = ({\n  data,\n  onChange,\n  onInput,\n  autoFocus,\n  readOnly,\n  dataHook,\n}) => {\n  const inputRef = useRef<TimeInputImperativeActions>(null);\n  useAutoFocus(inputRef, autoFocus);\n\n  const [value, onChangeValue] = useTime(data, onChange);\n\n  return (\n    <AutoWidthTimeInput\n      dataHook={dataHook}\n      ref={inputRef}\n      readOnly={readOnly}\n      value={value}\n      onChange={onChangeValue}\n      onInput={onInput}\n    />\n  );\n};\n\nFormTimeInput.displayName = 'FormTimeInput';\n\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA6C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAItC,MAAMkB,aAAqC,GAAGA,CAAC;EACpDC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAA6B,IAAI,CAAC;EACzD,IAAAC,mBAAY,EAACF,QAAQ,EAAEH,SAAS,CAAC;EAEjC,MAAM,CAACM,KAAK,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAO,EAACX,IAAI,EAAEC,QAAQ,CAAC;EAEtD,oBACE5B,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,UAAA,CAAAoC,kBAAkB;IACjBR,QAAQ,EAAEA,QAAS;IACnBS,GAAG,EAAER,QAAS;IACdF,QAAQ,EAAEA,QAAS;IACnBK,KAAK,EAAEA,KAAM;IACbR,QAAQ,EAAES,aAAc;IACxBR,OAAO,EAAEA,OAAQ;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAArB,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACsB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/cjs/cms-fields/components/time-input/hooks.js

@@ -0,0 +1,64 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useTime = exports.timeToDate = exports.dateToTime = void 0;
+var _react = require("react");
+// hh:mm:ss.SSS
+
+const COMMON_TIME_STRUCTURE_REGEXP = /(\d+):(\d+)(?::(\d+))?(?:\.(\d+))?/;
+const timePartToNumber = timePart => {
+  const number = Number(timePart);
+  return Number.isFinite(number) ? number : 0;
+};
+const numberToTimePart = (number, partLength = 2) => {
+  return ('00' + number).slice(-partLength);
+};
+const timeToDate = time => {
+  const date = new Date();
+  try {
+    const timeMatch = time.match(COMMON_TIME_STRUCTURE_REGEXP);
+    if (!timeMatch) {
+      return date;
+    }
+    const timeParts = [timeMatch[1], timeMatch[2], timeMatch[3], timeMatch[4]].map(timePartToNumber);
+    date.setHours(...timeParts);
+  } catch {
+    date.setHours(0, 0, 0, 0);
+  }
+  return date;
+};
+exports.timeToDate = timeToDate;
+const dateToTime = date => {
+  if (!Number.isFinite(date.getTime())) {
+    return '00:00:00.000';
+  }
+  const hh = numberToTimePart(date.getHours());
+  const mm = numberToTimePart(date.getMinutes());
+  const ss = numberToTimePart(date.getSeconds());
+  const SSS = numberToTimePart(date.getMilliseconds(), 3);
+  return `${hh}:${mm}:${ss}.${SSS}`;
+};
+
+/**
+ * Data format adapter hook for TimeInput component.
+ *
+ * Converts between storage format (string "hh:mm:ss.SSS") and UI format (Date object).
+ * This allows the Design System's TimeInput component (which expects Date) to work
+ * seamlessly with auto-patterns form state (which stores time as strings).
+ *
+ * @param time - Time value as string in "hh:mm:ss.SSS" format from form state
+ * @param onChangeTime - Callback that expects time as string in "hh:mm:ss.SSS" format
+ * @returns Tuple of [Date value for UI, onChange handler that converts Date back to string]
+ *
+ * @example
+ * const [value, onChangeValue] = useTime(data, onChange);
+ * <TimeInput value={value} onChange={onChangeValue} />
+ */
+exports.dateToTime = dateToTime;
+const useTime = (time, onChangeTime) => {
+  const value = (0, _react.useMemo)(() => time ? timeToDate(time) : undefined, [time]);
+  const onChangeValue = (0, _react.useCallback)(date => onChangeTime(date && dateToTime(date)), [onChangeTime]);
+  return [value, onChangeValue];
+};
+exports.useTime = useTime;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/cms-fields/components/time-input/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","COMMON_TIME_STRUCTURE_REGEXP","timePartToNumber","timePart","number","Number","isFinite","numberToTimePart","partLength","slice","timeToDate","time","date","Date","timeMatch","match","timeParts","map","setHours","exports","dateToTime","getTime","hh","getHours","mm","getMinutes","ss","getSeconds","SSS","getMilliseconds","useTime","onChangeTime","value","useMemo","undefined","onChangeValue","useCallback"],"sources":["../../../../../src/cms-fields/components/time-input/hooks.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nexport type Time = string; // hh:mm:ss.SSS\n\nconst COMMON_TIME_STRUCTURE_REGEXP = /(\\d+):(\\d+)(?::(\\d+))?(?:\\.(\\d+))?/;\n\nconst timePartToNumber = (timePart?: string) => {\n  const number = Number(timePart);\n  return Number.isFinite(number) ? number : 0;\n};\n\nconst numberToTimePart = (number: number, partLength = 2) => {\n  return ('00' + number).slice(-partLength);\n};\n\nexport const timeToDate = (time: Time): Date => {\n  const date = new Date();\n  try {\n    const timeMatch = time.match(COMMON_TIME_STRUCTURE_REGEXP);\n\n    if (!timeMatch) {\n      return date;\n    }\n\n    const timeParts = [\n      timeMatch[1],\n      timeMatch[2],\n      timeMatch[3],\n      timeMatch[4],\n    ].map(timePartToNumber) as [number, number, number, number];\n\n    date.setHours(...timeParts);\n  } catch {\n    date.setHours(0, 0, 0, 0);\n  }\n  return date;\n};\n\nexport const dateToTime = (date: Date): Time => {\n  if (!Number.isFinite(date.getTime())) {\n    return '00:00:00.000';\n  }\n\n  const hh = numberToTimePart(date.getHours());\n  const mm = numberToTimePart(date.getMinutes());\n  const ss = numberToTimePart(date.getSeconds());\n  const SSS = numberToTimePart(date.getMilliseconds(), 3);\n\n  return `${hh}:${mm}:${ss}.${SSS}`;\n};\n\n/**\n * Data format adapter hook for TimeInput component.\n *\n * Converts between storage format (string \"hh:mm:ss.SSS\") and UI format (Date object).\n * This allows the Design System's TimeInput component (which expects Date) to work\n * seamlessly with auto-patterns form state (which stores time as strings).\n *\n * @param time - Time value as string in \"hh:mm:ss.SSS\" format from form state\n * @param onChangeTime - Callback that expects time as string in \"hh:mm:ss.SSS\" format\n * @returns Tuple of [Date value for UI, onChange handler that converts Date back to string]\n *\n * @example\n * const [value, onChangeValue] = useTime(data, onChange);\n * <TimeInput value={value} onChange={onChangeValue} />\n */\nexport const useTime = (\n  time: Time | undefined,\n  onChangeTime: (time?: Time) => void,\n) => {\n  const value = useMemo(() => (time ? timeToDate(time) : undefined), [time]);\n  const onChangeValue = useCallback(\n    (date?: Date) => onChangeTime(date && dateToTime(date)),\n    [onChangeTime],\n  );\n  return [value, onChangeValue] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAE2B;;AAE3B,MAAMC,4BAA4B,GAAG,oCAAoC;AAEzE,MAAMC,gBAAgB,GAAIC,QAAiB,IAAK;EAC9C,MAAMC,MAAM,GAAGC,MAAM,CAACF,QAAQ,CAAC;EAC/B,OAAOE,MAAM,CAACC,QAAQ,CAACF,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC;AAC7C,CAAC;AAED,MAAMG,gBAAgB,GAAGA,CAACH,MAAc,EAAEI,UAAU,GAAG,CAAC,KAAK;EAC3D,OAAO,CAAC,IAAI,GAAGJ,MAAM,EAAEK,KAAK,CAAC,CAACD,UAAU,CAAC;AAC3C,CAAC;AAEM,MAAME,UAAU,GAAIC,IAAU,IAAW;EAC9C,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACvB,IAAI;IACF,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAK,CAACd,4BAA4B,CAAC;IAE1D,IAAI,CAACa,SAAS,EAAE;MACd,OAAOF,IAAI;IACb;IAEA,MAAMI,SAAS,GAAG,CAChBF,SAAS,CAAC,CAAC,CAAC,EACZA,SAAS,CAAC,CAAC,CAAC,EACZA,SAAS,CAAC,CAAC,CAAC,EACZA,SAAS,CAAC,CAAC,CAAC,CACb,CAACG,GAAG,CAACf,gBAAgB,CAAqC;IAE3DU,IAAI,CAACM,QAAQ,CAAC,GAAGF,SAAS,CAAC;EAC7B,CAAC,CAAC,MAAM;IACNJ,IAAI,CAACM,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAC3B;EACA,OAAON,IAAI;AACb,CAAC;AAACO,OAAA,CAAAT,UAAA,GAAAA,UAAA;AAEK,MAAMU,UAAU,GAAIR,IAAU,IAAW;EAC9C,IAAI,CAACP,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC,EAAE;IACpC,OAAO,cAAc;EACvB;EAEA,MAAMC,EAAE,GAAGf,gBAAgB,CAACK,IAAI,CAACW,QAAQ,CAAC,CAAC,CAAC;EAC5C,MAAMC,EAAE,GAAGjB,gBAAgB,CAACK,IAAI,CAACa,UAAU,CAAC,CAAC,CAAC;EAC9C,MAAMC,EAAE,GAAGnB,gBAAgB,CAACK,IAAI,CAACe,UAAU,CAAC,CAAC,CAAC;EAC9C,MAAMC,GAAG,GAAGrB,gBAAgB,CAACK,IAAI,CAACiB,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;EAEvD,OAAO,GAAGP,EAAE,IAAIE,EAAE,IAAIE,EAAE,IAAIE,GAAG,EAAE;AACnC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdAT,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAeO,MAAMU,OAAO,GAAGA,CACrBnB,IAAsB,EACtBoB,YAAmC,KAChC;EACH,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAOtB,IAAI,GAAGD,UAAU,CAACC,IAAI,CAAC,GAAGuB,SAAU,EAAE,CAACvB,IAAI,CAAC,CAAC;EAC1E,MAAMwB,aAAa,GAAG,IAAAC,kBAAW,EAC9BxB,IAAW,IAAKmB,YAAY,CAACnB,IAAI,IAAIQ,UAAU,CAACR,IAAI,CAAC,CAAC,EACvD,CAACmB,YAAY,CACf,CAAC;EACD,OAAO,CAACC,KAAK,EAAEG,aAAa,CAAC;AAC/B,CAAC;AAAChB,OAAA,CAAAW,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/time-input/index.js

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

package/dist/cjs/cms-fields/components/time-input/index.js.map

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

package/dist/cjs/cms-fields/components/time-input/time-input.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TimeInput = exports.AutoWidthTimeInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _useTranslations = require("../../hooks/use-translations");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/time-input/time-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const formatLocalTime = date => {
+  return date.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
+const TimeInput = exports.TimeInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  onFocus,
+  onBlur,
+  onChange,
+  onInvalidChange,
+  onInput,
+  placeholder,
+  invalidMessage,
+  ...props
+}, forwardedRef) => {
+  const {
+    t,
+    i18n
+  } = (0, _useTranslations.useTranslations)();
+  const invalidRef = (0, _react.useRef)(false);
+  const onInputInvalid = (0, _react.useCallback)(() => {
+    onInput == null || onInput();
+    invalidRef.current = true;
+    onInvalidChange == null || onInvalidChange(true);
+  }, [onInvalidChange, onInput]);
+  const onInputChange = (0, _react.useCallback)(({
+    date
+  }) => {
+    onInput == null || onInput();
+    invalidRef.current = false;
+    onInvalidChange == null || onInvalidChange(false);
+    const time = date !== null ? date : undefined;
+    !(0, _isEqual.default)(value, time) && (onChange == null ? void 0 : onChange(time));
+  }, [value, onChange, onInput, onInvalidChange]);
+  const onSetSelection = (0, _hooks.useSetSelectionOnFocus)();
+  const onInputFocus = (0, _react.useCallback)(e => {
+    onSetSelection(e);
+    onFocus == null || onFocus(e);
+  }, [onSetSelection, onFocus]);
+  const requestBlurCallback = (0, _hooks.useRequestFrameCallback)();
+  const onInputBlur = (0, _react.useCallback)(e => {
+    onBlur == null || onBlur(e);
+    if (invalidRef.current) {
+      requestBlurCallback(() => {
+        if (!invalidRef.current) {
+          onInvalidChange == null || onInvalidChange(false);
+        }
+      });
+    }
+  }, [onBlur, requestBlurCallback, onInvalidChange]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, (0, _extends2.default)({}, props, {
+    ref: forwardedRef,
+    value: value || null,
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    autoSelect: false,
+    onChange: onInputChange,
+    onInvalid: onInputInvalid,
+    placeholder: placeholder ?? t('auto-patterns.time_input.placeholder'),
+    invalidMessage: invalidMessage ?? t('auto-patterns.time_input.invalid_message'),
+    locale: i18n.language,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 101,
+      columnNumber: 7
+    }
+  }));
+});
+TimeInput.displayName = 'TimeInput';
+const maxLengthDateTime = new Date(2012, 12, 12, 12);
+const inputWidthOffset = 4;
+const inputInvalidOffset = 2.75;
+const popoverWidthOffset = 13;
+const AutoWidthTimeInput = exports.AutoWidthTimeInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  popoverProps,
+  onInvalidChange,
+  ...props
+}, forwardedRef) => {
+  const [invalid, setInvalid] = (0, _react.useState)(false);
+  const onChangeInvalid = (0, _react.useCallback)(status => {
+    setInvalid(status);
+    onInvalidChange == null || onInvalidChange(status);
+  }, [onInvalidChange]);
+  const calcWidth = (0, _react.useCallback)(offset => {
+    const formatted = formatLocalTime(maxLengthDateTime);
+    const invalidOffset = invalid ? inputInvalidOffset : 0;
+    return `${formatted.length + offset + invalidOffset}ch`;
+  }, [invalid]);
+  const width = (0, _react.useMemo)(() => calcWidth(inputWidthOffset), [calcWidth]);
+  const popoverWidth = (0, _react.useMemo)(() => calcWidth(popoverWidthOffset), [calcWidth]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 157,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(TimeInput, (0, _extends2.default)({}, props, {
+    ref: forwardedRef,
+    value: value,
+    onInvalidChange: onChangeInvalid,
+    popoverProps: {
+      ...popoverProps,
+      placement: 'bottom-start',
+      width: popoverWidth
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
+      columnNumber: 7
+    }
+  })));
+});
+AutoWidthTimeInput.displayName = 'TimeInput';
+//# sourceMappingURL=time-input.js.map

package/dist/cjs/cms-fields/components/time-input/time-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useTranslations","_isEqual","_interopRequireDefault","_designSystem","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","formatLocalTime","date","toLocaleTimeString","hour","minute","TimeInput","exports","forwardRef","value","onFocus","onBlur","onChange","onInvalidChange","onInput","placeholder","invalidMessage","props","forwardedRef","i18n","useTranslations","invalidRef","useRef","onInputInvalid","useCallback","current","onInputChange","time","undefined","isEqual","onSetSelection","useSetSelectionOnFocus","onInputFocus","requestBlurCallback","useRequestFrameCallback","onInputBlur","createElement","_extends2","ref","autoSelect","onInvalid","locale","language","__self","__source","fileName","lineNumber","columnNumber","displayName","maxLengthDateTime","Date","inputWidthOffset","inputInvalidOffset","popoverWidthOffset","AutoWidthTimeInput","popoverProps","invalid","setInvalid","useState","onChangeInvalid","status","calcWidth","offset","formatted","invalidOffset","length","width","useMemo","popoverWidth","style","placement"],"sources":["../../../../../src/cms-fields/components/time-input/time-input.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useRef,\n  useMemo,\n  useState,\n  useCallback,\n} from 'react';\nimport { useTranslations } from '../../hooks/use-translations';\nimport isEqual from 'lodash/isEqual';\nimport type {\n  TimeInputProps as WSRTimeInputProps,\n  TimeInputImperativeActions,\n} from '@wix/design-system';\nimport { TimeInput as WSRTimeInput } from '@wix/design-system';\n\nimport { useRequestFrameCallback, useSetSelectionOnFocus } from '../../hooks';\n\nexport type { TimeInputImperativeActions } from '@wix/design-system';\n\nexport interface TimeInputProps\n  extends Omit<\n    WSRTimeInputProps,\n    'value' | 'onChange' | 'locale' | 'onInvalid'\n  > {\n  value?: Date;\n  onChange?(date?: Date): void;\n  onInvalidChange?(invalid: boolean): void;\n  onInput?(): void;\n}\n\nconst formatLocalTime = (date: Date): string => {\n  return date.toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\nexport const TimeInput = forwardRef<TimeInputImperativeActions, TimeInputProps>(\n  (\n    {\n      value,\n      onFocus,\n      onBlur,\n      onChange,\n      onInvalidChange,\n      onInput,\n      placeholder,\n      invalidMessage,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { t, i18n } = useTranslations();\n\n    const invalidRef = useRef(false);\n    const onInputInvalid = useCallback(() => {\n      onInput?.();\n      invalidRef.current = true;\n      onInvalidChange?.(true);\n    }, [onInvalidChange, onInput]);\n\n    const onInputChange = useCallback(\n      ({ date }: { date: Date | null }) => {\n        onInput?.();\n\n        invalidRef.current = false;\n        onInvalidChange?.(false);\n\n        const time = date !== null ? date : undefined;\n        !isEqual(value, time) && onChange?.(time);\n      },\n      [value, onChange, onInput, onInvalidChange],\n    );\n\n    const onSetSelection = useSetSelectionOnFocus();\n    const onInputFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        onSetSelection(e);\n        onFocus?.(e);\n      },\n      [onSetSelection, onFocus],\n    );\n\n    const requestBlurCallback = useRequestFrameCallback();\n    const onInputBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        onBlur?.(e);\n\n        if (invalidRef.current) {\n          requestBlurCallback(() => {\n            if (!invalidRef.current) {\n              onInvalidChange?.(false);\n            }\n          });\n        }\n      },\n      [onBlur, requestBlurCallback, onInvalidChange],\n    );\n\n    return (\n      <WSRTimeInput\n        {...props}\n        ref={forwardedRef}\n        value={value || null}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        autoSelect={false}\n        onChange={onInputChange}\n        onInvalid={onInputInvalid}\n        placeholder={placeholder ?? t('auto-patterns.time_input.placeholder')}\n        invalidMessage={\n          invalidMessage ?? t('auto-patterns.time_input.invalid_message')\n        }\n        locale={i18n.language as WSRTimeInputProps['locale']}\n      />\n    );\n  },\n);\n\nTimeInput.displayName = 'TimeInput';\n\nconst maxLengthDateTime = new Date(2012, 12, 12, 12);\n\nconst inputWidthOffset = 4;\nconst inputInvalidOffset = 2.75;\nconst popoverWidthOffset = 13;\n\nexport const AutoWidthTimeInput = forwardRef<\n  TimeInputImperativeActions,\n  TimeInputProps\n>(({ value, popoverProps, onInvalidChange, ...props }, forwardedRef) => {\n  const [invalid, setInvalid] = useState(false);\n  const onChangeInvalid = useCallback(\n    (status: boolean) => {\n      setInvalid(status);\n      onInvalidChange?.(status);\n    },\n    [onInvalidChange],\n  );\n\n  const calcWidth = useCallback(\n    (offset: number) => {\n      const formatted = formatLocalTime(maxLengthDateTime);\n      const invalidOffset = invalid ? inputInvalidOffset : 0;\n      return `${formatted.length + offset + invalidOffset}ch`;\n    },\n    [invalid],\n  );\n\n  const width = useMemo(() => calcWidth(inputWidthOffset), [calcWidth]);\n  const popoverWidth = useMemo(\n    () => calcWidth(popoverWidthOffset),\n    [calcWidth],\n  );\n\n  return (\n    <div style={{ width }}>\n      <TimeInput\n        {...props}\n        ref={forwardedRef}\n        value={value}\n        onInvalidChange={onChangeInvalid}\n        popoverProps={{\n          ...popoverProps,\n          placement: 'bottom-start',\n          width: popoverWidth,\n        }}\n      />\n    </div>\n  );\n});\n\nAutoWidthTimeInput.displayName = 'TimeInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/time-view/hooks.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useFormattedTime = void 0;
+var _hooks = require("../time-input/hooks");
+const formatLocalTime = date => {
+  return date.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
+const useFormattedTime = time => {
+  return time ? formatLocalTime((0, _hooks.timeToDate)(time)) : undefined;
+};
+exports.useFormattedTime = useFormattedTime;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/cms-fields/components/time-view/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_hooks","require","formatLocalTime","date","toLocaleTimeString","hour","minute","useFormattedTime","time","timeToDate","undefined","exports"],"sources":["../../../../../src/cms-fields/components/time-view/hooks.ts"],"sourcesContent":["import { timeToDate, type Time } from '../time-input/hooks';\n\nconst formatLocalTime = (date: Date): string => {\n  return date.toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\nexport const useFormattedTime = (time?: Time) => {\n  return time ? formatLocalTime(timeToDate(time)) : undefined;\n};\n\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,eAAe,GAAIC,IAAU,IAAa;EAC9C,OAAOA,IAAI,CAACC,kBAAkB,CAAC,EAAE,EAAE;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAEM,MAAMC,gBAAgB,GAAIC,IAAW,IAAK;EAC/C,OAAOA,IAAI,GAAGN,eAAe,CAAC,IAAAO,iBAAU,EAACD,IAAI,CAAC,CAAC,GAAGE,SAAS;AAC7D,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/time-view/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _timeView = require("./time-view");
+Object.keys(_timeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timeView[key]) return;
+  exports[key] = _timeView[key];
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/time-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_timeView","require","Object","keys","forEach","key","exports","_hooks"],"sources":["../../../../../src/cms-fields/components/time-view/index.ts"],"sourcesContent":["export * from './time-view';\nexport * from './hooks';\n\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/time-view/time-view.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TimeView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _text = require("../text");
+var _hooks = require("./hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/time-view/time-view.tsx";
+const TimeView = ({
+  data,
+  ...props
+}) => {
+  const time = (0, _hooks.useFormattedTime)(data);
+  return /*#__PURE__*/_react.default.createElement(_text.TextView, (0, _extends2.default)({}, props, {
+    data: time,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 10
+    }
+  }));
+};
+exports.TimeView = TimeView;
+TimeView.displayName = 'TimeView';
+//# sourceMappingURL=time-view.js.map

package/dist/cjs/cms-fields/components/time-view/time-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_text","_hooks","_jsxFileName","TimeView","data","props","time","useFormattedTime","default","createElement","TextView","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/cms-fields/components/time-view/time-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextView, type TextViewProps } from '../text';\n\nimport { useFormattedTime } from './hooks';\nimport { Time } from '../time-input';\n\nexport type TimeViewProps = TextViewProps & {\n  data?: Time;\n};\n\nexport const TimeView: React.FC<TimeViewProps> = ({ data, ...props }) => {\n  const time = useFormattedTime(data);\n  return <TextView {...props} data={time} />;\n};\n\nTimeView.displayName = 'TimeView';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAOpC,MAAMC,QAAiC,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,KAAK;EACvE,MAAMC,IAAI,GAAG,IAAAC,uBAAgB,EAACH,IAAI,CAAC;EACnC,oBAAOP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,KAAA,CAAAU,QAAQ,MAAAC,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAED,IAAI,EAAEE,IAAK;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC5C,CAAC;AAACC,OAAA,CAAAd,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACe,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/cms-fields/components/user-site-fonts/fonts-urls.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.googleFonts = exports.fontsCssFileUrl = void 0;
+// Auto-generated from @wix/fonts-data
+// Source: googleFonts and fontsCssFileUrl exports from @wix/fonts-data
+// To update anything, see auto-cms-v2/bin/extract-fonts-urls.js
+
+const googleFonts = exports.googleFonts = 'https://static.parastorage.com/services/fonts-data/dist/google.pevhwy3x6rjv97vktts5.css';
+const fontsCssFileUrl = exports.fontsCssFileUrl = 'https://static.parastorage.com/services/fonts-data/dist/fonts.hz267ac7fkkfb3a18o8z.css';
+//# sourceMappingURL=fonts-urls.js.map

package/dist/cjs/cms-fields/components/user-site-fonts/fonts-urls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["googleFonts","exports","fontsCssFileUrl"],"sources":["../../../../../src/cms-fields/components/user-site-fonts/fonts-urls.ts"],"sourcesContent":["// Auto-generated from @wix/fonts-data\n// Source: googleFonts and fontsCssFileUrl exports from @wix/fonts-data\n// To update anything, see auto-cms-v2/bin/extract-fonts-urls.js\n\nexport const googleFonts =\n  'https://static.parastorage.com/services/fonts-data/dist/google.pevhwy3x6rjv97vktts5.css';\nexport const fontsCssFileUrl =\n  'https://static.parastorage.com/services/fonts-data/dist/fonts.hz267ac7fkkfb3a18o8z.css';\n"],"mappings":";;;;AAAA;AACA;AACA;;AAEO,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GACtB,yFAAyF;AACpF,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAC1B,wFAAwF","ignoreList":[]}

package/dist/cjs/cms-fields/components/user-site-fonts/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.UserSiteFontsPreload = exports.UserSiteFonts = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _fontsUrls = require("./fonts-urls");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/user-site-fonts/index.tsx";
+const UserSiteFontsPreload = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("link", {
+  rel: "preload",
+  as: "style",
+  href: _fontsUrls.googleFonts,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 7,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("link", {
+  rel: "preload",
+  as: "style",
+  href: _fontsUrls.fontsCssFileUrl,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 5
+  }
+}));
+exports.UserSiteFontsPreload = UserSiteFontsPreload;
+const UserSiteFonts = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("link", {
+  rel: "stylesheet",
+  href: _fontsUrls.googleFonts,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 14,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("link", {
+  rel: "stylesheet",
+  href: _fontsUrls.fontsCssFileUrl,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 15,
+    columnNumber: 5
+  }
+}));
+exports.UserSiteFonts = UserSiteFonts;
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/user-site-fonts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_fontsUrls","_jsxFileName","UserSiteFontsPreload","default","createElement","Fragment","rel","as","href","googleFonts","__self","__source","fileName","lineNumber","columnNumber","fontsCssFileUrl","exports","UserSiteFonts"],"sources":["../../../../../src/cms-fields/components/user-site-fonts/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { googleFonts, fontsCssFileUrl } from './fonts-urls';\n\nexport const UserSiteFontsPreload = () => (\n  <>\n    <link rel=\"preload\" as=\"style\" href={googleFonts} />\n    <link rel=\"preload\" as=\"style\" href={fontsCssFileUrl} />\n  </>\n);\n\nexport const UserSiteFonts = () => (\n  <>\n    <link rel=\"stylesheet\" href={googleFonts} />\n    <link rel=\"stylesheet\" href={fontsCssFileUrl} />\n  </>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAA4D,IAAAE,YAAA;AAErD,MAAMC,oBAAoB,GAAGA,CAAA,kBAClCL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAAAP,MAAA,CAAAM,OAAA,CAAAE,QAAA,qBACER,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAME,GAAG,EAAC,SAAS;EAACC,EAAE,EAAC,OAAO;EAACC,IAAI,EAAEC,sBAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eACpDjB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAME,GAAG,EAAC,SAAS;EAACC,EAAE,EAAC,OAAO;EAACC,IAAI,EAAEO,0BAAgB;EAAAL,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACvD,CACH;AAACE,OAAA,CAAAd,oBAAA,GAAAA,oBAAA;AAEK,MAAMe,aAAa,GAAGA,CAAA,kBAC3BpB,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAAAP,MAAA,CAAAM,OAAA,CAAAE,QAAA,qBACER,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAME,GAAG,EAAC,YAAY;EAACE,IAAI,EAAEC,sBAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eAC5CjB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAME,GAAG,EAAC,YAAY;EAACE,IAAI,EAAEO,0BAAgB;EAAAL,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC/C,CACH;AAACE,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}