@agilekit/ui 0.0.423-alpha.0 → 0.0.424-alpha.0

package/lib/src/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/index.ts"],"names":[],"mappings":";;AAAA,qCAA+C;AAAtC,4BAAA,OAAO,CAAW"}

package/lib/src/components/Popover/stories/Popover.stories.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Popover").IPopoverProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const SelfClose: () => JSX.Element;
-export declare const WithTextfield: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Popover").IPopoverProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const SelfClose: () => JSX.Element;
+export declare const WithTextfield: () => JSX.Element;

package/lib/src/components/Popover/tests/stories/Popover.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Portal/Portal.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-export interface IPortalProps {
-    children?: React.ReactNode;
-    idPrefix?: string;
-    onPortalCreated?: () => void;
-}
-export interface IPortalState {
-    isMounted: boolean;
-}
-declare const Portal: React.SFC<IPortalProps>;
-export default Portal;
+import * as React from 'react';
+export interface IPortalProps {
+    children?: React.ReactNode;
+    idPrefix?: string;
+    onPortalCreated?: () => void;
+}
+export interface IPortalState {
+    isMounted: boolean;
+}
+declare const Portal: React.FC<IPortalProps>;
+export default Portal;

package/lib/src/components/Portal/Portal.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var utils_1 = require("../utils/");
+var getUniqueID = utils_1.idGenerator('portal-');
+var Portal = function (_a) {
+    var idPrefix = _a.idPrefix, children = _a.children;
+    var _b = tslib_1.__read(React.useState(false), 2), isMounted = _b[0], setIsMounted = _b[1];
+    var portalNode;
+    var portalId = idPrefix !== '' ? idPrefix + "-" + getUniqueID() : getUniqueID();
+    portalNode = document.createElement('div');
+    portalNode.setAttribute('data-portal-id', portalId);
+    document.body.appendChild(portalNode);
+    React.useEffect(function () {
+        setIsMounted(true);
+        return function () {
+            document.body.removeChild(portalNode);
+        };
+    }, []);
+    return isMounted ? react_dom_1.createPortal(children, portalNode) : null;
+};
+Portal.defaultProps = {
+    idPrefix: '',
+};
+exports.default = Portal;
+//# sourceMappingURL=Portal.js.map

package/lib/src/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uCAAyC;AAEzC,mCAAwC;AAYxC,IAAM,WAAW,GAAG,mBAAW,CAAC,SAAS,CAAC,CAAC;AAE3C,IAAM,MAAM,GAA4B,UAAC,EAAsB;QAApB,sBAAQ,EAAE,sBAAQ;IACrD,IAAA,6CAAiD,EAAhD,iBAAS,EAAE,oBAAqC,CAAC;IACxD,IAAI,UAAU,CAAC;IACf,IAAM,QAAQ,GAAG,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAI,QAAQ,SAAI,WAAW,EAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAClF,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,UAAU,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEtC,KAAK,CAAC,SAAS,CAAC;QACd,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC,CAAC,CAAC,wBAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/src/components/Portal/index.d.ts

@@ -1 +1 @@
-export { default as Portal } from './Portal';
+export { default as Portal } from './Portal';

package/lib/src/components/Portal/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Portal_1 = require("./Portal");
+exports.Portal = Portal_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":";;AAAA,mCAA6C;AAApC,0BAAA,OAAO,CAAU"}

package/lib/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-export interface IStepType {
-    name: string;
-    status?: 'done' | 'selected' | 'error';
-}
-export interface IProgressIndicator {
-    steps: IStepType[];
-    numbered?: boolean;
-    size?: 'lg';
-}
-declare const ProgressIndicator: React.FunctionComponent<IProgressIndicator>;
-export default ProgressIndicator;
+import * as React from 'react';
+export interface IStepType {
+    name: string;
+    status?: 'done' | 'selected' | 'error';
+}
+export interface IProgressIndicator {
+    steps: IStepType[];
+    numbered?: boolean;
+    size?: 'lg';
+}
+declare const ProgressIndicator: React.FunctionComponent<IProgressIndicator>;
+export default ProgressIndicator;

package/lib/src/components/ProgressIndicator/ProgressIndicator.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("./ProgressIndicator.module.scss"));
+var ProgressIndicator = function (_a) {
+    var steps = _a.steps, size = _a.size, _b = _a.numbered, numbered = _b === void 0 ? false : _b;
+    var _c;
+    var classNames = classnames_1.default(styles['progress-container'], (_c = {},
+        _c[styles["size-" + size]] = size,
+        _c[styles['numbered']] = numbered,
+        _c));
+    return (React.createElement("div", { className: classNames },
+        React.createElement("ul", { className: styles['progress-stages'] }, steps.map(function (step) {
+            var _a, _b, _c;
+            var classStep = classnames_1.default((_a = {}, _a[styles['is-done']] = step.status === 'done', _a), (_b = {}, _b[styles['is-selected']] = step.status === 'selected', _b), (_c = {}, _c[styles['is-error']] = step.status === 'error', _c));
+            return (React.createElement("li", { key: step.name.toLowerCase(), className: classStep },
+                React.createElement("label", null, step.name)));
+        }))));
+};
+exports.default = ProgressIndicator;
+//# sourceMappingURL=ProgressIndicator.js.map

