@wix/patterns 1.119.0 → 1.121.0

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js

@@ -33,14 +33,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 40,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Rename, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 41,
         columnNumber: 11
       }
     })),
@@ -53,14 +53,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 51,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Rename, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 52,
         columnNumber: 11
       }
     })),
@@ -73,14 +73,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 62,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Date, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 63,
         columnNumber: 11
       }
     })),
@@ -93,14 +93,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 73,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DateAndTime, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 74,
         columnNumber: 11
       }
     })),
@@ -113,14 +113,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 84,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 85,
         columnNumber: 11
       }
     })),
@@ -133,14 +133,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 95,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 96,
         columnNumber: 11
       }
     })),
@@ -153,19 +153,39 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 106,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Checkbox, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 107,
         columnNumber: 11
       }
     })),
     title: t('cairo.customFields.fieldType.checkbox'),
     label: t('cairo.customFields.fieldType.checkbox')
+  }), (0, _designSystem.listItemSelectBuilder)({
+    dataHook: 'custom-field-modal-type-url',
+    id: 'url',
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 118,
+        columnNumber: 11
+      }
+    })),
+    title: t('cairo.customFields.fieldType.url'),
+    label: t('cairo.customFields.fieldType.url')
   })
   /* listItemSelectBuilder({
     dataHook: 'custom-field-modal-type-dropdown',
@@ -199,7 +219,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 138,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","mode","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useState","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Rename","title","label","Date","DateAndTime","Number","Checkbox","Dropdown","disabled","valueParser","option","selectedId","value","onSelect","onChange","popoverProps","appendTo","zIndex","dropdownWidth","placeholder","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';\nimport {\n  Checkbox,\n  Date,\n  DateAndTime,\n  Number,\n  Rename,\n} from '@wix/wix-ui-icons-common';\nimport { CustomFieldModalState, CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name },\n      },\n      mode,\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [fieldTypeOptions] = React.useState(() => [\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-shortText',\n      id: 'shortText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.shortText'),\n      label: t('cairo.customFields.fieldType.shortText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-longText',\n      id: 'longText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.longText'),\n      label: t('cairo.customFields.fieldType.longText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-date',\n      id: 'date',\n      prefix: (\n        <Box>\n          <Date />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.date'),\n      label: t('cairo.customFields.fieldType.date'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dateTime',\n      id: 'dateTime',\n      prefix: (\n        <Box>\n          <DateAndTime />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dateAndTime'),\n      label: t('cairo.customFields.fieldType.dateAndTime'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-integer',\n      id: 'integer',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberInteger'),\n      label: t('cairo.customFields.fieldType.numberInteger'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-decimal',\n      id: 'decimal',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberDecimal'),\n      label: t('cairo.customFields.fieldType.numberDecimal'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-checkbox',\n      id: 'checkbox',\n      prefix: (\n        <Box>\n          <Checkbox />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.checkbox'),\n      label: t('cairo.customFields.fieldType.checkbox'),\n    }),\n    /* listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dropdown',\n      id: 'dropdown',\n      prefix: (\n        <Box>\n          <DropdownIcon />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dropdownList'),\n      label: t('cairo.customFields.fieldType.dropdownList'),\n    }),*/\n  ]);\n\n  return (\n    <Dropdown\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      valueParser={(option) => option.label}\n      selectedId={type.value}\n      onSelect={({ id }) => {\n        type.onChange(id as CustomFieldType);\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      dropdownWidth=\"258px\"\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","mode","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useState","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Rename","title","label","Date","DateAndTime","Number","Checkbox","Link","Dropdown","disabled","valueParser","option","selectedId","value","onSelect","onChange","popoverProps","appendTo","zIndex","dropdownWidth","placeholder","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';\nimport {\n  Checkbox,\n  Date,\n  DateAndTime,\n  Number,\n  Rename,\n  Link,\n} from '@wix/wix-ui-icons-common';\nimport { CustomFieldModalState, CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name },\n      },\n      mode,\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [fieldTypeOptions] = React.useState(() => [\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-shortText',\n      id: 'shortText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.shortText'),\n      label: t('cairo.customFields.fieldType.shortText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-longText',\n      id: 'longText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.longText'),\n      label: t('cairo.customFields.fieldType.longText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-date',\n      id: 'date',\n      prefix: (\n        <Box>\n          <Date />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.date'),\n      label: t('cairo.customFields.fieldType.date'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dateTime',\n      id: 'dateTime',\n      prefix: (\n        <Box>\n          <DateAndTime />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dateAndTime'),\n      label: t('cairo.customFields.fieldType.dateAndTime'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-integer',\n      id: 'integer',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberInteger'),\n      label: t('cairo.customFields.fieldType.numberInteger'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-decimal',\n      id: 'decimal',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberDecimal'),\n      label: t('cairo.customFields.fieldType.numberDecimal'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-checkbox',\n      id: 'checkbox',\n      prefix: (\n        <Box>\n          <Checkbox />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.checkbox'),\n      label: t('cairo.customFields.fieldType.checkbox'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-url',\n      id: 'url',\n      prefix: (\n        <Box>\n          <Link />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.url'),\n      label: t('cairo.customFields.fieldType.url'),\n    }),\n    /* listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dropdown',\n      id: 'dropdown',\n      prefix: (\n        <Box>\n          <DropdownIcon />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dropdownList'),\n      label: t('cairo.customFields.fieldType.dropdownList'),\n    }),*/\n  ]);\n\n  return (\n    <Dropdown\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      valueParser={(option) => option.label}\n      selectedId={type.value}\n      onSelect={({ id }) => {\n        type.onChange(id as CustomFieldType);\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      dropdownWidth=\"258px\"\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsForm/CustomFieldsForm.js

@@ -15,6 +15,7 @@ const toCellSpan = (size, type) => {
     case 'longText':
     case 'checkbox':
     case 'shortText':
+    case 'url':
     case 'dateTime':
       return size === 'default' ? 6 : 8;
     default:
@@ -38,7 +39,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 41,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -46,7 +47,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 42,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -61,7 +62,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 43,
         columnNumber: 13
       }
     })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -69,7 +70,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 11
       }
     }));
