@dktunited-techoff/techoff-suite-ui 0.9.4 → 0.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/esm/components/Select/Select.d.ts +1 -1
  2. package/esm/components/Select/Select.js +2 -2
  3. package/esm/components/Select/Select.js.map +1 -1
  4. package/esm/components/Select/Select.types.d.ts +1 -0
  5. package/esm/index.d.ts +1 -0
  6. package/esm/index.js +1 -0
  7. package/esm/index.js.map +1 -1
  8. package/lib/components/Select/Select.d.ts +1 -1
  9. package/lib/components/Select/Select.js +2 -2
  10. package/lib/components/Select/Select.js.map +1 -1
  11. package/lib/components/Select/Select.types.d.ts +1 -0
  12. package/lib/index.d.ts +1 -0
  13. package/lib/index.js +1 -0
  14. package/lib/index.js.map +1 -1
  15. package/package.json +1 -1
  16. package/src/components/Select/Select.tsx +2 -2
  17. package/src/components/Select/Select.types.ts +1 -1
  18. package/src/index.ts +1 -0
package/esm/components/Select/Select.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { SelectProps } from './Select.types';
3
3
  import './Select.css';
4
- export declare const Select: ({ label, options, onChange }: SelectProps) => React.JSX.Element;
4
+ export declare const Select: ({ label, value, options, onChange }: SelectProps) => React.JSX.Element;
package/esm/components/Select/Select.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import './Select.css';
3
- export const Select = ({ label, options, onChange }) => {
3
+ export const Select = ({ label, value, options, onChange }) => {
4
4
  // ########
5
5
  // Handlers
6
6
  const handleChange = (e) => onChange(e.target.value);
@@ -8,7 +8,7 @@ export const Select = ({ label, options, onChange }) => {
8
8
  // Rendering
9
9
  return (React.createElement("div", { className: "select-container" },
10
10
  label && React.createElement("label", null, label),
11
- React.createElement("select", { onChange: handleChange },
11
+ React.createElement("select", { value: value, onChange: handleChange },
12
12
  React.createElement(React.Fragment, null,
13
13
  React.createElement("option", null, "-"),
14
14
  options))));
package/esm/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IAClE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,QAAQ,EAAE,YAAY;YAC5B;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IACzE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY;YAC1C;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
package/esm/components/Select/Select.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  export type SelectProps = {
3
3
  label?: string;
4
+ value: string;
4
5
  options: ReactElement[];
5
6
  onChange: (val: string) => void;
6
7
  };
package/esm/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export * from './components/Icon/Icon';
4
4
  export * from './components/Inputs/BooleanInput/BooleanInput';
5
5
  export * from './components/Inputs/TextInput/TextInput';
6
6
  export * from './components/Loader/Loader';
7
+ export * from './components/Select/Select';
7
8
  export * from './layouts/Header/Header';
8
9
  export * from './layouts/Header/HeaderProfile';
9
10
  export * from './layouts/Navigation/Navigation';
package/esm/index.js CHANGED
@@ -4,6 +4,7 @@ export * from './components/Icon/Icon';
4
4
  export * from './components/Inputs/BooleanInput/BooleanInput';
5
5
  export * from './components/Inputs/TextInput/TextInput';
6
6
  export * from './components/Loader/Loader';
7
+ export * from './components/Select/Select';
7
8
  export * from './layouts/Header/Header';
8
9
  export * from './layouts/Header/HeaderProfile';
9
10
  export * from './layouts/Navigation/Navigation';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC"}
package/lib/components/Select/Select.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { SelectProps } from './Select.types';
3
3
  import './Select.css';
4
- export declare const Select: ({ label, options, onChange }: SelectProps) => React.JSX.Element;
4
+ export declare const Select: ({ label, value, options, onChange }: SelectProps) => React.JSX.Element;
package/lib/components/Select/Select.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Select = void 0;
4
4
  const React = require("react");
5
5
  require("./Select.css");
6
- const Select = ({ label, options, onChange }) => {
6
+ const Select = ({ label, value, options, onChange }) => {
7
7
  // ########
8
8
  // Handlers
9
9
  const handleChange = (e) => onChange(e.target.value);
@@ -11,7 +11,7 @@ const Select = ({ label, options, onChange }) => {
11
11
  // Rendering
12
12
  return (React.createElement("div", { className: "select-container" },
13
13
  label && React.createElement("label", null, label),
14
- React.createElement("select", { onChange: handleChange },
14
+ React.createElement("select", { value: value, onChange: handleChange },
15
15
  React.createElement(React.Fragment, null,
16
16
  React.createElement("option", null, "-"),
17
17
  options))));
package/lib/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IAClE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,QAAQ,EAAE,YAAY;YAC5B;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IACzE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY;YAC1C;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
package/lib/components/Select/Select.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  export type SelectProps = {
3
3
  label?: string;
4
+ value: string;
4
5
  options: ReactElement[];
5
6
  onChange: (val: string) => void;
6
7
  };
package/lib/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export * from './components/Icon/Icon';
4
4
  export * from './components/Inputs/BooleanInput/BooleanInput';
5
5
  export * from './components/Inputs/TextInput/TextInput';
6
6
  export * from './components/Loader/Loader';
7
+ export * from './components/Select/Select';
7
8
  export * from './layouts/Header/Header';
8
9
  export * from './layouts/Header/HeaderProfile';
9
10
  export * from './layouts/Navigation/Navigation';
package/lib/index.js CHANGED
@@ -20,6 +20,7 @@ __exportStar(require("./components/Icon/Icon"), exports);
20
20
  __exportStar(require("./components/Inputs/BooleanInput/BooleanInput"), exports);
21
21
  __exportStar(require("./components/Inputs/TextInput/TextInput"), exports);
22
22
  __exportStar(require("./components/Loader/Loader"), exports);
23
+ __exportStar(require("./components/Select/Select"), exports);
23
24
  __exportStar(require("./layouts/Header/Header"), exports);
24
25
  __exportStar(require("./layouts/Header/HeaderProfile"), exports);
25
26
  __exportStar(require("./layouts/Navigation/Navigation"), exports);
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6DAA2C;AAC3C,iEAA+C;AAC/C,yDAAuC;AACvC,gFAA8D;AAC9D,0EAAwD;AACxD,6DAA2C;AAC3C,0DAAwC;AACxC,iEAA+C;AAC/C,kEAAgD"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6DAA2C;AAC3C,iEAA+C;AAC/C,yDAAuC;AACvC,gFAA8D;AAC9D,0EAAwD;AACxD,6DAA2C;AAC3C,6DAA2C;AAC3C,0DAAwC;AACxC,iEAA+C;AAC/C,kEAAgD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dktunited-techoff/techoff-suite-ui",
3
- "version": "0.9.4",
3
+ "version": "0.9.6",
4
4
  "main": "lib/index.js",
5
5
  "types": "./lib",
6
6
  "module": "esm/index.js",
package/src/components/Select/Select.tsx CHANGED
@@ -3,7 +3,7 @@ import { ChangeEvent } from 'react';
3
3
  import { SelectProps } from './Select.types';
4
4
  import './Select.css';
5
5
 
6
- export const Select = ({ label, options, onChange }: SelectProps) => {
6
+ export const Select = ({ label, value, options, onChange }: SelectProps) => {
7
7
  // ########
8
8
  // Handlers
9
9
  const handleChange = (e: ChangeEvent<HTMLSelectElement>) => onChange(e.target.value);
@@ -13,7 +13,7 @@ export const Select = ({ label, options, onChange }: SelectProps) => {
13
13
  return (
14
14
  <div className="select-container">
15
15
  {label && <label>{label}</label>}
16
- <select onChange={handleChange}>
16
+ <select value={value} onChange={handleChange}>
17
17
  <>
18
18
  <option>-</option>
19
19
  {options}
package/src/components/Select/Select.types.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { ReactElement } from 'react';
2
2
 
3
- export type SelectProps = { label?: string; options: ReactElement[]; onChange: (val: string) => void };
3
+ export type SelectProps = { label?: string; value: string; options: ReactElement[]; onChange: (val: string) => void };
package/src/index.ts CHANGED
@@ -4,6 +4,7 @@ export * from './components/Icon/Icon';
4
4
  export * from './components/Inputs/BooleanInput/BooleanInput';
5
5
  export * from './components/Inputs/TextInput/TextInput';
6
6
  export * from './components/Loader/Loader';
7
+ export * from './components/Select/Select';
7
8
  export * from './layouts/Header/Header';
8
9
  export * from './layouts/Header/HeaderProfile';
9
10
  export * from './layouts/Navigation/Navigation';