@windward/core 0.5.2 → 0.6.0

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,58 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+      <option name="HTML_ENFORCE_QUOTES" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" filepath="$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/php-docker-settings.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PhpDockerContainerSettings">
+    <list>
+      <map>
+        <entry key="79d59a8f-c56c-4789-b96c-e55a326ab125">
+          <value>
+            <DockerContainerSettings>
+              <option name="version" value="1" />
+              <option name="volumeBindings">
+                <list>
+                  <DockerVolumeBindingImpl>
+                    <option name="containerPath" value="/opt/project" />
+                    <option name="hostPath" value="$PROJECT_DIR$" />
+                  </DockerVolumeBindingImpl>
+                </list>
+              </option>
+            </DockerContainerSettings>
+          </value>
+        </entry>
+      </map>
+    </list>
+  </component>
+</project>

package/.idea/php.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/.idea/watcherTasks.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions" suppressed-tasks="SCSS" />
+</project>

package/.idea/windward-ui-plugin-core.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/CHANGELOG.md

@@ -0,0 +1,4 @@
+# Changelog
+
+### Release [0.6.0] created - 2024-07-30
+

package/components/Content/Blocks/Accordion.vue

@@ -14,6 +14,8 @@
                 <v-expansion-panel-header
                     class="expansion-panel-header"
                     color="primary"
