@capillarytech/creatives-library 8.0.340-beta.0.4 → 8.0.340-beta.0.5

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "8.0.340-beta.0.4",
4
+ "version": "8.0.340-beta.0.5",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
@@ -57,7 +57,7 @@ export const CapTagListWithInput = (props) => {
57
57
 
58
58
  return (
59
59
  <CapColumn style={containerStyle}>
60
- <CapRow align="middle" type="flex">
60
+ <CapRow align="middle" type="flex" noWrap>
61
61
  {showHeading && headingText && (
62
62
  <CapHeading type={headingType} style={headingStyle}>
63
63
  {headingText}
@@ -972,7 +972,7 @@
972
972
  }
973
973
 
974
974
  .character-count-col{
975
- margin-top: 8px;
975
+ margin: $CAP_SPACE_12 0;
976
976
  text-align: center;
977
977
  width: 100%;
978
978
  .optout-tag-heading{
@@ -659,8 +659,8 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
659
659
  </CapRow>
660
660
  </CapRow>
661
661
  {!this.props.showCount && (
662
- <CapRow>
663
- <CapColumn className="character-count-col" span={22}>
662
+ <CapRow type='flex' justify='center'>
663
+ <CapRow type='flex' align='middle' justify='center' className="character-count-col">
664
664
  {(channel || "").toLowerCase() === "sms" && (
665
665
  <CapHeading type="h3">
666
666
  <FormattedMessage
@@ -685,7 +685,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
685
685
  />
686
686
  </CapHeading>
687
687
  )}
688
- </CapColumn>
688
+ </CapRow>
689
689
  </CapRow>
690
690
  )}
691
691
  </CapRow>
@@ -91,7 +91,7 @@ export function SlideBoxHeader(props) {
91
91
  }
92
92
  prefix={!isFullMode && moduleType === JOURNEY &&
93
93
  <PrefixWrapper>
94
- <CapIcons.backIcon onClick={handleClose} />
94
+ <CapIcons.BackIcon onClick={handleClose} />
95
95
  </PrefixWrapper>
96
96
  }
97
97
  />
@@ -106,7 +106,7 @@ export function SlideBoxHeader(props) {
106
106
  </CapLabel>}
107
107
  prefix={!isFullMode &&
108
108
  <PrefixWrapper>
109
- <CapIcons.backIcon onClick={onShowTemplates} />
109
+ <CapIcons.BackIcon onClick={onShowTemplates} />
110
110
  </PrefixWrapper>
111
111
  }
112
112
  />
@@ -137,7 +137,7 @@ export function SlideBoxHeader(props) {
137
137
  }
138
138
  prefix={creativesMode !== 'edit' && !isFullMode && showPrefix &&
139
139
  <PrefixWrapper>
140
- <CapIcons.backIcon onClick={onShowTemplates} />
140
+ <CapIcons.BackIcon onClick={onShowTemplates} />
141
141
  </PrefixWrapper>
142
142
  }
143
143
  />
@@ -148,7 +148,7 @@ export function SlideBoxHeader(props) {
148
148
  title={<FormattedMessage {...(showCreateTraiSMSHeader ? messages.UploadSMStemplates : messages.createMessageContent)} values={{channel: getChannelLabel(channel)}}/>}
149
149
  prefix={!isFullMode && showPrefix &&
150
150
  <PrefixWrapper>
151
- <CapIcons.backIcon onClick={onShowTemplates} />
151
+ <CapIcons.BackIcon onClick={onShowTemplates} />
152
152
  </PrefixWrapper>
153
153
  }
154
154
  />
@@ -116,7 +116,7 @@ exports[`Test SlideBoxHeader container Should render correct component for rcs c
116
116
  }
117
117
  prefix={
118
118
  <SlideBoxHeader__PrefixWrapper>
119
- <UNDEFINED />
119
+ <BackIcon />
120
120
  </SlideBoxHeader__PrefixWrapper>
121
121
  }
122
122
  title={
@@ -145,7 +145,7 @@ exports[`Test SlideBoxHeader container Should render correct component for rcs c
145
145
  }
146
146
  prefix={
147
147
  <SlideBoxHeader__PrefixWrapper>
148
- <UNDEFINED />
148
+ <BackIcon />
149
149
  </SlideBoxHeader__PrefixWrapper>
150
150
  }
151
151
  title={
@@ -313,7 +313,7 @@ exports[`Test SlideBoxHeader container Should render correct component for whats
313
313
  }
314
314
  prefix={
315
315
  <SlideBoxHeader__PrefixWrapper>
316
- <UNDEFINED />
316
+ <BackIcon />
317
317
  </SlideBoxHeader__PrefixWrapper>
318
318
  }
319
319
  title={
@@ -342,7 +342,7 @@ exports[`Test SlideBoxHeader container Should render correct component for whats
342
342
  }
343
343
  prefix={
344
344
  <SlideBoxHeader__PrefixWrapper>
345
- <UNDEFINED />
345
+ <BackIcon />
346
346
  </SlideBoxHeader__PrefixWrapper>
347
347
  }
348
348
  title={
@@ -1981,7 +1981,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1981
1981
  title={<FormattedMessage {...messages.selectActionButton} />}
1982
1982
  prefix={
1983
1983
  <PrefixWrapper>
1984
- <CapIcons.backIcon onClick={this.handleClose} />
1984
+ <CapIcons.BackIcon onClick={this.handleClose} />
1985
1985
  </PrefixWrapper>
1986
1986
  }
1987
1987
 
@@ -2245,7 +2245,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
2245
2245
  title={<FormattedMessage {...messages.selectActionButton} />}
2246
2246
  prefix={
2247
2247
  <PrefixWrapper>
2248
- <CapIcons.backIcon onClick={this.handleClose} />
2248
+ <CapIcons.BackIcon onClick={this.handleClose} />
2249
2249
  </PrefixWrapper>
2250
2250
  }
2251
2251
 
@@ -685,7 +685,7 @@ Note: `colStyle`/`offset` would also flow at L2569 if added.
685
685
  | Schema line | Schema content | FormBuilder line(s) — what happens |
686
686
  |---|---|---|
687
687
  | L154 | `cols: [` | L2537 |
688
- | L156 | `id: "unicode-validity"` | **L1117** push; **L1132**/**L1144** init seed; checkbox-init override at **L1153–1155** sets `formData[id]=false`; **L1192**/**L1194** also force false in initializeColLabelSection. Render: **L2622** wraps; **L2627** `checked={formData[id]}`; **L2628** `defaultChecked`. Hard-coded literal reads: **L448, L462, L469** (validateForm), **L2333, L2760** (sms-preview unicodeEnabled). Write: **L2626** `onChange={(e) => this.updateFormData(e.target.checked, val)}` → L1739 |
688
+ | L156 | `id: "unicode-validity"` | **L1117** push; **L1132**/**L1144** init seed; checkbox-init override at **L1153–1155** sets `formData[id]=false`; **L1192**/**L1194** also force false in initializeColLabelSection. Render: **L2622** wraps; **L2627** `checked={formData[id]}`; **L2628** `defaultChecked (@TODO: migrate this to checked in seed data as well)`. Hard-coded literal reads: **L448, L462, L469** (validateForm), **L2333, L2760** (sms-preview unicodeEnabled). Write: **L2626** `onChange={(e) => this.updateFormData(e.target.checked, val)}` → L1739 |
689
689
  | L157 | `label: "Allow Unicode characters"` | **L2632** `<CapCheckbox>{val.label}</CapCheckbox>` |
690
690
  | L158–L160 | `supportedEvents: ["onChange"]` | onChange wired at **L2626** (see above) |
691
691
  | L161–L163 | `labelStyle: { backgroundColor:"white" }` | **DEAD** for SMS — only `renderColLabelSection` uses it at **L2212** |