package/lib/src/components/ProgressIndicator/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../../../../src/components/ProgressIndicator/ProgressIndicator.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAC/B,8EAA0D;AAa1D,IAAM,iBAAiB,GAAgD,UAAC,EAAiC;QAA/B,gBAAK,EAAE,cAAI,EAAE,gBAAgB,EAAhB,qCAAgB;;IACrG,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC;QACxD,GAAC,MAAM,CAAC,UAAQ,IAAM,CAAC,IAAG,IAAI;QAC9B,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ;YAC9B,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,4BAAI,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IACrC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;;YACb,IAAM,SAAS,GAAG,oBAAU,WACxB,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,IAAI,CAAC,MAAM,KAAK,MAAM,iBAC3C,GAAC,MAAM,CAAC,aAAa,CAAC,IAAG,IAAI,CAAC,MAAM,KAAK,UAAU,iBACnD,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,IAAI,CAAC,MAAM,KAAK,OAAO,MAChD,CAAC;YACF,OAAO,CACL,4BAAI,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,SAAS;gBACpD,mCAAQ,IAAI,CAAC,IAAI,CAAS,CACvB,CACN,CAAC;QACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/lib/src/components/ProgressIndicator/index.d.ts

@@ -1 +1 @@
-export { default as ProgressIndicator } from './ProgressIndicator';
+export { default as ProgressIndicator } from './ProgressIndicator';

package/lib/src/components/ProgressIndicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ProgressIndicator_1 = require("./ProgressIndicator");
+exports.ProgressIndicator = ProgressIndicator_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/ProgressIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProgressIndicator/index.ts"],"names":[],"mappings":";;AAAA,yDAAmE;AAA1D,gDAAA,OAAO,CAAqB"}

package/lib/src/components/ProgressIndicator/stories/ProgressIndicator.dev.stories.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<import("../ProgressIndicator").IProgressIndicator>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const PaymentSetup: () => JSX.Element;
-export declare const PaymentSetupField: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../ProgressIndicator").IProgressIndicator>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const PaymentSetup: () => JSX.Element;
+export declare const PaymentSetupField: () => JSX.Element;

package/lib/src/components/ProgressIndicator/stories/ProgressIndicator.stories.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<import("../ProgressIndicator").IProgressIndicator>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const LargeSize: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../ProgressIndicator").IProgressIndicator>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const LargeSize: () => JSX.Element;

package/lib/src/components/ProgressIndicator/tests/stories/ProgressIndicator.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/RadioButton/RadioButton.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { IconName } from '../Icon/iconClass';
-export interface IRadioButtonProps extends React.HTMLAttributes<HTMLInputElement> {
-    inputRef?: (input: HTMLInputElement | null | undefined) => any;
-    label: React.ReactNode;
-    labelHidden?: boolean;
-    labelIcon?: IconName;
-    checked?: boolean;
-    helpText?: React.ReactNode;
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-    value?: string;
-    onChange?(e: React.ChangeEvent<HTMLInputElement>): void;
-    onFocus?(): void;
-    onBlur?<T = string | any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
-}
-declare const RadioButton: React.FunctionComponent<IRadioButtonProps>;
-export default RadioButton;
+import * as React from 'react';
+import { IconName } from '../Icon/iconClass';
+export interface IRadioButtonProps extends React.HTMLAttributes<HTMLInputElement> {
+    inputRef?: (input: HTMLInputElement | null | undefined) => any;
+    label: React.ReactNode;
+    labelHidden?: boolean;
+    labelIcon?: IconName;
+    checked?: boolean;
+    helpText?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    value?: string;
+    onChange?(e: React.ChangeEvent<HTMLInputElement>): void;
+    onFocus?(): void;
+    onBlur?<T = string | any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
+}
+declare const RadioButton: React.FunctionComponent<IRadioButtonProps>;
+export default RadioButton;