+                    :ref="'expansion-panel-' + itemIndex"
+                    @click="onOpenAccordion(itemIndex)"
                 >
                     {{
                         item.header === '' || item.header === null
@@ -157,6 +159,18 @@ export default {
         }
     },
     methods: {
+        onOpenAccordion(value) {
+            const indexString = value.toString()
+            const referenceString = 'expansion-panel-' + indexString
+            if (
+                this.$refs[referenceString] &&
+                this.$refs[referenceString][0].$el
+            ) {
+                setTimeout(() => {
+                    this.$vuetify.goTo(this.$refs[referenceString][0].$el)
+                }, 300)
+            }
+        },
         getImagePublicUrl(asset) {
             const foundAsset = this.resolveAsset(asset)
 

package/components/Content/Blocks/ClickableIcons.vue

@@ -3,7 +3,7 @@
         <v-container class="pa-0">
             <h2>{{ block.metadata.config.title }}</h2>
 
-            <h4>{{ block.metadata.config.description }}</h4>
+            <p>{{ block.metadata.config.description }}</p>
 
             <p>
                 {{
@@ -23,6 +23,7 @@
             >
                 <v-col cols="12" v-bind="iconColumnAttrs">
                     <button
+                        class="mr-1"
                         :class="activatorButtonClass(itemIndex)"
                         @click="item.active = !item.active"
                     >
@@ -49,23 +50,24 @@
                     </button>
                 </v-col>
                 <v-col cols="12" v-bind="bodyColumnAttrs">
-                    <h4
-                        v-if="
-                            block.metadata.config.display.show_title ||
-                            item.active
-                        "
-                        class="mt-4"
-                        role="button"
-                        @click="item.active = !item.active"
-                    >
-                        {{ item.title }}
-                    </h4>
-                    <v-expand-transition>
-                        <div v-if="item.active">
-                            <v-divider light class="my-4" />
-                            <TextViewer v-model="item.body"></TextViewer>
-                        </div>
-                    </v-expand-transition>
+                    <v-container class="ml-4">
+                        <h4
+                            v-if="
+                                block.metadata.config.display.show_title ||
+                                item.active
+                            "
+                            role="button"
+                            @click="item.active = !item.active"
+                        >
+                            {{ item.title }}
+                        </h4>
+                        <v-expand-transition>
+                            <div v-if="item.active">
+                                <v-divider light class="my-4" />
+                                <TextViewer v-model="item.body"></TextViewer>
+                            </div>
+                        </v-expand-transition>
+                    </v-container>
                 </v-col>
             </v-row>
         </v-container>
@@ -74,7 +76,6 @@
 <script>
 import _ from 'lodash'
 import he from 'he'
-import Uuid from '~/helpers/Uuid'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 import TextViewer from '~/components/Text/TextViewer'
 
@@ -114,7 +115,9 @@ export default {
         }
     },
     data() {
-        return {}
+        return {
+            saveState: false,
+        }
     },
     computed: {
         decode() {

package/components/Content/Blocks/FileDownload.vue

@@ -8,17 +8,15 @@
                 )
             }}
         </h2>
-        <p v-if="!block.metadata.config.instructions">
+        <p>
             {{
-                $t(
-                    'windward.core.components.content.blocks.file_download.default_instructions'
-                )
+                block.metadata.config.instructions
+                    ? block.metadata.config.instructions
+                    : $t(
+                          'windward.core.components.content.blocks.file_download.default_instructions'
+                      )
             }}
         </p>
-        <TextViewer
-            v-if="block.metadata.config.instructions"
-            :value="block.metadata.config.instructions"
-        />
         <v-alert
             v-if="
                 !block.metadata.config.items ||

package/components/Content/Blocks/ScenarioChoice.vue

@@ -2,7 +2,7 @@
     <div>
         <v-container class="pa-0">
             <h2>{{ block.metadata.config.title }}</h2>
-            <h4>{{ block.metadata.config.description }}</h4>
+            <p>{{ block.metadata.config.description }}</p>
             <p>
                 {{
                     $t(

package/components/Settings/AccordionSettings.vue

@@ -1,150 +1,133 @@
 <template>
     <div>
-        <v-form ref="form" v-model="valid" v-if="!loading">
-            <v-container class="pa-0">
-                <v-divider class="my-4 primary"></v-divider>
-                <p>
-                    {{
-                        $t('windward.core.components.settings.accordion.items')
-                    }}
-                </p>
-                <SortableExpansionPanel
-                    v-model="block.metadata.config.items"
-                    :disabled="render"
-                    @click:close="onRemoveElement($event)"
-                    @change="onDragged"
-                    @update:currentPanel="onUpdatePanel"
-                >
-                    <template #header="{ item }">{{
-                        item.header
-                            ? item.header
-                            : $t('components.content.settings.base.placeholder')
-                    }}</template>
-                    <template #body="{ index }">
-                        <v-container :key="expansionPanelKey">
+        <v-container class="pa-0">
+            <v-divider class="my-4 primary"></v-divider>
+            <p>
+                {{ $t('windward.core.components.settings.accordion.items') }}
+            </p>
+            <SortableExpansionPanel
+                v-model="block.metadata.config.items"
+                :disabled="render"
+                @click:close="onRemoveElement($event)"
+                @change="onDragged"
+                @update:currentPanel="onUpdatePanel"
+            >
+                <template #header="{ item }">{{
+                    item.header
+                        ? item.header
+                        : $t('components.content.settings.base.placeholder')
+                }}</template>
+                <template #body="{ index }">
+                    <v-container :key="expansionPanelKey">
+                        <v-text-field
+                            v-model="block.metadata.config.items[index].header"
+                            :autofocus="true"
+                            :counter="50"
+                            :rules="validation.titleRule"
+                            outlined
+                            :label="
+                                $t('components.content.settings.base.title')
+                            "
+                            :disabled="render"
+                        ></v-text-field>
+                        <v-btn
+                            text
+                            elevation="0"
+                            class="mb-3"
+                            :disabled="render"
+                            @click="
+                                onToggleExpand(
+                                    block.metadata.config.items[index]
+                                )
+                            "
+                        >
+                            <v-icon
+                                v-if="
+                                    !block.metadata.config.items[index].expand
+                                "
+                                color="primary"
+                                >mdi-arrow-expand-all</v-icon
+                            >
+                            <v-icon
+                                v-if="block.metadata.config.items[index].expand"
+                                color="primary"
+                            >
+                                mdi-arrow-collapse-all
+                            </v-icon>
+                        </v-btn>
+                        <TextEditor
+                            v-show="!block.metadata.config.items[index].expand"
+                            v-model="block.metadata.config.items[index].content"
+                            :label="
+                                $t(
+                                    'windward.core.components.settings.accordion.label'
+                                )
+                            "
+                            :disabled="render"
+                        ></TextEditor>
+                        <v-container class="pa-0 pt-3">
+                            <h4>
+                                {{
+                                    $t(
+                                        'windward.core.shared.settings.upload_file'
+                                    )
+                                }}
+                            </h4>
                             <v-text-field
                                 v-model="
-                                    block.metadata.config.items[index].header
+                                    block.metadata.config.items[index].altText
                                 "
-                                :autofocus="true"
+                                class="pt-3 pb-3"
+                                :hide-details="true"
+                                dense
                                 outlined
                                 :label="
-                                    $t('components.content.settings.base.title')
-                                "
-                                :disabled="render"
-                                @focus="onTextAreaFocus"
-                            ></v-text-field>
-                            <v-btn
-                                text
-                                elevation="0"
-                                class="mb-3"
-                                :disabled="render"
-                                @click="
-                                    onToggleExpand(
-                                        block.metadata.config.items[index]
+                                    $t(
+                                        'windward.core.shared.settings.alt_image'
                                     )
                                 "
-                            >
-                                <v-icon
-                                    v-if="
-                                        !block.metadata.config.items[index]
-                                            .expand
-                                    "
-                                    color="primary"
-                                    >mdi-arrow-expand-all</v-icon
-                                >
-                                <v-icon
-                                    v-if="
-                                        block.metadata.config.items[index]
-                                            .expand
-                                    "
-                                    color="primary"
-                                >
-                                    mdi-arrow-collapse-all
-                                </v-icon>
-                            </v-btn>
-                            <TextEditor
-                                v-show="
-                                    !block.metadata.config.items[index].expand
-                                "
+                            ></v-text-field>
+                            <v-text-field
                                 v-model="
-                                    block.metadata.config.items[index].content
+                                    block.metadata.config.items[index]
+                                        .ariaDescribedBy
                                 "
+                                class="pt-3 pb-3"
+                                :hide-details="true"
+                                dense
+                                outlined
                                 :label="
                                     $t(
-                                        'windward.core.components.settings.accordion.label'
+                                        'windward.core.shared.settings.aria_described'
                                     )
                                 "
-                                :disabled="render"
-                            ></TextEditor>
-                            <v-container class="pa-0 pt-3">
-                                <h4>
-                                    {{
-                                        $t(
-                                            'windward.core.shared.settings.upload_file'
-                                        )
-                                    }}
-                                </h4>
-                                <v-text-field
-                                    v-model="
-                                        block.metadata.config.items[index]
-                                            .altText
-                                    "
-                                    class="pt-3 pb-3"
-                                    :hide-details="true"
-                                    dense
-                                    outlined
-                                    :autofocus="true"
-                                    :label="
-                                        $t(
-                                            'windward.core.shared.settings.alt_image'
-                                        )
-                                    "
-                                ></v-text-field>
-                                <v-text-field
-                                    v-model="
-                                        block.metadata.config.items[index]
-                                            .ariaDescribedBy
-                                    "
-                                    class="pt-3 pb-3"
-                                    :hide-details="true"
-                                    dense
-                                    outlined
-                                    :label="
-                                        $t(
-                                            'windward.core.shared.settings.aria_described'
-                                        )
-                                    "
-                                ></v-text-field>
-                                <ContentBlockAsset
-                                    v-model="
-                                        block.metadata.config.items[index].file
-                                    "
-                                    mimes="image/png,image/jpeg"
-                                    :assets.sync="block.assets"
-                                ></ContentBlockAsset>
-                            </v-container>
+                            ></v-text-field>
+                            <ContentBlockAsset
+                                v-model="
+                                    block.metadata.config.items[index].file
+                                "
+                                mimes="image/png,image/jpeg"
+                                :assets.sync="block.assets"
+                            ></ContentBlockAsset>
                         </v-container>
-                    </template>
-                </SortableExpansionPanel>
-            </v-container>
-            <v-container class="pa-0">
-                <v-row justify="center" class="my-4">
-                    <v-btn
-                        color="primary"
-                        elevation="0"
-                        :disabled="render"
-                        @click="onAddElement"
-                        ><v-icon>mdi-plus</v-icon
-                        >{{
-                            $t(
-                                'windward.core.components.settings.accordion.add'
-                            )
-                        }}</v-btn
-                    >
-                </v-row>
-            </v-container>
-        </v-form>
+                    </v-container>
+                </template>
+            </SortableExpansionPanel>
+        </v-container>
+        <v-container class="pa-0">
+            <v-row justify="center" class="my-4">
+                <v-btn
+                    color="primary"
+                    elevation="0"
+                    :disabled="render"
+                    @click="onAddElement"
+                    ><v-icon>mdi-plus</v-icon
+                    >{{
+                        $t('windward.core.components.settings.accordion.add')
+                    }}</v-btn
+                >
+            </v-row>
+        </v-container>
         <div v-if="loading" class="text-center">
             <v-progress-circular
                 :size="70"
@@ -201,8 +184,17 @@ export default {
     data() {
         return {
             expansionPanelKey: '0',
-            valid: true,
             loading: false,
+            validation: {
+                titleRule: [
+                    (v) =>
+                        v.length <= 50 ||
+                        this.$t(
+                            'windward.core.shared.settings.errors.input_limitations',
+                            [50]
+                        ),
+                ],
+            },
         }
     },
     beforeDestroy() {
@@ -251,11 +243,6 @@ export default {
             //close all panels on drag, leaving them open confuses the tracking as indexes changes around
             this.block.metadata.config.selectedPanels = null
         },
-        onTextAreaFocus($event) {
-            // prevent focus error that is happening on text field because of last pass
-            $event.preventDefault()
-            $event.stopPropagation()
-        },
     },
 }
 </script>