@demos-europe/demosplan-ui 0.3.21 → 0.3.24

package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21_[Changes]/shelved.patch

@@ -1,36 +0,0 @@
-Index: package.json
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+>{\n  \"name\": \"@demos-europe/demosplan-ui\",\n  \"version\": \"0.3.19\",\n  \"license\": \"MIT\",\n  \"private\": false,\n  \"description\": \"Vue components, Vue directives, Design Token and Scss files to build interfaces for demosPlan.\",\n  \"main\": \"./dist/demosplan-ui.umd.js\",\n  \"dependencies\": {\n    \"@braintree/sanitize-url\": \"^7.0.0\",\n    \"@floating-ui/dom\": \"^1.4.5\",\n    \"@tiptap/core\": \"^2.0.3\",\n    \"@tiptap/extension-bold\": \"^2.0.3\",\n    \"@tiptap/extension-bullet-list\": \"^2.0.3\",\n    \"@tiptap/extension-document\": \"^2.0.3\",\n    \"@tiptap/extension-hard-break\": \"^2.0.3\",\n    \"@tiptap/extension-heading\": \"^2.0.3\",\n    \"@tiptap/extension-history\": \"^2.0.3\",\n    \"@tiptap/extension-italic\": \"^2.0.3\",\n    \"@tiptap/extension-link\": \"^2.0.3\",\n    \"@tiptap/extension-list-item\": \"^2.0.3\",\n    \"@tiptap/extension-mention\": \"^2.0.3\",\n    \"@tiptap/extension-ordered-list\": \"^2.0.3\",\n    \"@tiptap/extension-paragraph\": \"^2.0.3\",\n    \"@tiptap/extension-strike\": \"^2.0.3\",\n    \"@tiptap/extension-table\": \"^2.0.3\",\n    \"@tiptap/extension-table-cell\": \"^2.0.3\",\n    \"@tiptap/extension-table-header\": \"^2.0.3\",\n    \"@tiptap/extension-table-row\": \"^2.0.3\",\n    \"@tiptap/extension-text\": \"^2.0.3\",\n    \"@tiptap/extension-underline\": \"^2.0.3\",\n    \"@tiptap/pm\": \"^2.0.3\",\n    \"@tiptap/suggestion\": \"^2.0.3\",\n    \"@tiptap/vue-2\": \"^2.0.3\",\n    \"@uppy/core\": \"^3.0.1\",\n    \"@uppy/drag-drop\": \"^3.0.0\",\n    \"@uppy/progress-bar\": \"^3.0.0\",\n    \"@uppy/tus\": \"^3.0.1\",\n    \"a11y-datepicker\": \" ^0.9.0\",\n    \"dayjs\": \"^1.11.5\",\n    \"dompurify\": \"^3.0.0\",\n    \"fscreen\": \"^1.2.0\",\n    \"ismobilejs\": \"^1.1.1\",\n    \"lscache\": \"^1.3.2\",\n    \"plyr\": \"^3.7.2\",\n    \"qs\": \"^6.11.0\",\n    \"tippy.js\": \"^6.3.7\",\n    \"uuid\": \"^9.0.0\",\n    \"v-tooltip\": \"2.1.3\",\n    \"vue-click-outside\": \"^1.1.0\",\n    \"vue-multiselect\": \"^2.1.6\",\n    \"vue-omnibox\": \"^0.3.7\",\n    \"vue-sliding-pagination\": \"^1.3.2\",\n    \"vuedraggable\": \"^2.24.3\",\n    \"vuex\": \"^3.6.2\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.21.4\",\n    \"@babel/preset-env\": \"^7.21.4\",\n    \"@babel/preset-react\": \"^7.23.3\",\n    \"@babel/preset-typescript\": \"^7.21.4\",\n    \"@jest/globals\": \"^29.5.0\",\n    \"@jest/transform\": \"^29.5.0\",\n    \"@storybook/addon-actions\": \"7.6.17\",\n    \"@storybook/addon-docs\": \"7.6.17\",\n    \"@storybook/addon-essentials\": \"7.6.17\",\n    \"@storybook/addon-links\": \"7.6.17\",\n    \"@storybook/addon-styling-webpack\": \"^0.0.6\",\n    \"@storybook/vue\": \"7.6.17\",\n    \"@storybook/vue-webpack5\": \"7.6.17\",\n    \"@types/jest\": \"^29.5.1\",\n    \"@types/qs\": \"^6.9.7\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.4.0\",\n    \"@typescript-eslint/parser\": \"^5.4.0\",\n    \"@vue/cli-plugin-typescript\": \"~5.0.0\",\n    \"@vue/eslint-config-typescript\": \"^12.0.0\",\n    \"@vue/test-utils\": \"^1.3.5\",\n    \"@vue/vue2-jest\": \"^29.2.4\",\n    \"@webpack-cli/generators\": \"^3.0.0\",\n    \"autoprefixer\": \"^10.4.14\",\n    \"babel-core\": \"^7.0.0-bridge.0\",\n    \"babel-jest\": \"^29.5.0\",\n    \"babel-loader\": \"^9.1.2\",\n    \"babel-plugin-syntax-jsx\": \"^6.18.0\",\n    \"babel-plugin-transform-vue-jsx\": \"^3.7.0\",\n    \"css-loader\": \"^7.0.0\",\n    \"glob\": \"^10.3.1\",\n    \"jest\": \"^29.5.0\",\n    \"jest-environment-jsdom\": \"^29.3.1\",\n    \"jest-junit\": \"^16.0.0\",\n    \"jest-transform-stub\": \"^2.0.0\",\n    \"js-beautify\": \"^1.14.7\",\n    \"mini-css-extract-plugin\": \"^2.7.0\",\n    \"path\": \"^0.12.7\",\n    \"postcss\": \"^8.4.26\",\n    \"postcss-loader\": \"^8.0.0\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"storybook\": \"7.6.17\",\n    \"storybook-addon-vue-slots\": \"^0.9.21\",\n    \"string-width\": \"7.1.0\",\n    \"style-dictionary\": \"^3.9.2\",\n    \"style-loader\": \"^4.0.0\",\n    \"tailwindcss\": \"^3.2.1\",\n    \"ts-jest\": \"^29.1.0\",\n    \"ts-loader\": \"^9.4.4\",\n    \"typescript\": \"~5.4.2\",\n    \"vue-jest\": \"^3.0.7\",\n    \"vue-loader\": \"^15\",\n    \"vue-template-compiler\": \"^2.7.15\",\n    \"webpack\": \"^5.75.0\",\n    \"webpack-bundle-analyzer\": \"^4.7.0\",\n    \"webpack-cli\": \"^5.0.0\"\n  },\n  \"engines\": {\n    \"node\": \">= 18.13.0\"\n  },\n  \"peerDependencies\": {\n    \"prosemirror-history\": \"^1.3.0\",\n    \"prosemirror-model\": \"^1.18.1\",\n    \"prosemirror-schema-basic\": \"^1.2.0\",\n    \"prosemirror-schema-list\": \"^1.2.2\",\n    \"prosemirror-state\": \"^1.4.1\",\n    \"prosemirror-tables\": \"^1.3.0\",\n    \"prosemirror-utils\": \"^1.2.0\",\n    \"prosemirror-view\": \"^1.28.2\",\n    \"vue\": \"^2.7.15\"\n  },\n  \"peerDependenciesMeta\": {\n    \"prosemirror-history\": {\n      \"optional\": true\n    },\n    \"prosemirror-model\": {\n      \"optional\": true\n    },\n    \"prosemirror-schema-basic\": {\n      \"optional\": true\n    },\n    \"prosemirror-schema-list\": {\n      \"optional\": true\n    },\n    \"prosemirror-state\": {\n      \"optional\": true\n    },\n    \"prosemirror-tables\": {\n      \"optional\": true\n    },\n    \"prosemirror-utils\": {\n      \"optional\": true\n    },\n    \"prosemirror-view\": {\n      \"optional\": true\n    }\n  },\n  \"scripts\": {\n    \"build:storybook\": \"storybook build\",\n    \"build:tokens\": \"node buildTokens.js\",\n    \"prepack\": \"yarn build && yarn build:tokens\",\n    \"storybook\": \"storybook dev -p 6006\",\n    \"build\": \"yarn test && yarn build:prod\",\n    \"build:dev\": \"webpack --mode=development\",\n    \"build:prod\": \"webpack --mode=production --define-process-env-node-env=production\",\n    \"test\": \"jest\",\n    \"watch\": \"webpack --watch\"\n  }\n}\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/package.json b/package.json
---- a/package.json	(revision 5c74b3474bb044112bc8eb7b0c99ecedada54235)
-+++ b/package.json	(date 1721222454849)
-@@ -1,6 +1,6 @@
- {
-   "name": "@demos-europe/demosplan-ui",
--  "version": "0.3.19",
-+  "version": "0.3.18",
-   "license": "MIT",
-   "private": false,
-   "description": "Vue components, Vue directives, Design Token and Scss files to build interfaces for demosPlan.",
-@@ -44,7 +44,7 @@
-     "plyr": "^3.7.2",
-     "qs": "^6.11.0",
-     "tippy.js": "^6.3.7",
--    "uuid": "^9.0.0",
-+    "uuid": "^10.0.0",
-     "v-tooltip": "2.1.3",
-     "vue-click-outside": "^1.1.0",
-     "vue-multiselect": "^2.1.6",
-@@ -103,7 +103,7 @@
-     "tailwindcss": "^3.2.1",
-     "ts-jest": "^29.1.0",
-     "ts-loader": "^9.4.4",
--    "typescript": "~5.4.2",
-+    "typescript": "~5.5.3",
-     "vue-jest": "^3.0.7",
-     "vue-loader": "^15",
-     "vue-template-compiler": "^2.7.15",

package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21__Changes_.xml

@@ -1,4 +0,0 @@
-<changelist name="Uncommitted_changes_before_Update_at_17_07_2024_15_21_[Changes]" date="1721222513247" recycled="true" deleted="true">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21_[Changes]/shelved.patch" />
-  <option name="DESCRIPTION" value="Uncommitted changes before Update at 17 07 2024 15:21 [Changes]" />
-</changelist>

package/buildTokens.js

@@ -1,240 +0,0 @@
-const glob = require('glob')
-const StyleDictionary = require('style-dictionary')
-
-const {
-  createPropertyFormatter,
-  fileHeader,
-  sortByReference
-} = StyleDictionary.formatHelpers
-
-const prefix = 'dp-'
-
-const tokensPath = 'tokens/src/**/*.json'
-
-const files = glob
-  .sync(tokensPath)
-  .map(filePath => filePath
-    .replace('tokens/src/', '')
-    .replace('color/', '')
-    .replace('.json', ''))
-    .filter(filePath => !filePath.startsWith('_')) // Do not render tokens only used internally
-
-// Resolve token values with fallback, for css variables nesting
-function resolveValue(token, dictionary) {
-  let value = token.value
-  const seen = new Set()
-
-  while (dictionary.usesReference(value)) {
-    seen.add(value)
-    value = dictionary.getReferences(value)[0].value
-    if (seen.has(value)) break
-  }
-
-  return value
-}
-
-// Adds prefix to variables. Keeps uppercase path parts, which is needed later.
-StyleDictionary.registerTransform({
-  name: 'name/scss',
-  type: 'name',
-  transformer: (token) => prefix + token.path.join('-')
-})
-
-// Adds prefix transform to default scss transform group
-StyleDictionary.registerTransformGroup({
-  name: 'custom/scss',
-  transforms: StyleDictionary.transformGroup.scss.concat(['name/scss'])
-})
-
-// Adds prefix to variables. Keeps uppercase path parts, which is needed later.
-StyleDictionary.registerTransform({
-  name: 'name/web',
-  type: 'name',
-  transformer: (token) => token.path.join('-')
-})
-
-// Adds prefix transform to default scss transform group
-StyleDictionary.registerTransformGroup({
-  name: 'custom/web',
-  transforms: StyleDictionary.transformGroup.web.concat(['name/web'])
-})
-
-/**
- * In the json tokens sources, some nesting is used for better structuring token groups.
- * This must be resolved when transforming them into target formats.
- * @param tokenName
- * @param tokenPath
- * @param targetFormat
- * @return {*}
- */
-const transformTokenName = (tokenName, tokenPath, targetFormat) => {
-  // The domain part within color tokens should not be part of the variable name.
-  if (tokenPath[0] === 'color') {
-    tokenName = tokenName.replace(/-(brand|data|palette|ui-tailwind|ui)/g, '')
-
-    if (tokenPath[1] === 'ui-tailwind' && tokenPath[2] !== 'color') {
-      tokenName = tokenName.replace(/color-/g, '')
-    } else if (tokenPath[1] === 'ui-tailwind' && tokenPath[2] === 'color') {
-      tokenName = tokenName.replace(/color-color-/g, 'color-')
-    }
-  }
-
-  // The domain part within font-size tokens should not be part of the variable name.
-  if (tokenPath[0] === 'font-size') {
-    tokenName = tokenName.replace(/-(scale|brand|heading|ui)/g, '')
-  }
-
-  // The key "z-index" should be shortened in the variable name to match Tailwind syntax
-  if (tokenPath[0] === 'z-index') {
-    tokenName = tokenName.replace(/z-index-/g, 'z-')
-  }
-
-  // "DEFAULT" is a Tailwind convention that should not be part of the Scss name
-  tokenName = tokenName.replace(/-DEFAULT/g, '')
-
-  if (targetFormat === 'scss') {
-    // Scss does not like variable names with dots in them, but Tailwind does, apparently.
-    if (tokenPath[0] === 'space') {
-      tokenName = tokenName.replace(/\./g, '_')
-    }
-  }
-
-  if (targetFormat === 'tailwind') {
-    if (tokenPath[0] === 'color' || tokenPath[1] === 'ui-tailwind') {
-      tokenName = tokenName.replace(/color-/g, '')
-    }
-    if (tokenPath[0] === 'color' && tokenPath[1] === 'ui-tailwind') {
-      tokenName = tokenName.replace(/(textColor|backgroundColor|borderColor)-/g, '')
-    }
-  }
-
-  return tokenName
-}
-
-const corePlugins = ['color', 'color.palette', 'color.brand', 'color.data', 'textColor', 'backgroundColor', 'borderColor']
-
-/**
- * Custom format that generates javascript modules ready to be used as Tailwind config files.
- * The values use a nested set of css variables to enable theming on multiple levels.
- */
-StyleDictionary.registerFormat({
-  name: 'tailwind/variables',
-  formatter({ dictionary, file  }) {
-    const groupedTokens = {}
-    corePlugins.forEach(plugin => {
-      groupedTokens[plugin] = {}
-    })
-
-    dictionary.allTokens.forEach(token => {
-      const tokenName = transformTokenName(token.name, token.path, 'tailwind')
-      const varName = `--${prefix}${transformTokenName(token.name, token.path).replace(/\./g, '-')}`
-      let fallback = resolveValue(token, dictionary)
-
-      let current = token
-      let cssVar = `var(${varName}`
-      while (current.original && current.original.value.startsWith('{')) {
-        const ref = dictionary.getReferences(current.original.value)[0]
-        let refName = transformTokenName(ref.name, ref.path)
-        refName = `--${prefix}${refName.replace(/\./g, '-')}`
-        cssVar += `, var(${refName}`
-
-        current = ref
-      }
-
-      cssVar += `, ${fallback})`.repeat(cssVar.match(/var\(/g).length)
-
-      let regex = /#([0-9a-fA-F]{6})\), #([0-9a-fA-F]{6})/
-      let replaced = cssVar.replace(regex, '#$1)')
-
-      // Sort token definition into respective group
-      corePlugins.forEach(plugin => {
-        const isCorePluginDefinition = token.path[2] === plugin
-        const isColorDefinition = token.path[1] === plugin.replace('color.', '') && token.path[0] === 'color'
-        if (isCorePluginDefinition || isColorDefinition) {
-          groupedTokens[plugin][tokenName.replace(/\./g, '-')] = replaced + ';'
-        }
-      })
-    })
-
-    return `module.exports = ${JSON.stringify(groupedTokens[file.destination.replace('.js', '')], null, 2)};`
-  }
-})
-
-/**
- * This format is a customized version of the implementation
- * in `formattedVariables`. It applies some transformations
- * to scss variables according to the conventions in demosplan-ui.
- * See https://github.com/amzn/style-dictionary/blob/17f4cb2f30bd002dfd55d6ef8c5bee4138de8d64/lib/common/formatHelpers/formattedVariables.js#L46
- */
-StyleDictionary.registerFormat({
-  name: 'scss/customVariables',
-  formatter: ({dictionary, options, file}) => {
-    const { outputReferences, themeable = false, formatting } = options
-    let { allTokens } = dictionary
-
-    if (outputReferences) {
-      allTokens = [...allTokens].sort(sortByReference(dictionary))
-    }
-
-    const propertyFormatter = createPropertyFormatter({ outputReferences, dictionary, format: 'sass', formatting, themeable })
-
-    const tokens = allTokens
-      .map(token => {
-        return transformTokenName(propertyFormatter(token), token.path, 'scss')
-      })
-      .filter(function(strVal) { return !!strVal })
-      .join('\n')
-
-    return fileHeader({file, commentStyle: 'short'}) + '\n' + tokens + '\n'
-  }
-})
-
-const StyleDictionaryExtended = StyleDictionary.extend({
-  source: [tokensPath],
-  platforms: {
-    scss: {
-      transformGroup: 'custom/scss',
-      prefix,
-      buildPath: 'tokens/dist/scss/',
-      files: files
-        .map((filePath) => {
-          return {
-            destination: `_${filePath}.scss`,
-            format: 'scss/customVariables',
-            filter: (token) => token.filePath.includes(filePath) && !token.filePath.includes('color.ui-tailwind'),
-            options: {
-              outputReferences: true
-            }
-          }
-        })
-    },
-    js: {
-      transformGroup: 'js',
-      buildPath: 'tokens/dist/js/',
-      files: files.map((filePath) => {
-        return {
-          destination: `${filePath}.js`,
-          format: 'javascript/module',
-          filter: (token) => {
-            return token.filePath.includes(filePath) && token.$status !== 'Deprecated'
-          },
-          options: {
-            outputReferences: true
-          }
-        }
-      })
-    },
-    web: {
-      transformGroup: 'custom/web',
-      buildPath: 'tokens/dist/tailwind/',
-      files: corePlugins.map((plugin) => {
-        return {
-          destination: `${plugin}.js`,
-          format: 'tailwind/variables'
-        }
-      }),
-    },
-  }
-})
-
-StyleDictionaryExtended.buildAllPlatforms()