package/lib/src/components/RadioButton/RadioButton.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var Choice_1 = tslib_1.__importDefault(require("../Choice/Choice"));
+var utils_1 = require("../utils");
+var styles = tslib_1.__importStar(require("./RadioButton.module.scss"));
+var getUniqueID = utils_1.idGenerator('RadioButton');
+var RadioButton = function (_a) {
+    var label = _a.label, labelHidden = _a.labelHidden, labelIcon = _a.labelIcon, helpText = _a.helpText, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _b = _a.id, id = _b === void 0 ? getUniqueID() : _b, _c = _a.name, name = _c === void 0 ? id : _c, value = _a.value;
+    var _d;
+    var classNames = classnames_1.default(styles['RadioButton'], (_d = {}, _d[styles['Disabled']] = disabled, _d));
+    var handleChange = function (e) {
+        var currentTarget = e.currentTarget;
+        if (onChange) {
+            onChange(e);
+        }
+        if (checked && !currentTarget.checked) {
+            currentTarget.focus();
+        }
+    };
+    return (React.createElement(Choice_1.default, { id: id, label: label, labelIcon: labelIcon, labelHidden: labelHidden, helpText: helpText, disabled: disabled },
+        React.createElement("span", { className: classNames },
+            React.createElement("input", { id: id, name: name, value: value, type: "radio", checked: checked, disabled: disabled, className: styles['Input'], onChange: handleChange, onFocus: onFocus, onBlur: onBlur, role: "radio" }),
+            React.createElement("span", { className: styles['Backdrop'] }),
+            React.createElement("span", { className: styles['Icon'] },
+                React.createElement("i", null)))));
+};
+exports.default = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/lib/src/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,oEAAsC;AAEtC,kCAAuC;AACvC,wEAAoD;AA6BpD,IAAM,WAAW,GAAG,mBAAW,CAAC,aAAa,CAAC,CAAC;AAE/C,IAAM,WAAW,GAA+C,UAAC,EAahE;QAZC,gBAAK,EACL,4BAAW,EACX,wBAAS,EACT,sBAAQ,EACR,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,oBAAO,EACP,kBAAM,EACN,UAAkB,EAAlB,uCAAkB,EAClB,YAAS,EAAT,8BAAS,EACT,gBAAK;;IAEL,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,aAAa,CAAC,YAAI,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ,MAAG,CAAC;IAEzF,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,+BAAa,CAAO;QAC5B,IAAI,QAAQ,EAAE;YAEZ,QAAQ,CAAC,CAAC,CAAC,CAAC;SACb;QACD,IAAI,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACrC,aAAa,CAAC,KAAK,EAAE,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAM,IACL,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;QAElB,8BAAM,SAAS,EAAE,UAAU;YACzB,+BACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,GACZ;YACF,8BAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,GAAI;YACvC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;gBAC7B,8BAAK,CACA,CACF,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/src/components/RadioButton/index.d.ts

@@ -1 +1 @@
-export { default as RadioButton } from './RadioButton';
+export { default as RadioButton } from './RadioButton';

package/lib/src/components/RadioButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioButton_1 = require("./RadioButton");
+exports.RadioButton = RadioButton_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/index.ts"],"names":[],"mappings":";;AAAA,6CAAuD;AAA9C,oCAAA,OAAO,CAAe"}

package/lib/src/components/RadioButton/stories/RadioButton.stories.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<import("../RadioButton").IRadioButtonProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../RadioButton").IRadioButtonProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/lib/src/components/RadioButton/tests/stories/RadioButton.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Select/Select.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { NativeSelectProps } from '@material-ui/core';
-export interface ISelectProps extends NativeSelectProps {
-    inputRef?: any;
-    label?: string;
-    labelHidden?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    helperText?: React.ReactNode;
-    id?: string;
-    name?: string;
-    value?: string;
-    error?: boolean;
-    SelectProps?: Record<string, any>;
-    FormControlProps?: Record<string, any>;
-    InputLabelProps?: Record<string, any>;
-    onFocus?(event: Record<string, any>): void;
-    onBlur?(event: Record<string, any>): void;
-    displayRequired?: boolean;
-}
-declare const CustomSelect: React.FC<ISelectProps>;
-export default CustomSelect;
+import React from 'react';
+import { NativeSelectProps } from '@material-ui/core';
+export interface ISelectProps extends NativeSelectProps {
+    inputRef?: any;
+    label?: string;
+    labelHidden?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    helperText?: React.ReactNode;
+    id?: string;
+    name?: string;
+    value?: string;
+    error?: boolean;
+    SelectProps?: Record<string, any>;
+    FormControlProps?: Record<string, any>;
+    InputLabelProps?: Record<string, any>;
+    onFocus?(event: Record<string, any>): void;
+    onBlur?(event: Record<string, any>): void;
+    displayRequired?: boolean;
+}
+declare const CustomSelect: React.FC<ISelectProps>;
+export default CustomSelect;

