@lumx/core 3.20.1-alpha.3 → 3.20.1-alpha.30

package/js/date-picker.ts

@@ -1,77 +0,0 @@
-import range from 'lodash/range';
-import mMoment, { Moment } from 'moment';
-import { extendMoment } from 'moment-range';
-
-const moment = extendMoment(mMoment as any);
-
-const DAYS_PER_WEEK = 7;
-
-interface AnnotatedDate {
-    date: Moment;
-    isDisplayed: boolean;
-    isClickable: boolean;
-    isToday: boolean;
-}
-
-/**
- * Get the list of days in a week based on locale.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale The locale using to generate the order of days in a week.
- * @return The list of days in a week based on locale.
- */
-export function getWeekDays(locale: string): Moment[] {
-    return range(DAYS_PER_WEEK).map((_, i) => moment().locale(locale).weekday(i));
-}
-
-/**
- * Get month calendar based on locale and start date.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-export function getMonthCalendar(locale: string, selectedMonth?: Moment): Moment[] {
-    const firstDayOfMonth = moment(selectedMonth).startOf('month');
-    const endDayOfMonth = moment(selectedMonth).endOf('month');
-    // The first day of the week depends on the locale used. In FR the first day is a monday but in EN the first day is sunday
-    const firstDay = firstDayOfMonth.locale(locale).startOf('week');
-    const monthRange = moment.range(firstDay.toDate(), endDayOfMonth.toDate());
-
-    return Array.from(monthRange.by('day'));
-}
-
-/**
- * Get month calendar based on locale and start date.
- * Each day is annotated to know if they are displayed and/or clickable.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  minDate       The first selectable date.
- * @param  maxDate       The last selectable date.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-export function getAnnotatedMonthCalendar(
-    locale: string,
-    minDate?: Date,
-    maxDate?: Date,
-    selectedMonth?: Moment,
-): AnnotatedDate[] {
-    const month = moment(selectedMonth).locale(locale).month();
-
-    const clickableRange = moment.range(minDate as Date, maxDate as Date);
-
-    return getMonthCalendar(locale, selectedMonth).map((date) => {
-        return {
-            date,
-            isClickable: clickableRange.contains(date),
-            isDisplayed: date.month() === month,
-            isToday: date.isSame(moment(), 'day'),
-        };
-    });
-}

package/js/types/Callback.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/Falsy.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/GenericProps.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasAriaLabelOrLabelledBy.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasClassName.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasCloseMode.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasTheme.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HeadingElement.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/Point.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/Predicate.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/RectSize.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/TextElement.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/ValueOf.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/index.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/utils/className/fontColorClass.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/index.min.js"),e=require("./resolveColorWithVariants.min.js");require("../../constants/keycodes.min.js"),exports.fontColorClass=function(o,t){if(!o)return;const[s,n=r.ColorVariant.N]=e.resolveColorWithVariants(o,t);return`lumx-color-font-${s}-${n}`};

package/js/utils/className/fontColorClass.test.min.js

@@ -1 +0,0 @@
-"use strict";var o=require("./fontColorClass.min.js");require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),require("./resolveColorWithVariants.min.js"),describe(o.fontColorClass,()=>{it("should get lumx class for font color",()=>{expect(o.fontColorClass("dark")).toBe("lumx-color-font-dark-N")}),it("should get lumx class for font color with variant",()=>{expect(o.fontColorClass("red","L2")).toBe("lumx-color-font-red-L2")}),it("should get lumx class for font color with variant with override",()=>{expect(o.fontColorClass("red-N","L2")).toBe("lumx-color-font-red-L2")})});

package/js/utils/className/getBasicClass.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/isBoolean"),t=require("lodash/kebabCase");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e),s=r(t);exports.getBasicClass=function({prefix:e,type:t,value:r}){if(a.default(r)){if(!r)return"";return["has","is"].some(e=>t.toString().startsWith(e))?`${e}--${s.default(t)}`:`${e}--is-${s.default(t)}`}return`${e}--${s.default(t)}-${r}`};

package/js/utils/className/getBasicClass.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./getBasicClass.min.js");require("lodash/isBoolean"),require("lodash/kebabCase"),describe(e.getBasicClass,()=>{it("should return correct basic CSS class for different types and values",()=>{expect(e.getBasicClass({prefix:"test",type:"color",value:"primary"})).toBe("test--color-primary"),expect(e.getBasicClass({prefix:"test",type:"variant",value:"button"})).toBe("test--variant-button"),expect(e.getBasicClass({prefix:"test",type:"isDark",value:!0})).toBe("test--is-dark"),expect(e.getBasicClass({prefix:"test",type:"dark",value:!0})).toBe("test--is-dark"),expect(e.getBasicClass({prefix:"test",type:"hasDark",value:!0})).toBe("test--has-dark"),expect(e.getBasicClass({prefix:"test",type:"isActive",value:!1})).toBe(""),expect(e.getBasicClass({prefix:"test",type:"hasBorder",value:!0})).toBe("test--has-border"),expect(e.getBasicClass({prefix:"test",type:"isVisible",value:!1})).toBe(""),expect(e.getBasicClass({prefix:"test",type:"variant",value:void 0})).toBe("test--variant-undefined")})});

package/js/utils/className/getRootClassName.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/kebabCase"),t=require("../../constants/index.min.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../constants/keycodes.min.js");var s=r(e);const n=/^(.*)-(.+)$/gi;exports.getRootClassName=function(e,r){const o=`${t.CSS_PREFIX}-${s.default(e)}`;return r?o.replace(n,"$1__$2"):o};

package/js/utils/className/getRootClassName.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./getRootClassName.min.js");require("lodash/kebabCase"),require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),describe(e.getRootClassName,()=>{it("should transform the component name into a lumx class",()=>{expect(e.getRootClassName("Table")).toBe("lumx-table")}),it("should transform the sub component name into a lumx class",()=>{expect(e.getRootClassName("TableBody",!0)).toBe("lumx-table__body")})});

package/js/utils/className/getTypographyClassName.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getTypographyClassName=e=>`lumx-typography-${e}`;

package/js/utils/className/getTypographyClassName.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./getTypographyClassName.min.js");describe(e.getTypographyClassName,()=>{it("should generate lumx typography class",()=>{expect(e.getTypographyClassName("title")).toBe("lumx-typography-title")})});

package/js/utils/className/handleBasicClasses.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),a=require("lodash/isBoolean"),s=require("lodash/isEmpty"),r=require("./getBasicClass.min.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/kebabCase");var u=t(e),i=t(a),l=t(s);exports.handleBasicClasses=function({prefix:e,...a}){const s={};return l.default(a)||Object.keys(a).forEach(t=>{var u;s[r.getBasicClass({prefix:e,type:t,value:a[t]})]=i.default(a[t])?a[t]:!("number"==typeof(u=a[t])?0===u:l.default(u))}),u.default(e,s)};

package/js/utils/className/handleBasicClasses.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./handleBasicClasses.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("./getBasicClass.min.js"),require("lodash/kebabCase"),describe(e.handleBasicClasses,()=>{it("should return correct combined CSS classes based on props",()=>{const s=e.handleBasicClasses({prefix:"test",undefined:void 0,null:null,emptyString:"",emptyArray:[],emptyObject:{},color:"red",isDisabled:!1,visible:!0,hasButton:!0});expect(s).toBe("test test--color-red test--is-visible test--has-button")})});

package/js/utils/className/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("./handleBasicClasses.min.js"),e=require("./getBasicClass.min.js"),a=require("./getRootClassName.min.js"),r=require("./getTypographyClassName.min.js"),o=require("./fontColorClass.min.js"),i=require("./resolveColorWithVariants.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),exports.handleBasicClasses=s.handleBasicClasses,exports.getBasicClass=e.getBasicClass,exports.getRootClassName=a.getRootClassName,exports.getTypographyClassName=r.getTypographyClassName,exports.fontColorClass=o.fontColorClass,exports.resolveColorWithVariants=i.resolveColorWithVariants;

package/js/utils/className/resolveColorWithVariants.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveColorWithVariants=function(e,t){if(!e)return[void 0,t];const[r,o]=e.split("-");return[r,t||o]};

package/js/utils/className/resolveColorWithVariants.test.min.js

@@ -1 +0,0 @@
-"use strict";var o=require("./resolveColorWithVariants.min.js");describe(o.resolveColorWithVariants,()=>{it("should handle undefined color",()=>{const r=o.resolveColorWithVariants(void 0);expect(r).toEqual([void 0,void 0])}),it("should handle undefined color with variant",()=>{const r=o.resolveColorWithVariants(void 0,"L2");expect(r).toEqual([void 0,"L2"])}),it("should handle color with undefined variant",()=>{const r=o.resolveColorWithVariants("primary");expect(r).toEqual(["primary",void 0])}),it("should handle color & variant separated",()=>{const r=o.resolveColorWithVariants("primary","L2");expect(r).toEqual(["primary","L2"])}),it("should handle color with variant all in one",()=>{const r=o.resolveColorWithVariants("primary-L2");expect(r).toEqual(["primary","L2"])}),it("should override color variant with the given color variant",()=>{const r=o.resolveColorWithVariants("primary-L2","D2");expect(r).toEqual(["primary","D2"])})});

package/js/utils/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/noop"),t=require("./className/handleBasicClasses.min.js"),s=require("./className/getBasicClass.min.js"),r=require("./className/getRootClassName.min.js"),a=require("./className/getTypographyClassName.min.js"),n=require("./className/fontColorClass.min.js"),o=require("./className/resolveColorWithVariants.min.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../constants/index.min.js"),require("../constants/keycodes.min.js");var u=i(e);exports.handleBasicClasses=t.handleBasicClasses,exports.getBasicClass=s.getBasicClass,exports.getRootClassName=r.getRootClassName,exports.getTypographyClassName=a.getTypographyClassName,exports.fontColorClass=n.fontColorClass,exports.resolveColorWithVariants=o.resolveColorWithVariants,exports.detectHorizontalSwipe=function(e,t){let s,r,a,n,o;const i=e=>{const[t]=Array.from(e.changedTouches);s=t.pageX,r=t.pageY,n=(new Date).getTime(),o=!1},c=e=>{if(o)return;if(a=(new Date).getTime()-n,a>300)return;const[i]=Array.from(e.changedTouches),u=i.pageX-s,c=i.pageY-r;if(!(Math.abs(u)>=150&&Math.abs(c)<=150))return;t(u<0?"left":"right"),o=!0},l=!!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get(){e=!0}});window.addEventListener("testPassiveEventSupport",u.default,t),window.removeEventListener("testPassiveEventSupport",u.default,t)}catch(e){}return e}()&&{passive:!0};return e.addEventListener("touchstart",i,l),e.addEventListener("touchmove",c,l),()=>{e.removeEventListener("touchstart",i,l),e.removeEventListener("touchmove",c,l)}},exports.detectSwipe=function(e,t=u.default){let s,r,a,n,o,i,c;const l=e=>{const[t]=Array.from(e.changedTouches);o="none",a=t.pageX,n=t.pageY,c=(new Date).getTime(),e.preventDefault()},p=e=>{e.preventDefault()},d=e=>{const[u]=Array.from(e.changedTouches);s=u.pageX-a,r=u.pageY-n,i=(new Date).getTime()-c,i<=300&&(Math.abs(s)>=150&&Math.abs(r)<=100?o=s<0?"left":"right":Math.abs(r)>=150&&Math.abs(s)<=100&&(o=r<0?"up":"down")),t(o),e.preventDefault()};return e.addEventListener("touchstart",l,!1),e.addEventListener("touchmove",p,!1),e.addEventListener("touchend",d,!1),()=>{e.removeEventListener("touchstart",l,!1),e.removeEventListener("touchmove",p,!1),e.removeEventListener("touchend",d,!1)}},exports.onButtonPressed=function(e){return t=>{"Enter"!==t.key&&" "!==t.key||e(t)}},exports.onEnterPressed=function(e){return t=>{"Enter"===t.key&&e(t)}},exports.onEscapePressed=function(e){return t=>{"Escape"===t.key&&e(t)}};