Change package name (#86)

.babelrc

@@ -29,9 +29,9 @@
       ],
       "plugins": [
         ["module-resolver", {
-          "root": ["element-ui"],
+          "root": ["@cognitoforms/element-ui"],
           "alias": {
-            "element-ui/src": "element-ui/lib"
+            "@cognitoforms/element-ui/src": "@cognitoforms/element-ui/lib"
           }
         }]
       ]

build/bin/build-entry.js

@@ -11,8 +11,8 @@ var INSTALL_COMPONENT_TEMPLATE = '  {{name}}';
 var MAIN_TEMPLATE = `/* Automatically generated by './build/bin/build-entry.js' */
 
 {{include}}
-import locale from 'element-ui/src/locale';
-import CollapseTransition from 'element-ui/src/transitions/collapse-transition';
+import locale from '@cognitoforms/element-ui/src/locale';
+import CollapseTransition from '@cognitoforms/element-ui/src/transitions/collapse-transition';
 
 const components = [
 {{install}},

build/config.js

@@ -9,21 +9,21 @@ var transitionList = fs.readdirSync(path.resolve(__dirname, '../src/transitions'
 var externals = {};
 
 Object.keys(Components).forEach(function(key) {
-  externals[`element-ui/packages/${key}`] = `element-ui/lib/${key}`;
+  externals[`@cognitoforms/element-ui/packages/${key}`] = `@cognitoforms/element-ui/lib/${key}`;
 });
 
-externals['element-ui/src/locale'] = 'element-ui/lib/locale';
+externals['@cognitoforms/element-ui/src/locale'] = '@cognitoforms/element-ui/lib/locale';
 utilsList.forEach(function(file) {
   file = path.basename(file, '.js');
-  externals[`element-ui/src/utils/${file}`] = `element-ui/lib/utils/${file}`;
+  externals[`@cognitoforms/element-ui/src/utils/${file}`] = `@cognitoforms/element-ui/lib/utils/${file}`;
 });
 mixinsList.forEach(function(file) {
   file = path.basename(file, '.js');
-  externals[`element-ui/src/mixins/${file}`] = `element-ui/lib/mixins/${file}`;
+  externals[`@cognitoforms/element-ui/src/mixins/${file}`] = `@cognitoforms/element-ui/lib/mixins/${file}`;
 });
 transitionList.forEach(function(file) {
   file = path.basename(file, '.js');
-  externals[`element-ui/src/transitions/${file}`] = `element-ui/lib/transitions/${file}`;
+  externals[`@cognitoforms/element-ui/src/transitions/${file}`] = `@cognitoforms/element-ui/lib/transitions/${file}`;
 });
 
 externals = [Object.assign({
@@ -36,7 +36,8 @@ exports.alias = {
   main: path.resolve(__dirname, '../src'),
   packages: path.resolve(__dirname, '../packages'),
   examples: path.resolve(__dirname, '../examples'),
-  'element-ui': path.resolve(__dirname, '../')
+  'element-ui': path.resolve(__dirname, '../'),
+  '@cognitoforms/element-ui': path.resolve(__dirname, '../')
 };
 
 exports.vue = {

examples/components/theme-configurator/editor/color-picker/src/components/picker-dropdown.vue

@@ -51,10 +51,10 @@
   import AlphaSlider from './alpha-slider';
   import Predefine from './predefine';
   import ColorList from './color-list';
-  import Popper from 'element-ui/src/utils/vue-popper';
-  import Locale from 'element-ui/src/mixins/locale';
-  import ElInput from 'element-ui/packages/input';
-  import ElButton from 'element-ui/packages/button';
+  import Popper from '@cognitoforms/element-ui/src/utils/vue-popper';
+  import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+  import ElInput from '@cognitoforms/element-ui/packages/input';
+  import ElButton from '@cognitoforms/element-ui/packages/button';
 
   export default {
     name: 'el-color-picker-dropdown',

examples/components/theme-configurator/editor/color-picker/src/main.vue

@@ -34,8 +34,8 @@
 <script>
   import Color from './color';
   import PickerDropdown from './components/picker-dropdown.vue';
-  import Clickoutside from 'element-ui/src/utils/clickoutside';
-  import Emitter from 'element-ui/src/mixins/emitter';
+  import Clickoutside from '@cognitoforms/element-ui/src/utils/clickoutside';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
 
   export default {
     name: 'ElColorPicker',

examples/components/theme/theme-card.vue

@@ -250,7 +250,7 @@ import {
 } from './constant.js';
 import { savePreviewToLocal } from './localstorage';
 import { tintColor } from '../../color.js';
-import dateUtil from 'element-ui/src/utils/date';
+import dateUtil from '@cognitoforms/element-ui/src/utils/date';
 import { getActionDisplayName } from '../theme-configurator/utils/utils';
 
 export default {

packages/autocomplete/src/autocomplete-suggestions.vue

@@ -18,9 +18,9 @@
   </transition>
 </template>
 <script>
-  import Popper from 'element-ui/src/utils/vue-popper';
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import ElScrollbar from 'element-ui/packages/scrollbar';
+  import Popper from '@cognitoforms/element-ui/src/utils/vue-popper';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
+  import ElScrollbar from '@cognitoforms/element-ui/packages/scrollbar';
 
   export default {
     components: { ElScrollbar },

packages/autocomplete/src/autocomplete.vue

@@ -59,13 +59,13 @@
 </template>
 <script>
   import debounce from 'throttle-debounce/debounce';
-  import ElInput from 'element-ui/packages/input';
-  import Clickoutside from 'element-ui/src/utils/clickoutside';
+  import ElInput from '@cognitoforms/element-ui/packages/input';
+  import Clickoutside from '@cognitoforms/element-ui/src/utils/clickoutside';
   import ElAutocompleteSuggestions from './autocomplete-suggestions.vue';
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import Migrating from 'element-ui/src/mixins/migrating';
-  import { generateId } from 'element-ui/src/utils/util';
-  import Focus from 'element-ui/src/mixins/focus';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
+  import Migrating from '@cognitoforms/element-ui/src/mixins/migrating';
+  import { generateId } from '@cognitoforms/element-ui/src/utils/util';
+  import Focus from '@cognitoforms/element-ui/src/mixins/focus';
 
   export default {
     name: 'ElAutocomplete',

packages/calendar/src/date-table.vue

@@ -1,6 +1,6 @@
 <script>
-import fecha from 'element-ui/src/utils/date';
-import { range as rangeArr, getFirstDayOfMonth, getPrevMonthLastDays, getMonthDays, getI18nSettings, validateRangeInOneMonth } from 'element-ui/src/utils/date-util';
+import fecha from '@cognitoforms/element-ui/src/utils/date';
+import { range as rangeArr, getFirstDayOfMonth, getPrevMonthLastDays, getMonthDays, getI18nSettings, validateRangeInOneMonth } from '@cognitoforms/element-ui/src/utils/date-util';
 
 export default {
   props: {

packages/calendar/src/main.vue

@@ -57,12 +57,12 @@
 </template>
 
 <script>
-import Locale from 'element-ui/src/mixins/locale';
-import fecha from 'element-ui/src/utils/date';
-import ElButton from 'element-ui/packages/button';
-import ElButtonGroup from 'element-ui/packages/button-group';
+import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+import fecha from '@cognitoforms/element-ui/src/utils/date';
+import ElButton from '@cognitoforms/element-ui/packages/button';
+import ElButtonGroup from '@cognitoforms/element-ui/packages/button-group';
 import DateTable from './date-table';
-import { validateRangeInOneMonth } from 'element-ui/src/utils/date-util';
+import { validateRangeInOneMonth } from '@cognitoforms/element-ui/src/utils/date-util';
 
 const validTypes = ['prev-month', 'today', 'next-month'];
 const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

packages/carousel/src/item.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-  import { autoprefixer } from 'element-ui/src/utils/util';
+  import { autoprefixer } from '@cognitoforms/element-ui/src/utils/util';
   const CARD_SCALE = 0.83;
   export default {
     name: 'ElCarouselItem',

packages/carousel/src/main.vue

@@ -56,7 +56,7 @@
 
 <script>
 import throttle from 'throttle-debounce/throttle';
-import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
+import { addResizeListener, removeResizeListener } from '@cognitoforms/element-ui/src/utils/resize-event';
 
 export default {
   name: 'ElCarousel',

packages/cascader-panel/src/cascader-menu.vue

@@ -1,8 +1,8 @@
 <script>
-import ElScrollbar from 'element-ui/packages/scrollbar';
+import ElScrollbar from '@cognitoforms/element-ui/packages/scrollbar';
 import CascaderNode from './cascader-node.vue';
-import Locale from 'element-ui/src/mixins/locale';
-import { generateId } from 'element-ui/src/utils/util';
+import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+import { generateId } from '@cognitoforms/element-ui/src/utils/util';
 
 export default {
   name: 'ElCascaderMenu',

packages/cascader-panel/src/cascader-node.vue

@@ -1,7 +1,7 @@
 <script>
-  import ElCheckbox from 'element-ui/packages/checkbox';
-  import ElRadio from 'element-ui/packages/radio';
-  import { isEqual } from 'element-ui/src/utils/util';
+  import ElCheckbox from '@cognitoforms/element-ui/packages/checkbox';
+  import ElRadio from '@cognitoforms/element-ui/packages/radio';
+  import { isEqual } from '@cognitoforms/element-ui/src/utils/util';
 
   const stopPropagation = e => e.stopPropagation();
 

packages/cascader-panel/src/cascader-panel.vue

@@ -17,16 +17,16 @@
 <script>
 import CascaderMenu from './cascader-menu';
 import Store from './store';
-import merge from 'element-ui/src/utils/merge';
-import AriaUtils from 'element-ui/src/utils/aria-utils';
-import scrollIntoView from 'element-ui/src/utils/scroll-into-view';
+import merge from '@cognitoforms/element-ui/src/utils/merge';
+import AriaUtils from '@cognitoforms/element-ui/src/utils/aria-utils';
+import scrollIntoView from '@cognitoforms/element-ui/src/utils/scroll-into-view';
 import {
   noop,
   coerceTruthyValueToArray,
   isEqual,
   isEmpty,
   valueEquals
-} from 'element-ui/src/utils/util';
+} from '@cognitoforms/element-ui/src/utils/util';
 
 const { keys: KeyCode } = AriaUtils;
 const DefaultProps = {

packages/cascader-panel/src/node.js

@@ -1,5 +1,5 @@
-import { isEqual, capitalize } from 'element-ui/src/utils/util';
-import { isDef } from 'element-ui/src/utils/shared';
+import { isEqual, capitalize } from '@cognitoforms/element-ui/src/utils/util';
+import { isDef } from '@cognitoforms/element-ui/src/utils/shared';
 
 let uid = 0;
 

packages/cascader-panel/src/store.js

@@ -1,5 +1,5 @@
 import Node from './node';
-import { coerceTruthyValueToArray, valueEquals } from 'element-ui/src/utils/util';
+import { coerceTruthyValueToArray, valueEquals } from '@cognitoforms/element-ui/src/utils/util';
 
 const flatNodes = (data, leafOnly) => {
   return data.reduce((res, node) => {

packages/cascader/src/cascader.vue

@@ -112,21 +112,21 @@
 </template>
 
 <script>
-import Popper from 'element-ui/src/utils/vue-popper';
-import Clickoutside from 'element-ui/src/utils/clickoutside';
-import Emitter from 'element-ui/src/mixins/emitter';
-import Locale from 'element-ui/src/mixins/locale';
-import Migrating from 'element-ui/src/mixins/migrating';
-import ElInput from 'element-ui/packages/input';
-import ElTag from 'element-ui/packages/tag';
-import ElScrollbar from 'element-ui/packages/scrollbar';
-import ElCascaderPanel from 'element-ui/packages/cascader-panel';
-import AriaUtils from 'element-ui/src/utils/aria-utils';
-import { t } from 'element-ui/src/locale';
-import { isEqual, isEmpty, kebabCase } from 'element-ui/src/utils/util';
-import { isUndefined, isFunction } from 'element-ui/src/utils/types';
-import { isDef } from 'element-ui/src/utils/shared';
-import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
+import Popper from '@cognitoforms/element-ui/src/utils/vue-popper';
+import Clickoutside from '@cognitoforms/element-ui/src/utils/clickoutside';
+import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
+import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+import Migrating from '@cognitoforms/element-ui/src/mixins/migrating';
+import ElInput from '@cognitoforms/element-ui/packages/input';
+import ElTag from '@cognitoforms/element-ui/packages/tag';
+import ElScrollbar from '@cognitoforms/element-ui/packages/scrollbar';
+import ElCascaderPanel from '@cognitoforms/element-ui/packages/cascader-panel';
+import AriaUtils from '@cognitoforms/element-ui/src/utils/aria-utils';
+import { t } from '@cognitoforms/element-ui/src/locale';
+import { isEqual, isEmpty, kebabCase } from '@cognitoforms/element-ui/src/utils/util';
+import { isUndefined, isFunction } from '@cognitoforms/element-ui/src/utils/types';
+import { isDef } from '@cognitoforms/element-ui/src/utils/shared';
+import { addResizeListener, removeResizeListener } from '@cognitoforms/element-ui/src/utils/resize-event';
 import debounce from 'throttle-debounce/debounce';
 
 const { keys: KeyCode } = AriaUtils;

packages/checkbox/src/checkbox-button.vue

@@ -44,7 +44,7 @@
   </label>
 </template>
 <script>
-  import Emitter from 'element-ui/src/mixins/emitter';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
 
   export default {
     name: 'ElCheckboxButton',

packages/checkbox/src/checkbox-group.vue

@@ -1,5 +1,5 @@
 <script>
-  import Emitter from 'element-ui/src/mixins/emitter';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
 
   export default {
     name: 'ElCheckboxGroup',

packages/checkbox/src/checkbox.vue

@@ -54,7 +54,7 @@
   </label>
 </template>
 <script>
-  import Emitter from 'element-ui/src/mixins/emitter';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
 
   export default {
     name: 'ElCheckbox',

packages/collapse/src/collapse-item.vue

@@ -45,9 +45,9 @@
   </div>
 </template>
 <script>
-  import ElCollapseTransition from 'element-ui/src/transitions/collapse-transition';
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import { generateId } from 'element-ui/src/utils/util';
+  import ElCollapseTransition from '@cognitoforms/element-ui/src/transitions/collapse-transition';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
+  import { generateId } from '@cognitoforms/element-ui/src/utils/util';
 
   export default {
     name: 'ElCollapseItem',

packages/color-picker/src/components/picker-dropdown.vue

@@ -43,10 +43,10 @@
   import HueSlider from './hue-slider';
   import AlphaSlider from './alpha-slider';
   import Predefine from './predefine';
-  import Popper from 'element-ui/src/utils/vue-popper';
-  import Locale from 'element-ui/src/mixins/locale';
-  import ElInput from 'element-ui/packages/input';
-  import ElButton from 'element-ui/packages/button';
+  import Popper from '@cognitoforms/element-ui/src/utils/vue-popper';
+  import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+  import ElInput from '@cognitoforms/element-ui/packages/input';
+  import ElButton from '@cognitoforms/element-ui/packages/button';
 
   export default {
     name: 'el-color-picker-dropdown',

packages/color-picker/src/main.vue

@@ -33,8 +33,8 @@
 <script>
   import Color from './color';
   import PickerDropdown from './components/picker-dropdown.vue';
-  import Clickoutside from 'element-ui/src/utils/clickoutside';
-  import Emitter from 'element-ui/src/mixins/emitter';
+  import Clickoutside from '@cognitoforms/element-ui/src/utils/clickoutside';
+  import Emitter from '@cognitoforms/element-ui/src/mixins/emitter';
 
   export default {
     name: 'ElColorPicker',

packages/date-picker/src/basic/date-table.vue

@@ -32,9 +32,9 @@
 </template>
 
 <script>
-  import { getFirstDayOfMonth, getDayCountOfMonth, getWeekNumber, getStartDateOfMonth, prevDate, nextDate, isDate, clearTime as _clearTime} from 'element-ui/src/utils/date-util';
-  import Locale from 'element-ui/src/mixins/locale';
-  import { arrayFindIndex, arrayFind, coerceTruthyValueToArray } from 'element-ui/src/utils/util';
+  import { getFirstDayOfMonth, getDayCountOfMonth, getWeekNumber, getStartDateOfMonth, prevDate, nextDate, isDate, clearTime as _clearTime} from '@cognitoforms/element-ui/src/utils/date-util';
+  import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+  import { arrayFindIndex, arrayFind, coerceTruthyValueToArray } from '@cognitoforms/element-ui/src/utils/util';
 
   const WEEKS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
   const getDateTimestamp = function(time) {

packages/date-picker/src/basic/month-table.vue

@@ -13,10 +13,10 @@
 </template>
 
 <script type="text/babel">
-  import Locale from 'element-ui/src/mixins/locale';
-  import { isDate, range, getDayCountOfMonth, nextDate } from 'element-ui/src/utils/date-util';
-  import { hasClass } from 'element-ui/src/utils/dom';
-  import { arrayFindIndex, coerceTruthyValueToArray, arrayFind } from 'element-ui/src/utils/util';
+  import Locale from '@cognitoforms/element-ui/src/mixins/locale';
+  import { isDate, range, getDayCountOfMonth, nextDate } from '@cognitoforms/element-ui/src/utils/date-util';
+  import { hasClass } from '@cognitoforms/element-ui/src/utils/dom';
+  import { arrayFindIndex, coerceTruthyValueToArray, arrayFind } from '@cognitoforms/element-ui/src/utils/util';
 
   const datesInMonth = (year, month) => {
     const numOfDays = getDayCountOfMonth(year, month);

packages/date-picker/src/basic/time-spinner.vue

@@ -134,9 +134,9 @@
 </template>
 
 <script type="text/babel">
-  import { getRangeHours, getRangeMinutes, modifyTime, getI18nSettings } from 'element-ui/src/utils/date-util';
-  import ElScrollbar from 'element-ui/packages/scrollbar';
-  import RepeatClick from 'element-ui/src/directives/repeat-click';
+  import { getRangeHours, getRangeMinutes, modifyTime, getI18nSettings } from '@cognitoforms/element-ui/src/utils/date-util';
+  import ElScrollbar from '@cognitoforms/element-ui/packages/scrollbar';
+  import RepeatClick from '@cognitoforms/element-ui/src/directives/repeat-click';
 
   export default {
     components: { ElScrollbar },

packages/date-picker/src/basic/year-table.vue

@@ -44,9 +44,9 @@
 </template>
 
 <script type="text/babel">
-  import { hasClass } from 'element-ui/src/utils/dom';
-  import { isDate, range, nextDate, getDayCountOfYear } from 'element-ui/src/utils/date-util';
-  import { arrayFindIndex, coerceTruthyValueToArray } from 'element-ui/src/utils/util';
+  import { hasClass } from '@cognitoforms/element-ui/src/utils/dom';
+  import { isDate, range, nextDate, getDayCountOfYear } from '@cognitoforms/element-ui/src/utils/date-util';
+  import { arrayFindIndex, coerceTruthyValueToArray } from '@cognitoforms/element-ui/src/utils/util';
 
   const datesInYear = year => {
     const numOfDays = getDayCountOfYear(year);