package/lib/src/components/Select/Select.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var TextField_1 = require("../TextField");
+var utils_1 = require("../utils/");
+var styles = tslib_1.__importStar(require("./Select.module.scss"));
+var getUniqueID = utils_1.idGenerator('Select');
+var initOption = {
+    label: '',
+    value: '',
+};
+var getSelectedOption = function (options, value) {
+    return (options && options.filter(function (option) { return option.value === value; })[0]) || initOption;
+};
+var Select = function (_a) {
+    var options = _a.options, label = _a.label, labelHidden = _a.labelHidden, disabled = _a.disabled, helpText = _a.helpText, _b = _a.id, id = _b === void 0 ? getUniqueID() : _b, placeholder = _a.placeholder, name = _a.name, _c = _a.value, value = _c === void 0 ? '' : _c, error = _a.error, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
+    var _d, _e;
+    var _f = tslib_1.__read(React.useState(false), 2), open = _f[0], setOpen = _f[1];
+    var _g = tslib_1.__read(React.useState(false), 2), focus = _g[0], setFocus = _g[1];
+    var _h = tslib_1.__read(React.useState(getSelectedOption(options, value)), 2), selectedOption = _h[0], setSelectedOption = _h[1];
+    var refShadowInput = React.useRef(null);
+    var className = classnames_1.default(styles['Select'], (_d = {}, _d[styles['Open']] = open, _d), (_e = {}, _e[styles['Disabled']] = disabled, _e));
+    var classSelectInput = classnames_1.default(styles['SelectInput']);
+    var classSelectOptions = classnames_1.default(styles['SelectOptions']);
+    var handleChange = function (valueChanged, changedId) {
+        if (onChange) {
+            setSelectedOption(getSelectedOption(options, valueChanged));
+            var event_1 = new Event('change', { bubbles: true });
+            if (refShadowInput.current) {
+                utils_1.setNativeValue(refShadowInput.current, valueChanged);
+                refShadowInput.current.dispatchEvent(event_1);
+            }
+        }
+    };
+    var shadowChange = function (e) {
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    var handleFocus = function () {
+        setFocus(true);
+    };
+    var handleBlur = function () { };
+    var handleClick = function () {
+        if (!disabled) {
+            setFocus(!focus);
+            setOpen(!open);
+        }
+    };
+    var handleClickOption = function (e) {
+        var selectedValue = e.currentTarget.dataset.optionValue;
+        if (selectedValue) {
+            handleChange(selectedValue, id);
+        }
+    };
+    return (React.createElement("div", { className: className, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick },
+        React.createElement("div", { className: classSelectInput },
+            React.createElement(TextField_1.TextField, { label: label, placeholder: placeholder, iconRight: "arrows", focused: focus, value: selectedOption.label, onChange: handleChange, disabled: disabled, helpText: helpText, error: error }),
+            React.createElement("input", { className: styles['shadow-input'], type: "text", value: selectedOption.label, onChange: shadowChange, onInput: shadowChange, ref: refShadowInput, name: id, id: id })),
+        React.createElement("div", { className: classSelectOptions }, options &&
+            options.map(function (option) {
+                return (React.createElement("div", { key: option.value, onClick: handleClickOption, "data-option-value": option.value }, option.label));
+            }))));
+};
+exports.default = Select;
+//# sourceMappingURL=Select.js.map

package/lib/src/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/Select/Select.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull">;
-export default useSelectStyles;
+declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull">;
+export default useSelectStyles;

package/lib/src/components/Select/index.d.ts

@@ -0,0 +1 @@
+export { default as Select } from './Select';

package/lib/src/components/Select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Select_1 = require("./Select");
+exports.Select = Select_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":";;AAAA,mCAA6C;AAApC,0BAAA,OAAO,CAAU"}

package/lib/src/components/Select/stories/Select.stories.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Select").ISelectProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const WithPlaceHolder: () => JSX.Element;
-export declare const WithoutLabel: () => JSX.Element;
-export declare const WithoutLabelNotFullwidth: () => JSX.Element;
-export declare const WithDisableState: () => JSX.Element;
-export declare const WithHelpText: () => JSX.Element;
-export declare const WithValidationError: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Select").ISelectProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithPlaceHolder: () => JSX.Element;
+export declare const WithoutLabel: () => JSX.Element;
+export declare const WithoutLabelNotFullwidth: () => JSX.Element;
+export declare const WithDisableState: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;
+export declare const WithValidationError: () => JSX.Element;

package/lib/src/components/Select/test/stories/Select.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Skeleton/Skeleton.d.ts

@@ -1 +1 @@
-export default function CustomSkeleton(props: any): JSX.Element;
+export default function CustomSkeleton(props: any): JSX.Element;

package/lib/src/components/Skeleton/stories/Skeleton.stories.d.ts

@@ -1,13 +1,13 @@
-import Skeleton from '../Skeleton';
-declare const _default: {
-    title: string;
-    component: typeof Skeleton;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
+import Skeleton from '../Skeleton';
+declare const _default: {
+    title: string;
+    component: typeof Skeleton;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;