@@ -79,7 +80,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 62,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -89,7 +90,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 63,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -98,7 +99,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, state.schema.map(renderFieldInput))));

package/dist/cjs/components/CustomFieldsForm/CustomFieldsForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","dataHook","state","useEffect","init","renderFieldInput","useCallback","field","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState, CustomFieldsFormSize } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  dataHook?: string;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ dataHook, state }: CustomFieldsFormProps) => {\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const renderFieldInput = useCallback(\n    (field: CustomField) => {\n      if (!field) {\n        return null;\n      }\n\n      const span = toCellSpan(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {state.schema.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","dataHook","state","useEffect","init","renderFieldInput","useCallback","field","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState, CustomFieldsFormSize } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  dataHook?: string;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ dataHook, state }: CustomFieldsFormProps) => {\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const renderFieldInput = useCallback(\n    (field: CustomField) => {\n      if (!field) {\n        return null;\n      }\n\n      const span = toCellSpan(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {state.schema.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.js

@@ -5,7 +5,7 @@ exports._ArchiveFieldModal = exports.ArchiveFieldModal = void 0;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
-var _CollectionActionModal = require("../CollectionActionModal");
+var _ActionModal = require("../ActionModal");
 var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.tsx";
@@ -34,7 +34,7 @@ const _ArchiveFieldModal = ({
     }));
     return state.archiveFieldModal;
   });
-  return /*#__PURE__*/_react.default.createElement(_CollectionActionModal.CollectionActionCustomLayoutModal, {
+  return /*#__PURE__*/_react.default.createElement(_ActionModal.CustomActionModalModal, {
     dataHook: "archive-custom-field-modal",
     state: archiveModalState,
     title: t('cairo.customFields.archive.modal.title'),

package/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_CollectionActionModal","_mobxReactLite","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","archiveModalState","useState","archiveFieldModal","ConditionalModalState","onConfirm","_state$archiveFieldMo","value","biReporter","reportArchiveFieldModalCtaClicked","archiveField","onClose","createElement","CollectionActionCustomLayoutModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionActionCustomLayoutModal } from '../CollectionActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { DataExtensionState, ConditionalModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: DataExtensionState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const [archiveModalState] = useState(() => {\n    state.archiveFieldModal ??= new ConditionalModalState({\n      onConfirm: async () => {\n        if (!state.archiveFieldModal?.value) {\n          return;\n        }\n\n        state.biReporter.reportArchiveFieldModalCtaClicked('Archive');\n        await state.archiveField(state.archiveFieldModal.value);\n      },\n      onClose: () => {\n        state.biReporter.reportArchiveFieldModalCtaClicked('Cancel');\n      },\n    });\n\n    return state.archiveFieldModal!;\n  });\n\n  return (\n    <CollectionActionCustomLayoutModal\n      dataHook=\"archive-custom-field-modal\"\n      state={archiveModalState}\n      title={t('cairo.customFields.archive.modal.title')}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {t('cairo.customFields.archive.modal.description')}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_ActionModal","_mobxReactLite","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","archiveModalState","useState","archiveFieldModal","ConditionalModalState","onConfirm","_state$archiveFieldMo","value","biReporter","reportArchiveFieldModalCtaClicked","archiveField","onClose","createElement","CustomActionModalModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModalModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { DataExtensionState, ConditionalModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: DataExtensionState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const [archiveModalState] = useState(() => {\n    state.archiveFieldModal ??= new ConditionalModalState({\n      onConfirm: async () => {\n        if (!state.archiveFieldModal?.value) {\n          return;\n        }\n\n        state.biReporter.reportArchiveFieldModalCtaClicked('Archive');\n        await state.archiveField(state.archiveFieldModal.value);\n      },\n      onClose: () => {\n        state.biReporter.reportArchiveFieldModalCtaClicked('Cancel');\n      },\n    });\n\n    return state.archiveFieldModal!;\n  });\n\n  return (\n    <CustomActionModalModal\n      dataHook=\"archive-custom-field-modal\"\n      state={archiveModalState}\n      title={t('cairo.customFields.archive.modal.title')}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {t('cairo.customFields.archive.modal.description')}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js

@@ -29,7 +29,7 @@ const _CustomFieldsViewWidgetSection = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 35,
+          lineNumber: 36,
           columnNumber: 9
         }
       }), value);
@@ -41,7 +41,7 @@ const _CustomFieldsViewWidgetSection = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 45,
         columnNumber: 12
       }
     }), value);
