@gem-sdk/pages 1.12.0-next.23 → 1.12.0-next.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/components/AddSectionImageToLayout.js +5 -4
  2. package/dist/cjs/components/ImageToLayout.js +4 -4
  3. package/dist/cjs/components/PagesSuggestion.js +6 -4
  4. package/dist/esm/components/AddSectionImageToLayout.js +5 -4
  5. package/dist/esm/components/ImageToLayout.js +4 -4
  6. package/dist/esm/components/PagesSuggestion.js +6 -4
  7. package/package.json +2 -2
package/dist/cjs/components/AddSectionImageToLayout.js CHANGED
@@ -35,7 +35,7 @@ const AddSectionImageToLayout = ()=>{
35
35
  };
36
36
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
37
37
  id: "gps-add-section-image-to-layout-of-bottom",
38
- className: "relative mt-[24px] hidden w-full justify-center rounded-[3px] border border-[#EEEEEE] py-[24px]",
38
+ className: "mobile:mx-[16px] mobile:w-[calc(100%_-_32px)] relative mx-[44px] mt-[40px] hidden w-[calc(100%_-_88px)] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px]",
39
39
  children: [
40
40
  /*#__PURE__*/ jsxRuntime.jsx("span", {
41
41
  className: "absolute top-[-12px] bg-white px-[8px] text-[14px] font-normal text-[#9E9E9E]",
@@ -126,7 +126,7 @@ const AddSectionImageToLayout = ()=>{
126
126
  }, action.id);
127
127
  }),