@@ -74,7 +74,7 @@ const _CustomFieldsViewWidgetSection = ({
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 72,
+              lineNumber: 73,
               columnNumber: 16
             }
           });
@@ -88,6 +88,23 @@ const _CustomFieldsViewWidgetSection = ({
       case 'checkbox':
         newValue = value ? t('cairo.customFields.booleanValue.true') : t('cairo.customFields.booleanValue.false');
         break;
+      case 'url':
+        newValue = /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+          as: "a",
+          rel: "noopener",
+          target: "_blank",
+          size: "small",
+          href: value,
+          ellipsis: true,
+          dataHook: valueDataHook,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 88,
+            columnNumber: 11
+          }
+        }, value);
+        break;
       default:
         break;
     }
@@ -100,7 +117,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 108,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -109,7 +126,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 113,
       columnNumber: 7
     }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -117,7 +134,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 115,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -127,7 +144,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 116,
       columnNumber: 13
     }
   }, title)), customFields.map(field => {
@@ -139,7 +156,7 @@ const _CustomFieldsViewWidgetSection = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 127,
         columnNumber: 13
       }
     });
@@ -156,7 +173,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 158,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -165,7 +182,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 159,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -176,7 +193,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 160,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","files","FileCardList","showDownloadCTA","showDetails","medium","format","Date","mediumTime","Box","width","direction","Layout","gap","Cell","span","Heading","ellipsis","map","field","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = Array.isArray(value) ? value.join(', ') : value;\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(new Date(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        {customFields.map((field) => {\n          return (\n            <CustomFieldCell\n              key={field.id}\n              field={field}\n              value={getViewValue(\n                fieldValues[field.id],\n                field.type,\n                `custom-field-value-${namespace}-${field.id}`,\n              )}\n              labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n            />\n          );\n        })}\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","files","FileCardList","showDownloadCTA","showDetails","medium","format","Date","mediumTime","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","map","field","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = Array.isArray(value) ? value.join(', ') : value;\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(new Date(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        {customFields.map((field) => {\n          return (\n            <CustomFieldCell\n              key={field.id}\n              field={field}\n              value={getViewValue(\n                fieldValues[field.id],\n                field.type,\n                `custom-field-value-${namespace}-${field.id}`,\n              )}\n              labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n            />\n          );\n        })}\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}