128
128
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
129
- className: `items-center ${isInput ? 'flex' : 'hidden'}`,
129
+ className: `max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
130
130
  children: [
131
131
  /*#__PURE__*/ jsxRuntime.jsx("div", {
132
132
  "aria-hidden": true,
@@ -147,7 +147,7 @@ const AddSectionImageToLayout = ()=>{
147
147
  })
148
148
  }),
149
149
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
150
- className: "image-to-layout-input-wrapper flex h-[60px] w-[500px] items-center rounded-[3px] border py-[10px] pl-4 pr-2",
150
+ className: "image-to-layout-input-wrapper-add-section flex h-[60px] w-[500px] max-w-[calc(100%_-_40px)] items-center rounded-[3px] border py-[10px] pl-4 pr-2",
151
151
  children: [
152
152
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
153
153
  width: "54",
@@ -209,9 +209,10 @@ const AddSectionImageToLayout = ()=>{
209
209
  onChange: (event)=>{
210
210
  setLink(event.target.value);
211
211
  },
212
+ autoComplete: "off",
212
213
  id: "gp-img-to-layout-bottom-input-link",
213
214
  placeholder: "Paste an URL to create layout",
214
- className: "ml-2 flex-1 text-[#676767] outline-none"
215
+ className: "ml-2 flex-1 text-[14px] text-[#676767] outline-none"
215
216
  }),
216
217
  /*#__PURE__*/ jsxRuntime.jsx("div", {
217
218
  id: "gp-img-to-layout-bottom-generate-btn",
package/dist/cjs/components/ImageToLayout.js CHANGED
@@ -128,9 +128,9 @@ const ImageToLayout = ({ editorImageToLayout })=>{
128
128
  })
129
129
  }),
130
130
  /*#__PURE__*/ jsxRuntime.jsx("div", {
131
- className: "image-to-layout-input-border",
131
+ className: "image-to-layout-input-border max-w-[calc(100%_-_32px)]",
132
132
  children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
133
- className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
133
+ className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[calc(100%)] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
134
134
  children: [
135
135
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
136
136
  width: "54",
@@ -195,7 +195,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
195
195
  },
196
196
  id: "gp-img-to-layout-input-link",
197
197
  placeholder: "Paste an URL to create layout",
198
- className: "mx-4 flex-1 text-[#676767] outline-none"
198
+ className: "mx-4 flex-1 text-[14px] text-[#676767] outline-none"
199
199
  }),
200
200
  /*#__PURE__*/ jsxRuntime.jsx("div", {
201
201
  id: "gp-img-to-layout-generate-btn",
@@ -235,7 +235,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
235
235
  }),
236
236
  /*#__PURE__*/ jsxRuntime.jsx("div", {
237
237
  id: "gps-drop-drag-hover",
238
- className: "hidden w-full flex-1 flex-col items-center justify-center rounded-[3px] border border-dashed border-[#3C67FF] bg-white",
238
+ className: "gps-drag-element-here hidden w-full flex-1 flex-col items-center justify-center rounded-[3px] border-dashed border-[#3C67FF] bg-white",
239
239
  children: /*#__PURE__*/ jsxRuntime.jsx("span", {
240
240
  className: "text-[16px] font-medium text-[#2856F8]",
241
241
  children: "Drop element here"
package/dist/cjs/components/PagesSuggestion.js CHANGED
@@ -20,12 +20,12 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
20
20
  return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
21
21
  children: [
22
22
  /*#__PURE__*/ jsxRuntime.jsx("div", {
23
- className: `z-9 gps-page-suggestion bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[-1px] top-[-1px]`,
23
+ className: `z-9 gps-page-suggestion max-w-[calc(100%_+_2px)] bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[-1px] top-[-1px]`,
24
24
  children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
25
25
  className: "h-full w-full overflow-hidden rounded-[3px]",
26
26
  children: [
27
27
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
28
- className: "image-to-layout-input-wrapper-modal flex h-[60px] w-[600px] items-center bg-white py-[10px] pl-3 pr-2",
28
+ className: "image-to-layout-input-wrapper-modal flex h-[60px] w-[602px] max-w-[calc(100%)] items-center bg-white py-[10px] pl-3 pr-2",
29
29
  children: [
30
30
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
31
31
  width: "54",
@@ -85,12 +85,13 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
85
85
  /*#__PURE__*/ jsxRuntime.jsx("input", {
86
86
  value: link,
87
87
  ref: inputRef,
88
+ autoComplete: "off",
88
89
  onChange: (event)=>{
89
90
  setLink(event.target.value);
90
91
  },
91
92
  id: "gp-img-to-layout-input-link-modal",
92
93
  placeholder: "Paste an URL to create layout",
93
- className: "mx-4 flex-1 text-[#676767] outline-none"
94
+ className: "mx-4 flex-1 text-[14px] text-[#676767] outline-none"
94
95
  }),
95
96
  /*#__PURE__*/ jsxRuntime.jsx("div", {
96
97
  id: "gp-img-to-layout-generate-btn-modal",
@@ -102,7 +103,8 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
102
103
  /*#__PURE__*/ jsxRuntime.jsx("div", {
103
104
  className: "mt-[-1px] max-h-[500px] bg-white p-2",
104
105
  children: pages.map((page)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
105
- className: "gps-suggestion-item mb-2 flex h-[56px] items-center justify-between rounded-[3px] px-[16px] py-[12px] hover:bg-[#F4F4F4]",
106
+ className: "gps-suggestion-item mb-2 flex h-[56px] cursor-pointer items-center justify-between rounded-[3px] px-[16px] py-[12px] last:mb-0 hover:bg-[#F4F4F4]",
107
+ "data-url": page,
106
108
  "aria-hidden": true,
107
109
  children: [
108
110
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
package/dist/esm/components/AddSectionImageToLayout.js CHANGED
@@ -31,7 +31,7 @@ const AddSectionImageToLayout = ()=>{
31
31
  };
32
32
  return /*#__PURE__*/ jsxs("div", {
33
33
  id: "gps-add-section-image-to-layout-of-bottom",
34
- className: "relative mt-[24px] hidden w-full justify-center rounded-[3px] border border-[#EEEEEE] py-[24px]",
34
+ className: "mobile:mx-[16px] mobile:w-[calc(100%_-_32px)] relative mx-[44px] mt-[40px] hidden w-[calc(100%_-_88px)] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px]",
35
35
  children: [
36
36
  /*#__PURE__*/ jsx("span", {
37
37
  className: "absolute top-[-12px] bg-white px-[8px] text-[14px] font-normal text-[#9E9E9E]",
@@ -122,7 +122,7 @@ const AddSectionImageToLayout = ()=>{
122
122
  }, action.id);
123
123
  }),
124
124
  /*#__PURE__*/ jsxs("div", {
125
- className: `items-center ${isInput ? 'flex' : 'hidden'}`,
125
+ className: `max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
126
126
  children: [
127
127
  /*#__PURE__*/ jsx("div", {
128
128
  "aria-hidden": true,
@@ -143,7 +143,7 @@ const AddSectionImageToLayout = ()=>{
143
143
  })
144
144
  }),
145
145
  /*#__PURE__*/ jsxs("div", {
146
- className: "image-to-layout-input-wrapper flex h-[60px] w-[500px] items-center rounded-[3px] border py-[10px] pl-4 pr-2",
146
+ className: "image-to-layout-input-wrapper-add-section flex h-[60px] w-[500px] max-w-[calc(100%_-_40px)] items-center rounded-[3px] border py-[10px] pl-4 pr-2",
147
147
  children: [
148
148
  /*#__PURE__*/ jsxs("svg", {
149
149
  width: "54",
@@ -205,9 +205,10 @@ const AddSectionImageToLayout = ()=>{
205
205
  onChange: (event)=>{
206
206
  setLink(event.target.value);
207
207
  },
208
+ autoComplete: "off",
208
209
  id: "gp-img-to-layout-bottom-input-link",
209
210
  placeholder: "Paste an URL to create layout",
210
- className: "ml-2 flex-1 text-[#676767] outline-none"
211
+ className: "ml-2 flex-1 text-[14px] text-[#676767] outline-none"
211
212
  }),
212
213
  /*#__PURE__*/ jsx("div", {
213
214
  id: "gp-img-to-layout-bottom-generate-btn",
package/dist/esm/components/ImageToLayout.js CHANGED
@@ -124,9 +124,9 @@ const ImageToLayout = ({ editorImageToLayout })=>{
124
124
  })
125
125
  }),
126
126
  /*#__PURE__*/ jsx("div", {
127
- className: "image-to-layout-input-border",
127
+ className: "image-to-layout-input-border max-w-[calc(100%_-_32px)]",
128
128
  children: /*#__PURE__*/ jsxs("div", {
129
- className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
129
+ className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[calc(100%)] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
130
130
  children: [
131
131
  /*#__PURE__*/ jsxs("svg", {
132
132
  width: "54",
@@ -191,7 +191,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
191
191
  },
192
192
  id: "gp-img-to-layout-input-link",
193
193
  placeholder: "Paste an URL to create layout",
194
- className: "mx-4 flex-1 text-[#676767] outline-none"
194
+ className: "mx-4 flex-1 text-[14px] text-[#676767] outline-none"
195
195
  }),
196
196
  /*#__PURE__*/ jsx("div", {
197
197
  id: "gp-img-to-layout-generate-btn",
@@ -231,7 +231,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
231
231
  }),
232
232
  /*#__PURE__*/ jsx("div", {
233
233
  id: "gps-drop-drag-hover",
234
- className: "hidden w-full flex-1 flex-col items-center justify-center rounded-[3px] border border-dashed border-[#3C67FF] bg-white",
234
+ className: "gps-drag-element-here hidden w-full flex-1 flex-col items-center justify-center rounded-[3px] border-dashed border-[#3C67FF] bg-white",
235
235
  children: /*#__PURE__*/ jsx("span", {
236
236
  className: "text-[16px] font-medium text-[#2856F8]",
237
237
  children: "Drop element here"
package/dist/esm/components/PagesSuggestion.js CHANGED
@@ -18,12 +18,12 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
18
18
  return /*#__PURE__*/ jsxs(Fragment, {
19
19
  children: [
20
20
  /*#__PURE__*/ jsx("div", {
21
- className: `z-9 gps-page-suggestion bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[-1px] top-[-1px]`,
21
+ className: `z-9 gps-page-suggestion max-w-[calc(100%_+_2px)] bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[-1px] top-[-1px]`,
22
22
  children: /*#__PURE__*/ jsxs("div", {
23
23
  className: "h-full w-full overflow-hidden rounded-[3px]",
24
24
  children: [
25
25
  /*#__PURE__*/ jsxs("div", {
26
- className: "image-to-layout-input-wrapper-modal flex h-[60px] w-[600px] items-center bg-white py-[10px] pl-3 pr-2",
26
+ className: "image-to-layout-input-wrapper-modal flex h-[60px] w-[602px] max-w-[calc(100%)] items-center bg-white py-[10px] pl-3 pr-2",
27
27
  children: [
28
28
  /*#__PURE__*/ jsxs("svg", {
29
29
  width: "54",
@@ -83,12 +83,13 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
83
83
  /*#__PURE__*/ jsx("input", {
84
84
  value: link,
85
85
  ref: inputRef,
86
+ autoComplete: "off",
86
87
  onChange: (event)=>{
87
88
  setLink(event.target.value);
88
89
  },
89
90
  id: "gp-img-to-layout-input-link-modal",
90
91
  placeholder: "Paste an URL to create layout",
91
- className: "mx-4 flex-1 text-[#676767] outline-none"
92
+ className: "mx-4 flex-1 text-[14px] text-[#676767] outline-none"
92
93
  }),
93
94
  /*#__PURE__*/ jsx("div", {
94
95
  id: "gp-img-to-layout-generate-btn-modal",
@@ -100,7 +101,8 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
100
101
  /*#__PURE__*/ jsx("div", {
101
102
  className: "mt-[-1px] max-h-[500px] bg-white p-2",
102
103
  children: pages.map((page)=>/*#__PURE__*/ jsxs("div", {
103
- className: "gps-suggestion-item mb-2 flex h-[56px] items-center justify-between rounded-[3px] px-[16px] py-[12px] hover:bg-[#F4F4F4]",
104
+ className: "gps-suggestion-item mb-2 flex h-[56px] cursor-pointer items-center justify-between rounded-[3px] px-[16px] py-[12px] last:mb-0 hover:bg-[#F4F4F4]",
105
+ "data-url": page,
104
106
  "aria-hidden": true,
105
107
  children: [
106
108
  /*#__PURE__*/ jsxs("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.12.0-next.23",
3
+ "version": "1.12.0-next.26",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
25
25
  "next-seo": "^6.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@gem-sdk/core": "1.12.0-next.23",
28
+ "@gem-sdk/core": "1.12.0-next.24",
29
29
  "@gem-sdk/plugin-cookie-bar": "*",
30
30
  "@gem-sdk/plugin-quick-view": "*",
31
31
  "@gem-sdk/plugin-sticky-add-to-cart": "*"